HuwaHuwa

UIUXデザイナー 松木順子

vagrant virtualBox VVVでwordpressの仮想環境をつくる

約 5 分

仮想環境でwpの開発をしてみたい。

普段はレンタルサーバーにテストサイトを作っていますが、急に思い立ちました。
思い立ったが吉日。さっそくビギン!
どうやらvagrantのboxであるvvv(Varying Vagrant Vagrants)を使う方法が主流なようです。
さっそくビギン!
以下、vagrantとvirtualBoxをインストール済みで、gitが使える状態からの作業手順になります

作業環境

  • mac os High Sierra
  • vagrantインストール済み
  • virtualBoxインストール済み
  • gitインストール済み

hostsファイルの設定をしてくれる vagrant-hostsupdater をインストール

https://github.com/cogitatio/vagrant-hostsupdater
vagrant-hostsupdaterは、hostsファイルへの設定をしてくれるvagrantのプラグインです。
正直、hostsファイルの設定はなるべくしたくない、ビビリの私にはうってつけの有り難いプラグイン。
さっそくインストールします。

無事インストールできたか、以下を入力して確認。

vagrant-hostsupdater (1.1.1.160)
というような表示が出ればインストール成功です!

仮想環境用のディレクトリを作成

仮想環境用のディレクトリを作成します。
ここではvagrantとしました。

作成したディレクトリへ移動します。

vvvをインストール

https://github.com/Varying-Vagrant-Vagrants/VVV
vagrantディレクトリにvvvをインストールします。

クローンが終了したら、lsで確認してみます。
vvvというフォルダが出来ていればクローン成功です!

vagrantを初期化

vvvフォルダへ移動して、vagrantを初期化します。

移動したら、

vagrantを初期化。lsで中身を確認してみます。

Vagrantfileが出来ていればOKです!
Vagrantfileというのは、仮想環境の構成を記述する設定ファイルのようです。

仮想環境を起動してみる

ここまでで、仮想環境を起動する準備が出来ました!
さあさっそく起動してみましょう!わくわく!

最初の起動は思ったよりも時間がかかります。
のんびりおまんじゅうでも食べて待ちましょう。

起動を確認する

で起動を確認します。

running (virtualbox)と表示されていれば起動しています。
バンザーイ!
念の為、virtualBoxでも確認してみましょう。
virtualBoxを立ち上げると、vvvが「実行中」になっているはずです。

ブラウザで表示してみる

以下のURLをたたいて仮想環境に出来たwpにアクセスして表示してみましょう。

http://local.wordpress.test/

どうですか?表示されましたか?
さらにログインしてみます。

http://local.wordpress.test/wp-admin

ID : admin
pass : password

管理画面にログインできれば成功です!
デフォルトでは英語版のwpなので、これを日本語化したいと思います。

wpを日本語化する

以上にて、仮想環境へログインします。
ログインすると、コマンドプロンプトが

のように変化すると思います。
ログインできている証拠です。
ちなみに、ログアウトする場合は

と打ちます。(まだログアウトしないでね)
さて、ここでディレクトリを移動します。

wordpress-defaultディレクトリにて、以下を実行。

正常に完了すればOKです。
管理画面を更新してみてください。
日本語化されているはずです。

vvvのディレクトリ構成はこんなかんじ

・ホストos
vagrant/vvv/www/wordpress-default/

・ゲストos
/srv/www/wordpress-default/

基本的にホスト側で変更すればゲスト側へも反映されます。すばらしい。

後記

思ったより簡単でびっくりしました。すごいなぁ。
vvvをインストールすればDBもwpも全部入った状態なのでとっても便利です。
今後はこの方法で開発していこうかな。
2つ3つと複数をvvvでインストールする場合はまた今度書こうと思います。

投稿者

フリーランスデザイナー & イラストレーター松木 順子
フリーランスのウェブデザイナーです。イラスト、ワードプレスサイト制作、UIUX設計などをやっております。 基本的には納豆とRockと酒があれば幸せです。餡子があればスキップします。
Follow :

コメントする

*
*
* (公開されません)

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

Facebookへコメントする