先日購入した本『ビジネスサイトを作って学ぶWordPressの教科書』。この本で最初に行うVirtualBox(バーチャルボックス)とVagrant(ベイグラント)を使ったローカル構築に苦戦しました。Mac使用者かつ同じ本で迷った人がいたら、少しでも参考になれば嬉しいです。
環境構築でつまずいたところ
①VirtualBoxのインストールに失敗【←この記事で説明】
②Vagrantが起動しない(次回の記事)
『ビジネスサイトを作って学ぶWordPressの教科書』はこちら
ワードプレスで本格的な企業サイトを制作できる本を探していて、この本に出会いました。少しずつ章立てされていて手順を踏みながら制作できるのでおすすめです。
![](https://webdesign-pg.com/wp-content/uploads/2022/01/56d39a9bfa0f4ebfd26df4fcbbf34fb7-1024x767.jpg)
サイト制作に関する本の内容はわかりやすいです。この記事ではVirtualBox(バーチャルボックス)とVagrant(ベイグラント)のインストールについて説明します。
「VirtualBox」のインストール
VirtualBoxは仮想化ソフトウェア
VirtualBox:
現在使用しているパソコン上に別のOSを実行できるソフトウェア。
(例)WindowsやMacのパソコンにLinux(CentOS)の環境を構築できる
VirtualBoxの公式ページ(https://www.virtualbox.org/)でダウンロードします。
![](https://webdesign-pg.com/wp-content/uploads/2022/01/7a5f90cb1b1b97690e4b6b3ef32755fa-1024x482.jpg)
本には執筆当時のバージョンVirtualBox6.1.16をダウンロードするように書かれていますが、私は最新版(6.1.30)をダウンロードして動きました。
![](https://webdesign-pg.com/wp-content/uploads/2022/01/0b91a33fb3c3c892d40bb8660c6f2f32-1024x485.jpg)
ダウンロードが完了したら、インストーラを起動しましょう。この記事ではMacで説明します。
インストーラは通常「ダウンロードフォルダ」にダウンロードされます。
![](https://webdesign-pg.com/wp-content/uploads/2022/01/ba42561141ece0bd0a7af067af17fa81-1024x387.jpg)
インストール方法 Macの場合
1.「VirtualBox-6.x.x-xxxxxx-OSX.dmg」をダブルクリックすると、この画面が出ます。
![](https://webdesign-pg.com/wp-content/uploads/2022/01/53f6b7d5e384eb822f94529a5a79cfcb-1.jpg)
2.「VirtualBox.pkg」をダブルクリックして、インストーラーを起動。
![](https://webdesign-pg.com/wp-content/uploads/2022/01/7356578a38afa3693b973a8879755fc8.jpg)
3. 「ようこそOracle VM VirtualBoxインストーラへ」の画面で「続ける」をクリック。
![](https://webdesign-pg.com/wp-content/uploads/2022/01/c77dc1a261a437a5fb1a35f8e75daa30.jpg)
4.インストール先を変更しないで「インストール」をクリック。
![](https://webdesign-pg.com/wp-content/uploads/2022/01/8b96a33b80a9e5fe1c72c75fdfe0912b.jpg)
「インストーラが新しいソフトウェアをインストールしようとしています」と出たら、自分のMacに設定しているパスワードを入力し、「ソフトウェアをインストール」を押します。
![](https://webdesign-pg.com/wp-content/uploads/2022/01/7d7d10255fa23ff00c04e58e7d254670-1.jpg)
5.これでインストールできればOKです。しかし、こんな画面が出てきたら・・・?!
![](https://webdesign-pg.com/wp-content/uploads/2022/01/77bcf4ca345470fa53437ccdd572af21.jpg)
インストールできませんでした。だと?!
私の場合は、予想外に「インストールできませんでした。」と表示されてしまいました。ガーン!(T0T)
「拡張機能がブロックされました」の画面が出て、VirtualBoxのインストール中にエラーが発生した場合は、「”セキュリティ”環境設定」を開きます。
![](https://webdesign-pg.com/wp-content/uploads/2022/01/15838b593f05a1525603e9c87481ef6b.jpg)
※このウインドウを閉じてしまった場合は左上のリンゴマーク→「システム環境設定」→「セキュリティとプライバシー」から開きます。
![](https://webdesign-pg.com/wp-content/uploads/2022/01/b55a3658066f2c773b7ed3ab3eada982-1024x468.jpg)
システム環境設定の画面でカギのマークを押し、 Macのパスワードを入力して「許可」を押します。
![](https://webdesign-pg.com/wp-content/uploads/2022/01/24d91a1fbe2d5031a8c6ca80f31307d5.jpg)
もう一度インストーラーをダブルクリックして、同じ手順を繰り返します。この画面が出れば完了です。
![](https://webdesign-pg.com/wp-content/uploads/2022/01/85ab2bd5f484e10a9907bb2eea8dff7f-1.jpg)
無事インストールが完了したら、「閉じる」をクリックします。もう使わないのでインストーラのアイコンを右クリックしてゴミ箱へ。
VisualBoxのインストール完了確認方法(Mac)
インストールした後は「アプリケーション」フォルダや「Launchpad」でアイコンを確認できます。
![](https://webdesign-pg.com/wp-content/uploads/2022/01/46f14caea17c11fc1b297aa8c5b370cf.jpg)
次はVagrantの導入です。
「Vagrant」のインストール
仮想マシンの構築を自動化するVagrant
Vagrant:
仮想マシンの構築・管理ができるソフトウェア。
コマンドを入力するだけで仮想マシンの起動・停止・設定・削除などができる。
Vagrantの公式サイト(https://www.vagrantup.com/)でダウンロードします。
![](https://webdesign-pg.com/wp-content/uploads/2022/01/8c9aadfed7c03d3ef5a8f759dff4fca1-1024x528.jpg)
本には執筆当時のバージョンVagrant2.2.10をダウンロードするように書かれていますが、私はこちらも最新版(2.2.19)をダウンロードして動きました。
![](https://webdesign-pg.com/wp-content/uploads/2022/01/2eeff9d8295bf359ffeeaadfe54cf686-1024x594.jpg)
Windowsの場合は「WIndows64_bit」、Macの場合は「macOS 64_bit」をクリックしてインストーラをダウンロードします。この記事ではMacについて記述します。
インストーラは通常「ダウンロード」フォルダにダウンロードされます。
![Vagrantのイントーラ](https://webdesign-pg.com/wp-content/uploads/2022/01/4f9747e3f29f18f2c8644cadb30fcbf7-1024x387.jpg)
インストール方法 Macの場合
1.「vagrant_2.2.x_x86_64.dmg」をダブルクリックすると、この画面が出ます。「vagrant.pkg」をダブルクリックします。
![](https://webdesign-pg.com/wp-content/uploads/2022/01/a2c3c62c3aaab890e8cef5eef85bf0f2.jpg)
2.「はじめに ようこそVagrantインストーラへ」の画面で「続ける」をクリックします。
![](https://webdesign-pg.com/wp-content/uploads/2022/01/130716dcf4fb829153b1318764700bac.jpg)
3.「インストールの種類 〇〇に標準インストール」の画面では、そのまま「インストール」をクリック。
![](https://webdesign-pg.com/wp-content/uploads/2022/01/bf73b854cb343613871033aa4da3ac97.jpg)
「インストーラが新しいソフトウェアをインストールしようとしています」と出たら、自分のMacに設定しているパスワードを入力し、「ソフトウェアをインストール」を押します。
![新しいソフトウェアをインストールしようとしています](https://webdesign-pg.com/wp-content/uploads/2022/01/7d7d10255fa23ff00c04e58e7d254670-1.jpg)
4.インストールが完了しました!
![](https://webdesign-pg.com/wp-content/uploads/2022/01/0a1cb9e75a979cbf7098a2e9b424fc2e.jpg)
無事インストールを確認したら、「閉じる」をクリックします。先ほどと同様にインストーラのアイコンを右クリックしてゴミ箱へ。
→上手くいかない場合は?
上記で説明している「システム環境設定」→「セキュリティとプライバシー」設定から「許可」インストールの許可の設定をしてください。
Vagrantのインストール完了確認方法(Mac)
(1)ターミナルを開きます。
【ターミナルを開く方法】
・デスクトップ画面右上の虫眼鏡のマーク(Spotlight)で「ターミナル」と検索。
・または[移動]→[ユーティリティ]→[ターミナル]を選択。
![](https://webdesign-pg.com/wp-content/uploads/2022/01/edc19472066c624d2444286248feea98.jpg)
(2)この画面で$マークの後に「vagrant(半角スペース)−−(ハイフンを2連続)version」と打ち、Enterキーを押します。↓コピペ用にどうぞ。
vagrant --version
ターミナルに使用するVagrantのバージョンの数字が出てきます。
![](https://webdesign-pg.com/wp-content/uploads/2022/01/6cb5b43c202f21454c8de0b34c50eb2d.jpg)
これでVagrantがインストールされていることが確認できました!
まとめ
MacOSはバージョンアップに従いセキュリティ機能が強化されています。
→「システム環境設定」→「セキュリティとプライバシー」設定から「許可」をしないと、ソフトウェアやアプリのインストールが正常に行えない場合があります。
無事インストールはできましたか?
私はVirtualBoxとVagrantのインストールの後に、今度はVagrantが起動できなくて悩みました。次の記事で、私が試してみた対処法をいくつか紹介します。
最初のローカル環境構築を乗り越えれば、本の内容通りに企業サイトを制作できて楽しいですよ!
▼Amazonのサイトから試し読みができます(PRです)