61
XAMPP? いいえVagrantです トライデントコンピュータ専門学校 ゲームサイエンス学科 森田 崚太 2013年12月23日(月)

Trident lt vagrant-hands-on

Embed Size (px)

Citation preview

Page 1: Trident lt vagrant-hands-on

XAMPP? いいえVagrantです

トライデントコンピュータ専門学校 ゲームサイエンス学科

森田 崚太 2013年12月23日(月)

Page 2: Trident lt vagrant-hands-on

誰だお前!

• 森田 崚太 • Facebook 森田 崚太 Ryota Morita • Twitter @rytmrt • ゲームサイエンス学科 3年生

!

• 最近はサーバー関連をやってます。

Page 3: Trident lt vagrant-hands-on

突然ですが。

Page 4: Trident lt vagrant-hands-on

WEB開発の時 何を使っていますか?

Page 5: Trident lt vagrant-hands-on

そもそも開発してない。

Page 6: Trident lt vagrant-hands-on

そんな人は 今からはじめましょう!

Page 7: Trident lt vagrant-hands-on

そんなわけで

Page 8: Trident lt vagrant-hands-on

XAMMPですか? MAMPですか?

Page 9: Trident lt vagrant-hands-on

XAMPPじゃ本番環境と 全然違うじゃん!

パスが違って書き直しとかね(主にwindows

Page 10: Trident lt vagrant-hands-on

WEBの基本?LAMP環境が基本

Linux -> OS

Apache -> webサーバー

MySQL -> データベース

PHP -> バックエンドプログラム

Page 11: Trident lt vagrant-hands-on

Linuxってなに?

Page 12: Trident lt vagrant-hands-on

OS(オペレーティング・システム) です。(ちょっと違うけど)

WindowsとかMacみたいな感じ

Page 13: Trident lt vagrant-hands-on

いろいろなLinux

• RedHat

• Debian

• Fedora

• Vine Linux

• CentOS

• Ubuntu

• Mint Linux

• Oracle Linux

etc…

Page 14: Trident lt vagrant-hands-on
Page 15: Trident lt vagrant-hands-on

座学はここまでにして

Page 16: Trident lt vagrant-hands-on

開発環境を 本番環境に近づける

Page 17: Trident lt vagrant-hands-on

どうやって? )つ[ VirtualBox ]

Page 18: Trident lt vagrant-hands-on

VirtualBoxとは?• 今使ってるPC上に仮想PCを作れるソフト

• 様々なOSで使用可能(Windows, Mac, Linux)

• もともと動いてるOSをホストOS

• 仮想のOSをゲストOSと言います

• 無料

Page 19: Trident lt vagrant-hands-on

とりあえず Vitrualboxを インストール

Page 20: Trident lt vagrant-hands-on

ゲストOSにLinuxを使えば 本番に近づくはず!

Page 21: Trident lt vagrant-hands-on

せんせー 「おーえすいんすとーる」とか

「りなっくす」とか 難しくてわけわかりません。

Page 22: Trident lt vagrant-hands-on

そんなあなたに! )つ[ Vagrant ]

Page 23: Trident lt vagrant-hands-on

Vagrantとは

• VirtualBoxをより便利にしてくれるツール(みたいなやつ)

• 仮想環境が壊れたら簡単に捨てて作り直せる

• Chefとか使うといいらしい

Page 24: Trident lt vagrant-hands-on

とりあえず Vagrantをインストール

Page 25: Trident lt vagrant-hands-on

今回はゲストOSに !

!

を使います

Page 26: Trident lt vagrant-hands-on

やっと ハンズオンっぽくなります

Page 27: Trident lt vagrant-hands-on

↓にアクセス! http://rytmrt.github.io/vagrant-hands-on

Page 28: Trident lt vagrant-hands-on

最新版を 落とすといいと思うよ

Page 29: Trident lt vagrant-hands-on

ダウンロードしたファイルを /User/user/Downloads/ に解凍したことにします。

Page 30: Trident lt vagrant-hands-on

vagrantのフォルダに移動• Terminalを起動します(Windows: Cygwinかcmd)

• Mac,Linuxの場合 $ cd /User/user/Downloads/vagrant-hands-on-version-0.1.3 Windowsの場合> cd C:¥User¥user¥Downloads¥vagrant-hands-on-version-0.1.3

• 以降のパスはMac版のみ(適当に読み替えてください

Page 31: Trident lt vagrant-hands-on

Boxファイルを追加

• $ vagrant box add CentOS-release-6.5

../CentOS-release-6_5.box

Page 32: Trident lt vagrant-hands-on

とりあえず 起動コマンド

Page 33: Trident lt vagrant-hands-on

vagrant up

Page 34: Trident lt vagrant-hands-on

vagrant upカチャ

カチャカチャ

Page 35: Trident lt vagrant-hands-on

vagrant up

ッターン!

カチャカチャ

カチャ…

Page 36: Trident lt vagrant-hands-on

自動でLAMP環境を 作ってくれます!

Page 37: Trident lt vagrant-hands-on

これで 仮想 開発環境 完成!

Page 38: Trident lt vagrant-hands-on

http://localhost:8080/phpMyAdmin

にアクセスしてみましょう。

Page 39: Trident lt vagrant-hands-on

見慣れた phpMyAdmin

user: root password: aiCh0noa

Page 40: Trident lt vagrant-hands-on

WebRoot (XAMPPだとhtdoc)は vagrant upをした場所の webrootフォルダ

Page 41: Trident lt vagrant-hands-on

だから ホストOSで編集可能!

Page 42: Trident lt vagrant-hands-on

つまり 使い慣れた開発環境を使える!

Page 43: Trident lt vagrant-hands-on

いろいろなコマンド

Page 44: Trident lt vagrant-hands-on

仮想環境にsshで アクセスする

Page 45: Trident lt vagrant-hands-on

vagrant ssh

Page 46: Trident lt vagrant-hands-on

vagrant ssh

• ゲストOSで作業する時に使います

• CUI(黒画面)でいろいろできます

Page 47: Trident lt vagrant-hands-on

仮想環境の 電源を切る。

Page 48: Trident lt vagrant-hands-on

vagrant halt

Page 49: Trident lt vagrant-hands-on

vagrant halt

• 仮想マシンの電源を切れます

• 再度起動しないとサーバーは止まったままです

Page 50: Trident lt vagrant-hands-on

仮想環境を削除する。

Page 51: Trident lt vagrant-hands-on

vagrant destroy * vagrant upで再セットアップ可能です

Page 52: Trident lt vagrant-hands-on

vagrant destroy

• 作ったゲストOSを削除します

• 設定ミスで動かなくなっても大丈夫!

• またvagrant upで作れます

Page 53: Trident lt vagrant-hands-on

番外編! 仮想環境にGitを

インストールしてみる

Page 54: Trident lt vagrant-hands-on

Gitって?

• バージョン管理システムです。

• 今回の自動スクリプトはこれで管理してる

• Githubとか使うとさらに便利!

Page 55: Trident lt vagrant-hands-on

早速インストール

Page 56: Trident lt vagrant-hands-on

ホストOSで↓を実行 !

ゲストOSを起動して ログインします。

!

$ vagrant up $ vagrant ssh

Page 57: Trident lt vagrant-hands-on

ゲストOSで↓を実行 !

$ sudo yum install -y git

Page 58: Trident lt vagrant-hands-on

これだけで インストール完了です

Page 59: Trident lt vagrant-hands-on

まとめ

Page 60: Trident lt vagrant-hands-on

• 壊して捨てて、壊して捨ててが簡単にできます!

• 同じものを使えば複数人で開発環境の統一が可能

• 自動インストールはprovisionsの中を覗いて見てね

!

Vagrantで快適開発環境を作りましょう!

Page 61: Trident lt vagrant-hands-on

ありがとうごさいました!