WordPressテーマの開発環境をもっと快適に

Transcript

1. WordPressテーマの開発環境をもっと快適に VCCW + BrowserSync + gulpを使ってみた話 第３回WordBench山口 2015.10.15
2. 原田 美幸 Github・fb・twitter・codepen: @mykhrd グラフィックデザイナー｜ ウエブエンジニア WordPress履歴半年目
3. Vagrant Chef CentOS WordPress VCCWとは？
4. 面倒な設定作業をターミナルで すぐに実現できる。 VCCWのメリット
5. 1. VirtualBoxのインストール 2. Vagrantのインストール 3. Vagrant-hostsupdaterのインストール 4. ベースボックスのダウンロード 事前準備
6. VirtualBoxのインストール https://www.virtualbox.org/ インストール済みの人はス キップしてください。 VirtualBox 4.3以上が必 要です。
7. Vagrantのインストール http://www.vagrantup.com/ こちらもインストール済みの 人はスキップしてください。 Vagrant 1.5以上が必要 です。
8. vagrant-hostsupdaterのインストール $ vagrant plugin install vagrant-hostsupdater
9. ベースボックスのダウンロード $ vagrant box add miya0001/vccw
10. 事前準備完了。 次はVCCWをダウンロードする。
11. 2つの方法がある。(基本的にどのリポジトリだってそうだけど) • git cloneする方法 • zipファイルをダウンロードする方法 Url: http://vccw.cc/ VCCWのダウンロード $ git clone https://github.com/vccw-team/vccw.git my-folder
12. Git cloneが終わったら、provisionフォルダーの中の default.ymlをsite.ymlとして保存し、my-folderに移動します。 ターミナルでする場合は： 設定ファイルの作成 $ cp my-folder/provision/default.yml my-folder/site.yml site.ymlをエディタで編集 Hostnameやipの編集をする。 IPは /etc/hostsファイルに保存されてない IPなら使え ます。 編集後site.ymlを保存したら初期設定は完了です。
13. Vagrantの起動 $ vagrant up 確認は：hostname・IPに記入したアドレスをアクセス 項目を変えたら $ vagrant reload --provision
14. 以上