2014 07-09 wordbench tokyo

42
仮想マシン 制作現場にくれる幸せ @se_ino

Transcript of 2014 07-09 wordbench tokyo

Page 1: 2014 07-09 wordbench tokyo

仮想マシンが 制作現場にくれる幸せ

@se_ino

Page 2: 2014 07-09 wordbench tokyo

自己紹介• @se_inoと申します

• システム屋です

• でも最近はフロントエンドとWordPressがお友達

• WP-Eというグループでブログを書いたりしています

•   よろしくおねがいします

Page 3: 2014 07-09 wordbench tokyo

仮想マシンが 制作現場にくれる幸せ

Page 4: 2014 07-09 wordbench tokyo

仮想マシンって何?

Page 5: 2014 07-09 wordbench tokyo

仮想マシンとは• 【知恵蔵2014より引用】

• ソフトウエア技術を使い、コンピューター内に疑似的なコンピューターシステムを作り上げたもの。1台のマシンで複数の仮想マシンを動作させて複数の作業を並行動作させる、アーキテクチャー(構造)の異なる仮想マシンを作り、本来のコンピューターでは動作しないOSやソフトウエアを使う、実物を利用せずに携帯電話やゲーム機などのソフトウエアを試験する、仮想マシンによって実際のハードウエアの差異を吸収し、共通のソフトを動作させる、システムの基礎部分以外を仮想マシンで実行し、仮想マシンがストップしてもシステムは止まらないようにするなど、様々な用途に利用される。

Page 6: 2014 07-09 wordbench tokyo

どういうこと?

Page 7: 2014 07-09 wordbench tokyo

つまり こういう事ができる

Page 8: 2014 07-09 wordbench tokyo

ついでに今回出てくる 用語ちょこっと

仮想マシンプロバイダ (画像の例はVMWare Fusion)

仮想マシン(ゲストOS)

ホストOS (この場合OS X自体)

Page 9: 2014 07-09 wordbench tokyo

それって何が嬉しいの?

製作者的に

Page 10: 2014 07-09 wordbench tokyo

仮想マシン上では もちろんLinuxも動作する

Ubuntu、CentOS、Debian… OSは必要に応じて選ぼう

!本番のサーバー環境と

同じもので構築するのがベター

Page 11: 2014 07-09 wordbench tokyo

仮想マシンの中にPHPと WebサーバとDBを用意すれば

Page 12: 2014 07-09 wordbench tokyo

仮想の LAMP環境のできあがり!

仮想マシンの中でWordPressを 動作させられるよ!

Page 13: 2014 07-09 wordbench tokyo

なんでわざわざ仮想マシンを使うの? いままでのMAMPでもよくない?

Page 14: 2014 07-09 wordbench tokyo

仮想マシンのメリット

Page 15: 2014 07-09 wordbench tokyo

仮想マシンは .vmdkという拡張子のファイル

Page 16: 2014 07-09 wordbench tokyo

ファイルということは

ゲストOSは簡単に 複製できる&転送できる!

Page 17: 2014 07-09 wordbench tokyo

ふーん。 それってなんかいいことあるの?

Page 18: 2014 07-09 wordbench tokyo

仮想マシンで 例えばこんなことが嬉しい!

Page 19: 2014 07-09 wordbench tokyo

ケース1バージョン違い環境案件が

同時に発生したとき

案件AはPHP5.3で 案件BはPHP5.5で

Page 20: 2014 07-09 wordbench tokyo

仮想マシンを使っていれば案件Aの環境

案件Bの環境

それぞれ別のサーバーだから 影響しあうこともなくて安心!

Page 21: 2014 07-09 wordbench tokyo

ケース2環境まるごと保存しておける

案件Aはしばらく触らないから 外部ストレージにでもいれとこうかな!

Page 22: 2014 07-09 wordbench tokyo

ケース3もしパソコンが壊れても

Page 23: 2014 07-09 wordbench tokyo

外にバックアップがあれば すぐに環境を復帰できる

ほっ・・・。 バックアップは大事!

バックアップから .vmdkファイルをコピー

Page 24: 2014 07-09 wordbench tokyo

ケース4他の人とも

確実に同じ環境を使えるこっちの環境だと 動くんだけど…

こっちで動かしてみたら 動かないよ?

Page 25: 2014 07-09 wordbench tokyo

仮想マシンを使っていればこの環境で確認してね!

おっけー

.vmdkファイルを送信

Page 26: 2014 07-09 wordbench tokyo

ケース4発展

環境構築コストのカット

CakePHPが動く環境?まずは指定のバージョンのPHPが動く環境を用意して・・・

Page 27: 2014 07-09 wordbench tokyo

個々人でそれぞれ開発環境を つくるのは工数の無駄!

Page 28: 2014 07-09 wordbench tokyo

仮想マシンを配布という方法

この環境で開発してね!

Page 29: 2014 07-09 wordbench tokyo

も、アリだと思うけど もっとスマートなやり方が

登場してきた

Page 30: 2014 07-09 wordbench tokyo

それを解決するのが VAGRANT

Page 31: 2014 07-09 wordbench tokyo

ここ最近Web製作界隈で 話題になってきたこれとかこれ

VirtualBox

Page 32: 2014 07-09 wordbench tokyo

が、何なのかって言うと

VirtualBox仮想マシンプロバイダ

.vmdkファイルを動かすためのもの

仮想マシンを設定(vagrantfile)に従って、環境を構築したり、

仮想マシンを操作するためのもの

Page 33: 2014 07-09 wordbench tokyo

仮想マシンの代わりに vagrantfileを配布すれば

Page 34: 2014 07-09 wordbench tokyo

同じ仮想マシンを 作成できる

Page 35: 2014 07-09 wordbench tokyo

環境に変更があった時も vagrantflieを変更して

[vagrant reload --provision]で あっという間に環境差分変更対応

Page 36: 2014 07-09 wordbench tokyo

とか簡単に書いたけど、 正直vagrantfileの 設定かなり難しい!

ほとんど普通のサーバ構築と同じ知識が必要!

Page 37: 2014 07-09 wordbench tokyo

でも大丈夫

Page 38: 2014 07-09 wordbench tokyo

そのまま使える いい感じのvagrantfileが

githubにあります!ありがたい!

参考:PHPの開発に使えるVagrantfileのまとめ http://www.engineyard.co.jp/blog/2013/vagrantfile-for-php/

まずは出来ているものを見て構成を 勉強しよう!

Page 39: 2014 07-09 wordbench tokyo

SassやCoffeeScript、Yeomanなど、 開発に必要なメタ言語コンパイラなども 入ってるvagrantfileを使えば 自分で「環境」を作るコストがほぼゼロに!

環境構築の知識はもちろん あったほうがいいけどね!

Page 40: 2014 07-09 wordbench tokyo

仮想マシンについてもっと具体的なこととか 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

仮想マシンを活用して 制作を幸せにしましょう

Page 42: 2014 07-09 wordbench tokyo

ありがとうございました