ディレクターなら知っておきたいVCCWでWordPressの開発環境を構築する方法

ディレクターなら知っておきたいVCCWでWordPressの開発環境を構築する方法

Jack

Jack

こんにちは。ディレクターのJackです。

最近、海が非常に恋しいです。週末にサーフィンへ行きたいと思います。

さて、今回は「VCCWでWordPressの開発環境を構築する方法」をご紹介します。
最近、WordPressの構築案件に携わっているのですが、細かい仕様を確認する際、実際にソースコードを見たくなるときってありますよね。
ただ本番環境のソースコードを見て編集するわけにもいかないので、開発環境を構築する必要があります。

そこで便利なのがVCCWなのです。

VCCWとは

VCCWとは、VagrantをベースとしたWordPressの開発環境です。
下記リンクよりダウンロードできます。

http://vccw.cc/

インストールする

それでは、インストールをしていきましょう。
インストール環境は「OS X Yosemite」となります。
また作業ディレクトリは「/Users/jack/」となります。作業ディレクトリはご自身の開発環境に応じて変更してください。

VirtualBoxとVagrantをインストールする

事前にVirtualBoxとVagrantをインストールしておきます。
インストール方法は簡単です。下記リンクよりdmgファイルをダウンロードし、インストールを行いましょう。

VCCWをダウンロードする

gitでVCCWをcloneしましょう。

$ pwd
/Users/jack/
$ git clone https://github.com/vccw-team/vccw.git
Cloning into 'vccw'...
remote: Counting objects: 2569, done.
remote: Compressing objects: 100% (9/9), done.
remote: Total 2569 (delta 0), reused 0 (delta 0), pack-reused 2557
Receiving objects: 100% (2569/2569), 702.46 KiB | 569.00 KiB/s, done.
Resolving deltas: 100% (974/974), done.
Checking connectivity... done.

vagrant-hostupdater plugin のインストール

ダウンロード後、vccwディレクトリへ移動し、vagrant-hostsupdaterのインストールを行います。
インストールコマンドは下記となります。

$ cd vccw/
$ pwd
/Users/jack/vccw/
$ vagrant plugin install vagrant-hostsupdater
Installing the 'vagrant-hostsupdater' plugin. This can take a few minutes...
Installed the plugin 'vagrant-hostsupdater (0.0.11)'!

LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。

Webサイト制作の実績・料金を見る

この記事のシェア数

デューサーのJackです。 Web事業部マネージャーも兼務しています。 ディレクター向けの講演依頼はお気軽にご連絡ください。

このメンバーの記事をもっと読む
デザイン力×グローバルな開発体制でDXをトータル支援
お問い合わせ 会社概要DL