WordPress用開発環境 
Vagrantを使ってみよう 
2014年12月15日WordBench富山
自己紹介 
 神垣聡 
 WordPress歴7年ぐらい? 
 WordPress2.3から利用 
 2.3のリリースが2007年 
 インフラ〜プログラム辺りのエンジニア 
 インフラ-> サーバ管理 
 最近の趣味 
 スノーボード 
 資格取得 
 元々は情報系 
 宅建とか簿記とりました 
 今年は電気系(電気工事士、電験)の資格とります
アジェンダ 
 概要 
 VirtualBoxインストール 
 Vagrantインストール 
 VCCWインストール 
 Vagrant、VCCW基本設定 
 WordPressの初期設定 
• 時間の都合上、今日はWindowsに合わせてインストールを進め 
させてもらいます 
• 分からないところはバシバシ聞いてください
概要 
 WordPressの開発環境 
 WordPressの案件をさっくりバッチリこなすために 
 ワークショップ? 
 実際にみなさんのパソコンへソフトウェアをインストー 
ルして実践的に何かを学ぶ場 
 USBメモリで必要なファイルを配布しています 
 Vagrantフォルダをコピーしてください 
 途中再起動が必要になります
なぜVagrant 
 開発環境と本番環境を揃える 
 個人のローカル環境に依存しない 
 開発環境のスタートまでが早い 
 環境構築を自動化 
 チームでの開発環境の共有 
http://dev.classmethod.jp/server-side/virtual-box-vagrant/
VirtualBoxのインストール 
 Oracle社が開発 
 Oracle(オラクル) 
 データベースとかで有名 
 下記のファイルをインストールしてください 
 VirtualBox-4.3.20-96997-Win.exe
VirtualBoxのインストール
VirtualBoxのインストール
VirtualBoxのインストール
VirtualBoxのインストール
VirtualBoxのインストール
Vagrantのインストール 
 フォルダ内の下記のファイルをインストール 
 vagrant_1.7.1.msi
Vagrantのインストール
Vagrantのインストール
Vagrantのインストール
Vagrantのインストール
Vagrantのインストール
VCCWのコピー 
 フォルダ内にあるvccw-1.9.6をC:HashiCorpへコ 
ピーしてください
Vagrantの起動 
 Vccw-1.9.6でコマンドプロンプトを開きます 
 フォルダをエクスプローラで開いて 
 「Shiftを押しながら右クリック」 
 「コマンドプロンプトをここで開く」 
 「vagrant up」を実行します
Vagrantの起動
Vagrantの起動
Vagrantの起動 
 待ちます・・・・ 
 時間が掛かりますのでその間に他の事をやっておきま 
す
hostsファイルの設定 
 このソフトのインストールはオプショナルです 
 192.168.33.10をwordpress.local に関連付け 
 フォルダ内にあるHostsFileManagerSetup.msiをイ 
ンストールします 
 HostsFileManagerを開きます
Hostsファイルの設定
Hostsファイルの設定
Hostsファイルの設定
Hostsファイルの設定
閑話休題(10分) 
 使用許諾と再配布について 
 今回のワークショップではインターネット回線の都合上、 
色んなファイルを特定少数に再配布しました 
 使用許諾で問題がありそうな場合には教えてください 
 仮想環境(仮想マシン)について 
 仮想マシンとは… 
 サーバやパソコンを仮想環境としてまるごと準備 
 普段使いしている環境とは切り離して構築可能
閑話休題 
 Vagrant+Windowsって意外に不親切だなぁ… 
 コマンドプロンプトの開き方がなかったり… 
 なんでVagrantなの? 
 いまイケてる開発環境だから! 
 Vagrant以外は? 
 XAMPP、MAMPとか 
 レン鯖へ直接設置
閑話休題 
 他にイケてることは? 
 gitいいよgit 
 (弊社未採用です…) 
 プロジェクト管理ツールいいです 
 Backlog, redmine, trac
Vagrant初期設定完了
確認 
ブラウザで確認してみましょう 
 http://wordpress.local/
確認
管理画面 
 管理画面にはいってみましょう 
 ID: admin 
 PW: admin
管理画面へ
起動中の確認とか
削除 
 コマンドプロンプトから 
 vagrant destroy
削除
おつかれさまでした!

Word bench富山 vagrantやってみよう