vdeep

*

vdeepはプログラミング、IT、Web技術、ライフハックの事などなどを管理人okutaniがつぶやくブログです。月間11万PV〜。

Windowsローカル開発環境を『Vagrant + VirtualBox』で作ってみよう

      2016/03/30

LINEで送る
Pocket

mac-intr-vagrant-virtualbox

  1. Macに『Vagrant + VirtualBox』を導入する手順
  2. Windowsローカル開発環境を『Vagrant + VirtualBox』で作ってみよう <- 本記事
  3. Vagrantを使ってみよう!Boxの取得から起動・停止・削除まで
  4. 『Vagrant Cloud』を利用してVagrantのBoxを追加してみよう
  5. Vagrantで仮想マシンに接続&Webサーバを立ち上げてみよう
  6. Vagrantで作成した環境を「コピー&配布して他人と共有する」方法
  7. 『Vagrant+VCCW』でWordPressローカル環境を構築してみよう
  8. 本番環境のWordPressサイトを『VCCW+WordMove』でローカルと同期!

こんにちは、okutani(@okutani_t)です。本記事では『Vagrant』と『VirtualBox』を使って、Windowsローカル開発環境を構築する手順を紹介しています。

Vagrant+VirtualBoxを使えば、かんたんにローカル開発環境を整えることができて便利です。

また、本記事はドットインストールの講義を元に進めています。合わせて進めていけばより理解が深まるかと思います。

参考ローカル開発環境の構築 [Windows編] (全10回) – プログラミングならドットインストール

では、さっそくVagrantとVirtualBoxを導入して、Windowsのローカル開発環境を構築してみましょう。

スポンサーリンク

VirtualBoxの導入手順

WindowsにVirtualBoxを導入していきます。まずは公式サイトにアクセス。

LINKOracle VM VirtualBox

左メニューから「Downloads」を選択。

windows-vagrant-virtualbox1

Windows用の実行ファイルをダウンロードします。今回は現在の最新版であるVirtualBox5.0.10を選びました。該当箇所の「x86/amd64」を選択。

windows-vagrant-virtualbox2

VirtualBox-5.0.10-104061-Win.exe 』がダウンロードされました。

実行してインストーラーを立ち上げましょう。

windows-vagrant-virtualbox3

画面を見ながらNextかYesをクリックして進めていきます。基本的にデフォルトのまま進めていけばOKです。

途中のショートカット作成もお好みでどうぞ。

windows-vagrant-virtualbox4

インストール時にネットワークが切れるため、次のような確認画面が出ます。そのまま『Yes』を選択して大丈夫です。

windows-vagrant-virtualbox5

Install』をクリック。

windows-vagrant-virtualbox6

インストールが完了すると、次の画面が表示されます。『Finish』をクリック。

windows-vagrant-virtualbox7

VirtualBoxを起動して、無事にインストールされたか確かめてみましょう。

windows-vagrant-virtualbox8

VirtualBoxの導入は以上です。

次はVagrantの導入方法をみていきましょう。

Vagrantの導入手順

Vagrantの公式サイトからVagrant本体をダウンロードしましょう。

LINKVagrant

TOPページの「DOWNLOAD」をクリック。

windows-vagrant-virtualbox9

WINDOWSの『Universal(32 and 64-bit)』を選択します。

windows-vagrant-virtualbox10

今回は『vagrant_1.7.4.msi』がダウンロードされました。実行ファイルをダブルクリックして、インストーラーを立ち上げます。

Next』で次に進みます。

windows-vagrant-virtualbox11

I accept the terms in the License Agreement」にチェックを入れて『Next』。

windows-vagrant-virtualbox12

インストール場所を設定します。今回はデフォルトのまま次に進みました。

windows-vagrant-virtualbox13

Install』をクリック。Vagrantのインストールが始まります。

windows-vagrant-virtualbox14

Finish』をクリック。これでインストールが完了しました。

windows-vagrant-virtualbox15

コマンドプロンプトから次のコマンドで無事にインストールされたか確認しましょう。

> vagrant -v
Vagrant 1.7.4

上記のようにVagrantのバージョンが表示されればOKです。

これでWindowsにVagrant+VirtualBoxが導入できました。

あとは利用したいOSのBoxを追加して仮想マシンを立ち上げてみてください。別記事にて紹介しています。

参考『Vagrant Cloud』を利用してVagrantのBoxを追加してみよう | vdeep

補足: vagrant upで仮想マシンが立ち上がらない場合

VagrantをWindowsで利用する際、うまく仮想マシンが立ち上がらない場合は「BIOSの仮想環境の許可設定」を見なおしてみてください。

私の環境では、Windows立ち上げ時にF12キーでBIOSが立ち上がりました。「Enable Intel Virtualization Technology」のチェックをONに変更します。

windows-vagrant-virtualbox16

これで、「vagrant up」時に表示されたエラーが消えました。参考にしてください。

  1. Macに『Vagrant + VirtualBox』を導入する手順
  2. Windowsローカル開発環境を『Vagrant + VirtualBox』で作ってみよう <- 本記事
  3. Vagrantを使ってみよう!Boxの取得から起動・停止・削除まで
  4. 『Vagrant Cloud』を利用してVagrantのBoxを追加してみよう
  5. Vagrantで仮想マシンに接続&Webサーバを立ち上げてみよう
  6. Vagrantで作成した環境を「コピー&配布して他人と共有する」方法
  7. 『Vagrant+VCCW』でWordPressローカル環境を構築してみよう
  8. 本番環境のWordPressサイトを『VCCW+WordMove』でローカルと同期!

この記事が気に入ったら
いいね ! しよう

Twitter で
LINEで送る
Pocket

okutani (@okutani_t) のヒトコト
最近はvagrantを使って仮想マシンを立ち上げるのが一般的になりつつありますね。windowsだと仮想環境の許可設定をしておかないとうまく動かないことがあるので注意が必要です。

 - Vagrant, Windows

スポンサーリンク

PC用AdSense

PC用AdSense

Share
  • このエントリーをはてなブックマークに追加

  こちらの関連記事もどうぞ

Vagrantを使ってみよう!Boxの取得から起動・停止・削除まで

こんにちは、okutani(@okutani_t)です。WindowsやMacの …

Vagrantで仮想マシンに接続&Webサーバを立ち上げてみよう

こんにちは、okutani(@okutani_t)です。ローカル開発環境の構築に …

Windowsの半角/全角キーを無変換/変換キーに割り当ててMac風に使う

MacBookAirを買ってからメインがWindowsからMacになりつつあるo …

本番環境のWordPressサイトを『VCCW+WordMove』でローカルと同期!

こんにちは、okutani(@okutani_t)です。VCCWを使うとWord …

VagrantのBOXを「複製&配布して他人と共有する」方法

こんにちは、okutani(@okutani_t)です。Vagrantで作った環 …

『Vagrant+VCCW』でWordPressローカル環境を構築してみよう

こんにちは、okutani(@okutani_t)です。お店のサイトやブログなん …

[Windows] CapsLockキーをCtrlキーに置き換える「Ctrl2Cap」でMac風に使おう

こんにちは、okutani(@okutani_t)です。私は主にMacBookA …

『Vagrant Cloud』を利用してVagrantのBoxを追加してみよう

こんにちは、okutani(@okutani_t)です。Vagrant1.5以降 …

Macに『Vagrant + VirtualBox』を導入する手順

こんにちは、okutani(@okutani_t)です。Macにローカル開発環境 …

Windowsで好きな領域をキャプチャする「Snipping Tool」使い方

こんにちは、okutani(@okutani_t)です。みなさんはWindows …

vdeepのトップページへ戻る画像です。風船の形をした島を女の子が掴んでいます。