vccwでWordPressの開発環境を作る。

まえおき

WordPressのテーマでも作ろうと思ったある日、先日うきうきでローカル開発環境を整えた俺はWordPressをインストールしようと試みました。

さて、気づいたらXAMPPでMysql+WPインスコなんてのは過去の産物になっていたようなのでモダンな開発環境を手に入れるべく調査をすすめるとそこには「vccw」なるものがあるとのこと。

vccwとはローカル環境でWordPressを開発する際に開発環境として使えるものらしく動作条件はVagrantが必要とのこと。Vagrantに関しては先日使ってみたばかりなのでここぞとばかりに使ってみることにしました。まだの人はVirtual boxを入れるところから始めましょう

http://www.kisjam.com/blog/setup-vagrant/

VirtualBoxを使うところを察するにホストOS型のWP開発環境が手に入る感じでしょうか、既存のモジュールやバージョン違いによる個々人の微妙な差異に悩まないよう統一された開発環境が手に入る予感がします。

http://vccw.cc/

早速公式のガイドに沿ってインストールしていきます。

VirtualBoxをインストールしましょう、私は先日インストール済みです！！！

https://www.virtualbox.org/

Vagrantも入れましょう、例によって既に入っているのでここは飛ばします、わからない方は上の記事を読むかドットインストールを見ましょう

vagrantのプラグインをインストールします。

このプラグインはVagrant を起動するときに、ホスト（ローカル）のhostsファイルをVagrantfileに記述したものによしなに設定してくれる良いやつです。

Vagrantをインストールしたディレクリに作業ディレクトリを作ります、

$ mkdir kisjam_vccw
$ cd kisjam_vccw
$kisjam_vccw vagrant plugin install vagrant-hostsupdater

本題です、VagrantのBoxをインストールします。

$kisjam_vccw vagrant box add vccw-team/xenial64

しばし待ちましょう。

該当リンクからZipファイルをダウンロードしましょう。

先程ダウンロードしたファイルを解凍して作業用ディレクトリに突っ込みましょう、私の場合だと「kisjam_vccw」に突っ込みます。

その後に

$kisjam_vccw cd vccw/

で先程突っ込んだフォルダに移動します。

はい、準備が整いました。便利かて・・・

Vagrantを起動しましょう。

$ vagrant up

しばらくすると起動が完了するので下記のIPにアクセス出来るようになります。

http://vccw.dev/ or http://192.168.33.10/

いかがでしたでしょうか？一瞬でしたね。いままでwordpress.orgから逐一ダウンロードしてローカルに突っ込んでとしていた身としては非常に便利です。

準備が出来たのでテーマ開発に勤しみたいと思います。