Windows使いのデザイナーにVagrant+Gitの開発環境構築した話

第2回 開発ツール チラ見せ♡ナイト

Transcript

1. Windows使いのデザイナーにVagrant+Gitの 開発環境構築した話 2015.09.11 青木 崇
2. ©  i-­‐plug    All  rights  reserved. 2 •  青木 崇   •  Web屋  →アプリ屋→人材会社   •  サーバーサイドエンジニア   •  HTMLの修正〜マネージメントまで   ツイエバ   hEp://twieve.net 自己紹介
3. ©  i-­‐plug    All  rights  reserved. 3 新卒の逆求人サイトOfferBox  
4. ©  i-­‐plug    All  rights  reserved. 4 新卒ダイリク総研  
5. ©  i-­‐plug    All  rights  reserved. 5 就活クールビズ  
6. ©  i-­‐plug    All  rights  reserved. 6 •  Windowで開発環境云々の話とは違う   •  Windowに開発環境を用意する   Macユーザー目線の話   •  構築から運用まで、黒い画面を使わず にどこまでいけるかという話   今日の話
7. ©  i-­‐plug    All  rights  reserved. 7 Point2 Point1 サービスとりまく環境
8. ©  i-­‐plug    All  rights  reserved. 8 Point2 Point1 Git  Pull/Push テスト/デプロイ デプロイ結果通知 開発環境
9. 開発体制 ©  i-­‐plug    All  rights  reserved. 9 サーバーサイド   エンジニア サーバーサイド   エンジニア サーバーサイド   エンジニア マークアップ   エンジニア デザイナー 私も少しコーディング   やりたいな。
10. ©  i-­‐plug    All  rights  reserved. 10 デザイナー コーディング   やりたい。 黒い画面は   使わない。 Vagrantは   聞いたことない。 Gitは   聞いたことある。 Macは使わない。 開発メンバーは誰もWindowsでの開発経験なし きっかけ
11. ©  i-­‐plug    All  rights  reserved. 11 開発環境の構築
12. ©  i-­‐plug    All  rights  reserved. 12 VirtualBoxとVagrantの   インストール   問題なし GUIのインス トーラーあり
13. ©  i-­‐plug    All  rights  reserved. 13 BOXのインストール   やや問題あり CUI
14. ©  i-­‐plug    All  rights  reserved. 14 仮想環境を起動   起動しない！
15. ©  i-­‐plug    All  rights  reserved. 15 VirtualizaSon  Technology(仮想化支援機構) を有効化にすればOK
16. ©  i-­‐plug    All  rights  reserved. 16 BIOSで仮想化を有効にする必要あり   (これは黒い画面ではない)
17. ©  i-­‐plug    All  rights  reserved. 17 普段仮想環境の立ち上げをどうやってもらうか？ 開発環境の運用
18. ©  i-­‐plug    All  rights  reserved. 18 黒い画面はダメ
19. ©  i-­‐plug    All  rights  reserved. 19 Vagrant  Managerで解決！
20. ©  i-­‐plug    All  rights  reserved. 20 常駐型アプリ
21. ©  i-­‐plug    All  rights  reserved. 21 •  VagrantをGUIで使える   •  Mac/Windows対応   •  カスタムコマンド便利(Macのみ)  
22. ©  i-­‐plug    All  rights  reserved. 22 バックアップ、Webサーバーの再起 動コマンドを入れておける 余談
23. ©  i-­‐plug    All  rights  reserved. 23 Gitの管理どうするか？
24. ©  i-­‐plug    All  rights  reserved. 24 黒い画面はダメ
25. ©  i-­‐plug    All  rights  reserved. 25 とりあえず で解決！
26. ©  i-­‐plug    All  rights  reserved. 26
27. ©  i-­‐plug    All  rights  reserved. 27 すいません、   なんか英語で   エラーでたんですけど...
28. ©  i-­‐plug    All  rights  reserved. 28 重要！
29. ©  i-­‐plug    All  rights  reserved. 29 コマンドプロンプトでなくLinuxのCUIツー ルが使える！ ls perl vim MSYS
30. ©  i-­‐plug    All  rights  reserved. 30 cygwinもgit入れる必要なし があれば
31. ©  i-­‐plug    All  rights  reserved. 31 ＋ じゃなくて リモートリポジトリ
32. ©  i-­‐plug    All  rights  reserved. 32 Git  Clone〜Pull  Requestまで   全部説明してくれる
33. ©  i-­‐plug    All  rights  reserved. 33 「このページ見ておいて」でいける！
34. ©  i-­‐plug    All  rights  reserved. 34 他の開発ツールはGUIで使えるか
35. ©  i-­‐plug    All  rights  reserved. 35 構成管理ツール
36. ©  i-­‐plug    All  rights  reserved. 36 タスクランナー Grunt Gulp
37. ©  i-­‐plug    All  rights  reserved. 37 Sassのコンパイルだけなら
38. ©  i-­‐plug    All  rights  reserved. 38 Koalaで解決！
39. ©  i-­‐plug    All  rights  reserved. 39 ファイル変更を監視して自動で   コンパイルも可能
40. ©  i-­‐plug    All  rights  reserved. 40 ご清聴ありがとうございました。