2014 07-09 wordbench tokyo
-
Upload
maiko-seino -
Category
Documents
-
view
1.019 -
download
0
Transcript of 2014 07-09 wordbench tokyo
![Page 1: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/1.jpg)
仮想マシンが 制作現場にくれる幸せ
@se_ino
![Page 2: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/2.jpg)
自己紹介• @se_inoと申します
• システム屋です
• でも最近はフロントエンドとWordPressがお友達
• WP-Eというグループでブログを書いたりしています
• よろしくおねがいします
![Page 3: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/3.jpg)
仮想マシンが 制作現場にくれる幸せ
![Page 4: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/4.jpg)
仮想マシンって何?
![Page 5: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/5.jpg)
仮想マシンとは• 【知恵蔵2014より引用】
• ソフトウエア技術を使い、コンピューター内に疑似的なコンピューターシステムを作り上げたもの。1台のマシンで複数の仮想マシンを動作させて複数の作業を並行動作させる、アーキテクチャー(構造)の異なる仮想マシンを作り、本来のコンピューターでは動作しないOSやソフトウエアを使う、実物を利用せずに携帯電話やゲーム機などのソフトウエアを試験する、仮想マシンによって実際のハードウエアの差異を吸収し、共通のソフトを動作させる、システムの基礎部分以外を仮想マシンで実行し、仮想マシンがストップしてもシステムは止まらないようにするなど、様々な用途に利用される。
![Page 6: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/6.jpg)
どういうこと?
![Page 7: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/7.jpg)
つまり こういう事ができる
![Page 8: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/8.jpg)
ついでに今回出てくる 用語ちょこっと
仮想マシンプロバイダ (画像の例はVMWare Fusion)
仮想マシン(ゲストOS)
ホストOS (この場合OS X自体)
![Page 9: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/9.jpg)
それって何が嬉しいの?
製作者的に
![Page 10: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/10.jpg)
仮想マシン上では もちろんLinuxも動作する
Ubuntu、CentOS、Debian… OSは必要に応じて選ぼう
!本番のサーバー環境と
同じもので構築するのがベター
![Page 11: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/11.jpg)
仮想マシンの中にPHPと WebサーバとDBを用意すれば
![Page 12: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/12.jpg)
仮想の LAMP環境のできあがり!
仮想マシンの中でWordPressを 動作させられるよ!
![Page 13: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/13.jpg)
なんでわざわざ仮想マシンを使うの? いままでのMAMPでもよくない?
![Page 14: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/14.jpg)
仮想マシンのメリット
![Page 15: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/15.jpg)
仮想マシンは .vmdkという拡張子のファイル
![Page 16: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/16.jpg)
ファイルということは
ゲストOSは簡単に 複製できる&転送できる!
![Page 17: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/17.jpg)
ふーん。 それってなんかいいことあるの?
![Page 18: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/18.jpg)
仮想マシンで 例えばこんなことが嬉しい!
![Page 19: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/19.jpg)
ケース1バージョン違い環境案件が
同時に発生したとき
案件AはPHP5.3で 案件BはPHP5.5で
![Page 20: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/20.jpg)
仮想マシンを使っていれば案件Aの環境
案件Bの環境
それぞれ別のサーバーだから 影響しあうこともなくて安心!
![Page 21: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/21.jpg)
ケース2環境まるごと保存しておける
案件Aはしばらく触らないから 外部ストレージにでもいれとこうかな!
![Page 22: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/22.jpg)
ケース3もしパソコンが壊れても
![Page 23: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/23.jpg)
外にバックアップがあれば すぐに環境を復帰できる
ほっ・・・。 バックアップは大事!
バックアップから .vmdkファイルをコピー
![Page 24: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/24.jpg)
ケース4他の人とも
確実に同じ環境を使えるこっちの環境だと 動くんだけど…
こっちで動かしてみたら 動かないよ?
![Page 25: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/25.jpg)
仮想マシンを使っていればこの環境で確認してね!
おっけー
.vmdkファイルを送信
![Page 26: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/26.jpg)
ケース4発展
環境構築コストのカット
CakePHPが動く環境?まずは指定のバージョンのPHPが動く環境を用意して・・・
![Page 27: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/27.jpg)
個々人でそれぞれ開発環境を つくるのは工数の無駄!
![Page 28: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/28.jpg)
仮想マシンを配布という方法
この環境で開発してね!
![Page 29: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/29.jpg)
も、アリだと思うけど もっとスマートなやり方が
登場してきた
![Page 30: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/30.jpg)
それを解決するのが VAGRANT
![Page 31: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/31.jpg)
ここ最近Web製作界隈で 話題になってきたこれとかこれ
VirtualBox
![Page 32: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/32.jpg)
が、何なのかって言うと
VirtualBox仮想マシンプロバイダ
.vmdkファイルを動かすためのもの
仮想マシンを設定(vagrantfile)に従って、環境を構築したり、
仮想マシンを操作するためのもの
![Page 33: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/33.jpg)
仮想マシンの代わりに vagrantfileを配布すれば
![Page 34: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/34.jpg)
同じ仮想マシンを 作成できる
![Page 35: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/35.jpg)
環境に変更があった時も vagrantflieを変更して
[vagrant reload --provision]で あっという間に環境差分変更対応
![Page 36: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/36.jpg)
とか簡単に書いたけど、 正直vagrantfileの 設定かなり難しい!
ほとんど普通のサーバ構築と同じ知識が必要!
![Page 37: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/37.jpg)
でも大丈夫
![Page 38: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/38.jpg)
そのまま使える いい感じのvagrantfileが
githubにあります!ありがたい!
参考:PHPの開発に使えるVagrantfileのまとめ http://www.engineyard.co.jp/blog/2013/vagrantfile-for-php/
まずは出来ているものを見て構成を 勉強しよう!
![Page 39: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/39.jpg)
SassやCoffeeScript、Yeomanなど、 開発に必要なメタ言語コンパイラなども 入ってるvagrantfileを使えば 自分で「環境」を作るコストがほぼゼロに!
環境構築の知識はもちろん あったほうがいいけどね!
![Page 40: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/40.jpg)
仮想マシンについてもっと具体的なこととか VAGRANTが何をしてるのかとか
細かいこと全部説明するのはLTでは無理なので、 詳しく知りたかったら下記のスライドがおすすめ!
http://www.slideshare.net/YukihikoSawanobori/staticpress-seminor-vagrantpublic
仮想マシンざっくり解説と実践VAGRANT | STATICPRESS × S3 × VAGRANT 勉強会
http://www.slideshare.net/shin1x1/xampp-mamp-vagrant-php
もう XAMPP / MAMP はいらない!VAGRANT で作る PHP 開発環境
![Page 41: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/41.jpg)
仮想マシンを活用して 制作を幸せにしましょう
![Page 42: 2014 07-09 wordbench tokyo](https://reader034.fdocuments.net/reader034/viewer/2022052622/558ea7f61a28ab06128b4691/html5/thumbnails/42.jpg)
ありがとうございました