Downloaded 29 times
More Related Content
![WordPress名古屋コミュニティの進化[WordBench Nagoya 2017年3月勉強会]](https://cdn.slidesharecdn.com/ss_thumbnails/wordbenchnagoya201703-170313012341-thumbnail.jpg?width=640&height=640&fit=bounds)
![[AMIMOTO] 網元起動隊ハンズオン](https://cdn.slidesharecdn.com/ss_thumbnails/amimoto-140704184945-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to WordBench熊本Vagrant勉強会
WordBench熊本Vagrant勉強会
- 1.
- 2. 自己紹介 ! ! ! ! ! 名前：建山晃徳 Twitter：aqun00 Facebook：akinori.tateyama 職業：プログラマ・Webサイト制作（WordPress） ブログ：WordPress関連のブログちょっと書いてます (会社ブログ：http://thinking.ne.jp/author/tateyama/) (個人ブログ：http://free-free-wheeling.com) ! 過去のスライド：( http://www.slideshare.net/akinoritateyama)
- 3. 目次 ! Vagrantとは？ ! Vagrantとは？ ! Vagrantを使うメリット ! WordPress環境の構築 ! 必要ソフトインストール ! WordPress環境を構築しよう（vccw） ※Macの方 ! WordPress環境を構築しよう（vvv） ※Winの方 ! チーム内で同じ環境を共有してみよう ※Macの方 ! 自分のお気に入りプラグインをインストール済みの WordPress開発環境を他人に渡してみよう
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14. Vagrantを使うメリット ! チーム内で同じ開発環境を共有できる 同じ OS PHP mysql Apache WordPress (バージョン テーマ プラグイン) ・・・
- 15.
- 16.
- 17.
- 18. 必要なソフトインストール ! VirtualBoxをインストール （h@ps://www.virtualbox.org/） ! Vagrantをインストール （ h@p://www.vagrantup.com/）
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28. WordPress環境を構築しよう（VCCW） ! Vagrantファイルをダウンロード ! Gitを入れている方はローカルにclone $git clone https://github.com/miya0001/vagrant-chef-centos-wordpress.git vagrant-wp ! Gitを入れていない方はzipをダウロード後に解凍 https://github.com/miya0001/vagrant-chef-centos-wordpress/archive/master.zip
- 29. WordPress環境を構築しよう（VVV） ! コマンドでVagrantのプラグインをインストール ※一回インストールすればいい $vagrant plugin install vagrant-‐hostsupdater ローカルでも好きなドメインでブラウザから アクセスできるように自動で設定してくれます プラグイン説明・・・ ゲストOSを起動したときにホストOSのhostsファイルに ゲストOSのホスト名とIPを追加。停止時に削除してれるプラグイン
- 30.
- 31.
- 32. WordPress環境を構築しよう（VCCW） ! Vagrantfileのサンプルファイル(Vagrantfile.sample)をコピー してVagantfileを作る $cp Vagrantfile.sample Vagrantfile cookbooks site-cookbooks .gitignore .README-ja.md .README.md Vagrantfile.sample Vagrantfile 名前を変えて コピー
- 33.
- 34.
- 35. WordPress環境を構築しよう（VCCW） ! 仮想マシン起動 $vagrant up 実行中です。 しばらく待ちましょ う。
- 36.
- 37.
- 38. WordPress環境を構築しよう（VCCW） ! 主なコマンド Vagrantfileがあるフォルダに移動（cd）して ! 仮想マシン起動(電源on) ! 仮想マシン一時停止(状態保存) vagrant up vagrant suspend ! 仮想マシン停止(電源off) vagrant halt ! 仮想マシン削除(破棄) vagrant destroy ! 仮想マシン再起動(電源off→電源on) vagrant reload
- 39. WordPress環境を構築しよう（VCCW） ! 使わないなら仮想マシンは停止しましょう ! 仮想マシン停止 vagrant halt ! 次の起動を早くしたいなら一時停止 vagrant suspend
- 40.
- 41. 必要なソフトインストール ! VirtualBoxをインストール(バージョン4.3.4) （ h@ps://www.virtualbox.org/wiki/ Download_Old_Builds_4_3） ! Vagrantをインストール(1.4.0) （ h@p://www.vagrantup.com/downloads-‐ archive.html）
- 42.
- 43.
- 44.
- 45.
- 46.
- 47. WordPress環境を構築しよう（VVV） ! Windowsの方 hostsファイルに下記を1行追加してください 場所： C:WindowsSystem32Driversetc hosts 192.168.50.4 vvv.dev local.wordpress.dev local.wordpress-‐trunk.dev src.wordpress-‐develop.dev build.wordpress-‐develop.dev 最近のWindowsではHostsファイルを普通に保存できないため、管理者権限でメモ帳を開いた後、 保存してください。 この作業が面倒くさい場合は、macと同じようにhostsファイル自動設定プラグイン（vagrant-‐ hostupdater）を使用してください。その場合hostsファイルのユーザーの書き込み権限を追加してく ださい。こちらは自己責任でお願いします。
- 48. WordPress環境を構築しよう（VVV） ! vagrant-‐hostsupdater使いたい方は、hosts ファイル書き込み権限追加後 $vagrant plugin install vagrant-‐hostsupdater ローカルでも好きなドメインでブラウザから アクセスできるように自動で設定してくれます プラグイン説明・・・ ゲストOSを起動したときにホストOSのhostsファイルに ゲストOSのホスト名とIPを追加。停止時に削除してれるプラグイン
- 49. WordPress環境を構築しよう（VVV） ! Vagrantファイルをダウンロード ! Gitを入れている方はローカルにclone $git clone git://github.com/10up/varying-vagrant-vagrants.git vagrant-local ! Gitを入れていない方はzipをダウロード後に解凍 https://github.com/Varying-Vagrant-Vagrants/VVV/archive/master.zip
- 50.
- 51.
- 52. WordPress環境を構築しよう（VVV） ! 仮想マシン起動 $vagrant up 実行中です。 しばらく待ちましょ う。
- 53.
- 54.
- 55.
- 56.
- 57.
- 58.
- 59. チーム内で同じ環境を共有してみよう ! 手順 ! Vagrant環境一式を全員でダウンロード ! 1人がWorｄPressのデフォルト環境を設定 ! Vagrantfile修正 ! １人が全員に設定ファイル（Vagrantfile）を渡す ! 仮想マシン起動 ! vagrant up
- 60.
- 61. チーム内で同じ環境を共有してみよう ! Vagrantフォルダ一式を全員でダウンロード ! Gitを入れている方はローカルにclone $git clone https://github.com/miya0001/vagrant-chef-centos-wordpress.git vagrant-share 前回は違う名前で保存 ! Gitを入れていない方はzipをダウロード後に解凍 https://github.com/miya0001/vagrant-chef-centos-wordpress/archive/master.zip
- 62.
- 63. チーム内で同じ環境を共有してみよう ! 一人がVagrantfile修正 ! みんなで共有したい環境 ! 日本語版最新版WordPress初期インストール状態 ! プラグインは下記を初期インストール ! Contact form 7 ! Advenced custom fields
- 64.
- 65. チーム内で同じ環境を共有してみよう ! 一人がVagrantfile修正 IPアドレスとドメインを変える WP_HOSTNAME = "wordpress.org" WP_IP = "192.168.33.11" デフォルトでインストールしたいプラグインを追記 WP_LANG=“ja” WP_DEFAULT_PLUGINS= %w(contact-‐form-‐7 advanced-‐custom-‐fields)
- 66.
- 67.
- 68. チーム内で同じ環境を共有してみよう ! 仮想マシン起動 vagrant up!! (起動) vagrant up!! (起動) vagrant up!! (起動)
- 69. チーム内で同じ環境を共有してみよう ! 仮想マシン起動 #vagrant up 実行中です。 しばらく待ちましょ う。
- 70.
- 71.
- 72.
- 73.
- 74.
- 75.
- 76.
- 77.
- 78.
- 79. vagrant upについて ! vagrant upすると・・（初めの一回だけ） パソコン サーバ（仮想マシン）
- 80.
- 81. 仮想マシンにログインしたい場合 ! コマンドをたたく ! vagrant ssh パソコン サーバ（仮想マシン）
- 82.
- 83. wp-cliについて ! wp-cliはブラウザを開かずにWordPressを操作できる ! VVV・VCCWにはwp-cliが最初から入っている 例）プラグインの有効化 wp plugin active akismet 例）データベース置換 wp serch-replace ‘http://ex.com’ ‘http://ex.jp’ vagrant ssh してログインして やってみよう
- 84.
- 85.
- 86.
- 87.
- 88.