SlideShare une entreprise Scribd logo
1  sur  26
自動的に開発環境
設定
Pham Van Hung
自己紹介
 ファム ヴァン フン
 2012年3月大学卒業
 2012年7月入社
 現在、APIとWebエンジニア
目的
 環境設定で楽する
 Vagrantは何か知ること
 基本的な機能を使えるようになること
 全社の開発環境を導入するようになること
発表の流れ
 Vagrantの概要
 Vagrantの導入方法
 Vagrantの使い方
 デモ
問題点
想定外のバグが発生する
開発環境:Mac OS, Windows,
本番環境:Linux, Windows Server
例えば
 Mysql, apache, memcache, phpunit testをローカル環境に入れた
事
 それから、NgnixとmongodbとNode.js
 どの時間が掛かりましたか?
 環境設定はいやです。時間がもったいないです。
 開発者はソースコードを書きたい。
ソリューション
VAGRANTとは
 仮想マシンの環境構築作業を自動化にするためのツール。
 Box(Vagrantのイメージ)があれば、チームが同じ環境を作ること
ができる。
 仮想マシンですが、好きなEditor, Web browserを自由に使える。
VAGRANTのメリット
 個人のローカルにない環境を構築できる。
 すぐに使える環境を構築することができる。
 復旧もできる。
Vagrantを始めましょう
VIRTUALBOX インストール
VAGRANTインストール
DEMO
BOXを導入する
 $ cd ~/
 $ mkdir vagrant
 $ cd vagrant
 $ vagrant init precise64 http://files.vagrantup.com/precise64.box
 $ vagrant up
 $ vagrant ssh
VAGRANTの使い方
VAGRANT設定
 基本的な設定
 IP設定
 共有ディレクトリ設定
 基本の使い方
 起動、停止、消す
 イメージ作成
ポート設定
 Vagrant will forward port 80 on the guest to port 8080 on
the host
ディレクトリ設定
起動、停止、削除
 起動
 $ vagrant up
 停止
 $ vagrant halt
 削除
 $ vagrant destroy
 Boxを作る
 $ vagrant pagkage
DEMO
 https://github.com/phamvanhung2e123/vagrant-tutorial1
 https://github.com/phamvanhung2e123/vagrant-wp-theme
Only One Command
新しいやり方
 VagrantとVirtualBoxインストール
 Clone プロジェクトコード, Vagrantfileと含めて
 Run Vagarant Up, 自動的に環境を設定あげる
 コード書く (好きなエディタ pycharm)
 自分のブラウザでサイトをチェック(safari…)
ハッピー
参考文献
 http://www.slideshare.net/takeuchi-
tk?utm_campaign=profiletracking&utm_medium=sssite&utm_sour
ce=ssnewsfeed
 http://www.digitalforreallife.com/2012/11/boosting-teamwork-with-
vagrant/
 Vagrant Up and Running, Michell Hashimoto

Contenu connexe

Tendances

麦乃大学2回 MODX x MicrosoftWebMatrix
麦乃大学2回 MODX x MicrosoftWebMatrix麦乃大学2回 MODX x MicrosoftWebMatrix
麦乃大学2回 MODX x MicrosoftWebMatrix
Kei Mikage
 
Pwaを作ってみる(ejリクールトlt 2017/10/18)
Pwaを作ってみる(ejリクールトlt 2017/10/18)Pwaを作ってみる(ejリクールトlt 2017/10/18)
Pwaを作ってみる(ejリクールトlt 2017/10/18)
Koki Natsume
 
クラウドインフラ「尚可」採用は不幸を招く
クラウドインフラ「尚可」採用は不幸を招くクラウドインフラ「尚可」採用は不幸を招く
クラウドインフラ「尚可」採用は不幸を招く
Ryoichi Taga
 
Firefox os勉強会 2nd WEB屋さんがWEBアプリを作ってみた
Firefox os勉強会 2nd WEB屋さんがWEBアプリを作ってみたFirefox os勉強会 2nd WEB屋さんがWEBアプリを作ってみた
Firefox os勉強会 2nd WEB屋さんがWEBアプリを作ってみた
Nobuhiro Ueda
 
なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? -
なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? - なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? -
なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? -
健人 井関
 
2013 08-19 jjug
2013 08-19 jjug2013 08-19 jjug
2013 08-19 jjug
sk44_
 
201311 webデザイナとエンジニアのチームワークを加速させるテンプレートエンジンmixer2 devlove現場甲子園
201311 webデザイナとエンジニアのチームワークを加速させるテンプレートエンジンmixer2 devlove現場甲子園201311 webデザイナとエンジニアのチームワークを加速させるテンプレートエンジンmixer2 devlove現場甲子園
201311 webデザイナとエンジニアのチームワークを加速させるテンプレートエンジンmixer2 devlove現場甲子園
Y Watanabe
 

Tendances (20)

麦乃大学2回 MODX x MicrosoftWebMatrix
麦乃大学2回 MODX x MicrosoftWebMatrix麦乃大学2回 MODX x MicrosoftWebMatrix
麦乃大学2回 MODX x MicrosoftWebMatrix
 
Pwaを作ってみる(ejリクールトlt 2017/10/18)
Pwaを作ってみる(ejリクールトlt 2017/10/18)Pwaを作ってみる(ejリクールトlt 2017/10/18)
Pwaを作ってみる(ejリクールトlt 2017/10/18)
 
Perl Beginners #7 おとなのWAF
Perl Beginners #7 おとなのWAF Perl Beginners #7 おとなのWAF
Perl Beginners #7 おとなのWAF
 
ほんわかSwift勉強資料
ほんわかSwift勉強資料ほんわかSwift勉強資料
ほんわかSwift勉強資料
 
C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点
C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点
C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点
 
クラウドインフラ「尚可」採用は不幸を招く
クラウドインフラ「尚可」採用は不幸を招くクラウドインフラ「尚可」採用は不幸を招く
クラウドインフラ「尚可」採用は不幸を招く
 
MINECRAFTを使ったプログラミング インストール編
MINECRAFTを使ったプログラミング インストール編MINECRAFTを使ったプログラミング インストール編
MINECRAFTを使ったプログラミング インストール編
 
Firefox os勉強会 2nd WEB屋さんがWEBアプリを作ってみた
Firefox os勉強会 2nd WEB屋さんがWEBアプリを作ってみたFirefox os勉強会 2nd WEB屋さんがWEBアプリを作ってみた
Firefox os勉強会 2nd WEB屋さんがWEBアプリを作ってみた
 
なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? -
なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? - なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? -
なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? -
 
Blazor 触ってみた
Blazor 触ってみたBlazor 触ってみた
Blazor 触ってみた
 
NetBeansでかんたんJava EE ○分間クッキング! #kuwaccho lt
NetBeansでかんたんJava EE ○分間クッキング! #kuwaccho ltNetBeansでかんたんJava EE ○分間クッキング! #kuwaccho lt
NetBeansでかんたんJava EE ○分間クッキング! #kuwaccho lt
 
2013 08-19 jjug
2013 08-19 jjug2013 08-19 jjug
2013 08-19 jjug
 
みんなでおばけになる #mlkcca
みんなでおばけになる #mlkccaみんなでおばけになる #mlkcca
みんなでおばけになる #mlkcca
 
20140712 knockoutjs-hands-on-in-osaka
20140712 knockoutjs-hands-on-in-osaka20140712 knockoutjs-hands-on-in-osaka
20140712 knockoutjs-hands-on-in-osaka
 
Javascript & jquery
Javascript & jqueryJavascript & jquery
Javascript & jquery
 
0から学んだポストモダンPerl @ YAPC::Asia Tokyo 2013
0から学んだポストモダンPerl @ YAPC::Asia Tokyo 20130から学んだポストモダンPerl @ YAPC::Asia Tokyo 2013
0から学んだポストモダンPerl @ YAPC::Asia Tokyo 2013
 
jenkinsで遊ぶ
jenkinsで遊ぶjenkinsで遊ぶ
jenkinsで遊ぶ
 
201311 webデザイナとエンジニアのチームワークを加速させるテンプレートエンジンmixer2 devlove現場甲子園
201311 webデザイナとエンジニアのチームワークを加速させるテンプレートエンジンmixer2 devlove現場甲子園201311 webデザイナとエンジニアのチームワークを加速させるテンプレートエンジンmixer2 devlove現場甲子園
201311 webデザイナとエンジニアのチームワークを加速させるテンプレートエンジンmixer2 devlove現場甲子園
 
Cpi mega mix
Cpi mega mixCpi mega mix
Cpi mega mix
 
GUIツールで送る快適な Gitライフ@Creators MeetUp #29
GUIツールで送る快適な Gitライフ@Creators MeetUp #29GUIツールで送る快適な Gitライフ@Creators MeetUp #29
GUIツールで送る快適な Gitライフ@Creators MeetUp #29
 

Similaire à 自動的に開発環境設定(1)

xamarin for android試してみた
xamarin for android試してみたxamarin for android試してみた
xamarin for android試してみた
Lee Choong Geun
 
PhoneGap勉強会 - 実践編 -
PhoneGap勉強会 - 実践編 -PhoneGap勉強会 - 実践編 -
PhoneGap勉強会 - 実践編 -
Katsumi Onishi
 
Dev camp2012jpn day2special
Dev camp2012jpn day2specialDev camp2012jpn day2special
Dev camp2012jpn day2special
Katsuhito Katoh
 

Similaire à 自動的に開発環境設定(1) (20)

Vagrant でお手軽開発環境
Vagrant でお手軽開発環境Vagrant でお手軽開発環境
Vagrant でお手軽開発環境
 
12 総合演習Word Pressの利用
12 総合演習Word Pressの利用12 総合演習Word Pressの利用
12 総合演習Word Pressの利用
 
xamarin for android試してみた
xamarin for android試してみたxamarin for android試してみた
xamarin for android試してみた
 
PhoneGap勉強会 - 実践編 -
PhoneGap勉強会 - 実践編 -PhoneGap勉強会 - 実践編 -
PhoneGap勉強会 - 実践編 -
 
The Twelve-Factor (A|M)pp with C#
The Twelve-Factor (A|M)pp with C#The Twelve-Factor (A|M)pp with C#
The Twelve-Factor (A|M)pp with C#
 
Web matrix2とvisual studio
Web matrix2とvisual studioWeb matrix2とvisual studio
Web matrix2とvisual studio
 
【16-D-4】3分ではじめるスマホアプリのビジュアル開発
【16-D-4】3分ではじめるスマホアプリのビジュアル開発【16-D-4】3分ではじめるスマホアプリのビジュアル開発
【16-D-4】3分ではじめるスマホアプリのビジュアル開発
 
Node.js Tutorial at Hiroshima
Node.js Tutorial at HiroshimaNode.js Tutorial at Hiroshima
Node.js Tutorial at Hiroshima
 
introduction
introductionintroduction
introduction
 
Vagrant & Dockerによるイマドキの開発環境構築
Vagrant & Dockerによるイマドキの開発環境構築Vagrant & Dockerによるイマドキの開発環境構築
Vagrant & Dockerによるイマドキの開発環境構築
 
Vagrantと網元で開発環境を作ってみよう
Vagrantと網元で開発環境を作ってみようVagrantと網元で開発環境を作ってみよう
Vagrantと網元で開発環境を作ってみよう
 
スマホ(Android・iPhone)でWebRTC
スマホ(Android・iPhone)でWebRTCスマホ(Android・iPhone)でWebRTC
スマホ(Android・iPhone)でWebRTC
 
Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)
 
Web App Framework at SwapSkills vol28
Web App Framework at SwapSkills vol28Web App Framework at SwapSkills vol28
Web App Framework at SwapSkills vol28
 
Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~
Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~
Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~
 
.NET Coreから概観する.NETのOSSへの取り組み
.NET Coreから概観する.NETのOSSへの取り組み.NET Coreから概観する.NETのOSSへの取り組み
.NET Coreから概観する.NETのOSSへの取り組み
 
WordCampOsaka2012 開発ツール談義「NetBeans」
WordCampOsaka2012 開発ツール談義「NetBeans」WordCampOsaka2012 開発ツール談義「NetBeans」
WordCampOsaka2012 開発ツール談義「NetBeans」
 
Dev camp2012jpn day2special
Dev camp2012jpn day2specialDev camp2012jpn day2special
Dev camp2012jpn day2special
 
Developr Camp 2012 Japan Fall Day2 Special Session - Visual Studio 2012 で始める ...
Developr Camp 2012 Japan Fall Day2 Special Session - Visual Studio 2012 で始める ...Developr Camp 2012 Japan Fall Day2 Special Session - Visual Studio 2012 で始める ...
Developr Camp 2012 Japan Fall Day2 Special Session - Visual Studio 2012 で始める ...
 
PhoneGapユーザー会@大阪 講演資料
PhoneGapユーザー会@大阪 講演資料PhoneGapユーザー会@大阪 講演資料
PhoneGapユーザー会@大阪 講演資料
 

自動的に開発環境設定(1)