LoginSignup
1
3

More than 5 years have passed since last update.

WordPressのローカル環境構築メモ

Last updated at Posted at 2017-06-30

はじめに

必要性がなかった!
10年ほどWEB系には興味がなかった!!!
・・・という言い訳なのですがw

  • HTMLはタグを手で打つもの
  • 掲示板、チャットは基本CGI(Perl)
  • 複雑なのはPHP+DBかJava
  • CSSははじめの頃の知識しかない

という古い人間です。ごめんなさい。

最近はjQueryとかJSがすごいなーとは思いつつ
あまりやる気が出ず、ずっと傍観者だったのですが
仕事もらえるとのことで、またWEB開発やりますよ!

まずはローカル環境からやっていこうと思います(^^;
OS:Windows7

WordPressという名前は前々から良く聞いていたものの
「ブログ作るやつ、PHPでできているらしい」
くらいの知識しかないので、間違ってたらごめんなさい┌○))

いろいろ調べると仮想OSにぶっこんどくとテスト環境の作り直しが
コマンドラインで簡単にできるとのことだったので
その方向性でやってます!

参考にしたサイト
https://www.webprofessional.jp/ultimate-wordpress-development-environment/

インストールとリポジトリダウンロード

▼インストールしたもの

・VirtualBox
・Vagrant

▼ダウンロードしたリポジトリ

https://github.com/Varying-Vagrant-Vagrants/VVV.git

参考にしたサイト
https://www.wildwest-service.com/vvv/
http://wpwand.com/build-wordpress-dev-env-on-windows/

起動

▼vagrant の使い方

よーし!なんかわからんけどとりあえず起動するぞ!!

vagrant up

vvvインストール中.png

初回はしばらく時間がかかるとのことで放置してたら
こうなりましたwww
E_FAIL.png

起動に失敗してるっぽいので
Google先生にお尋ねしたところ
exeの互換モードを「Windows 7」にしなさいって書いてたのでチェックつけて各exeごとにチマチマ指定
- VirtualBox.exe
- VBoxManage.exe
- VBoxHeadless.exe

互換モード.png
参考URL
https://stackoverflow.com/questions/37367618/vagrant-up-command-not-working

参考サイトにあったとおり
https://www.wildwest-service.com/vvv/
Permission denied になりました \ヤッパリ!!!/
PermissionDenied.png

で、管理者で実行すると
E_FAIL2.png

今度はなに!?
参考サイトから引用
http://wpwand.com/build-wordpress-dev-env-on-windows/

PCあるいはVirtualBoxを再起動して、再度コマンドを実行したら直りました。
ローカルにサイトが追加されるまで10分ぐらいかかるかもです。
完了したらブラウザで 以下のURLでアクセスして、インストールできたことを確認します:

10分かー
結構かかるなー
と思いつつ放置。
起動.png

TimeOutだと!?
TimeOut.png

何かがおかしい・・・
Visual StudioさんにCドライブが圧迫されているので
Adobe CCもZドライブにインストールしているのだけれど
若干Cドライブにファイルが作られるので
もうCドライブがパンパン!!!

仮想環境ともなるとかなりデータ食うので
Zドライブにインストールしてるんですが
どうも、User\ユーザ名\の中にファイルを作りたがるのです

Zドライブにインストールした
VirtualBox.exe
を起動して設定確認
まーいろいろCドライブに作ってまして致命的なのが

User\ユーザ名\VirtualBox VMs\
この中に仮想ディスク作られるみたいなんですが
Cドライブの容量が足りてませんでした.....orz

インストールをZドライブにしたんだから
仮想ディスクも同じパス使ってよ!!!

もろもろ手動でCドライブからZドライブにパス変更とか
環境パスとかも手動でやって再起動とかいろいろやって

やっと起動ログが流れ始めましたよ(涙)
10分~20分かかるらしいので
エラーが出ないかドキドキしながら
コンソール眺めていました

終わったっぽい.png
added 894 packages in 55.288s

なぜ途中で色が変わっているのかはよくわかりませんが
終わったっぽい!!!!!

終わったっぽい2.png

ということでブラウザで確認

WEB確認.png

無事環境設定終わりました (ワーイ

1
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
3