Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Windows使いのデザイナーにVagrant+Gitの開発環境構築した話
Search
Taakshi Aoki
September 12, 2015
Technology
0
600
Windows使いのデザイナーにVagrant+Gitの開発環境構築した話
第2回 開発ツール チラ見せ♡ナイト
Taakshi Aoki
September 12, 2015
Tweet
Share
More Decks by Taakshi Aoki
See All by Taakshi Aoki
Perlで自動文書分類
elk1997
0
160
AWSじゃなくてさくらのクラウドを使ってる話
elk1997
0
2.4k
Tech Night Vol.2 - Fabric
elk1997
0
68
AWSの基礎
elk1997
1
100
ベイエリアIT事情@第10回関西PHP勉強会
elk1997
0
110
Other Decks in Technology
See All in Technology
複雑なState管理からの脱却
sansantech
PRO
1
140
10XにおけるData Contractの導入について: Data Contract事例共有会
10xinc
5
580
Shopifyアプリ開発における Shopifyの機能活用
sonatard
4
250
リンクアンドモチベーション ソフトウェアエンジニア向け紹介資料 / Introduction to Link and Motivation for Software Engineers
lmi
4
300k
The Role of Developer Relations in AI Product Success.
giftojabu1
0
120
初心者向けAWS Securityの勉強会mini Security-JAWSを9ヶ月ぐらい実施してきての近況
cmusudakeisuke
0
120
Lexical Analysis
shigashiyama
1
150
SSMRunbook作成の勘所_20241120
koichiotomo
2
120
安心してください、日本語使えますよ―Ubuntu日本語Remix提供休止に寄せて― 2024-11-17
nobutomurata
0
980
20241120_JAWS_東京_ランチタイムLT#17_AWS認定全冠の先へ
tsumita
2
240
Incident Response Practices: Waroom's Features and Future Challenges
rrreeeyyy
0
160
iOS/Androidで同じUI体験をネ イティブで作成する際に気をつ けたい落とし穴
fumiyasac0921
1
110
Featured
See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
4
370
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
506
140k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.5k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.8k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
720
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
Building Applications with DynamoDB
mza
90
6.1k
Scaling GitHub
holman
458
140k
Six Lessons from altMBA
skipperchong
27
3.5k
How to Ace a Technical Interview
jacobian
276
23k
Optimising Largest Contentful Paint
csswizardry
33
2.9k
Transcript
Windows使いのデザイナーにVagrant+Gitの 開発環境構築した話 2015.09.11 青木 崇
© i-‐plug All rights reserved. 2 • 青木 崇
• Web屋 →アプリ屋→人材会社 • サーバーサイドエンジニア • HTMLの修正〜マネージメントまで ツイエバ hEp://twieve.net 自己紹介
© i-‐plug All rights reserved. 3 新卒の逆求人サイトOfferBox
© i-‐plug All rights reserved. 4 新卒ダイリク総研
© i-‐plug All rights reserved. 5 就活クールビズ
© i-‐plug All rights reserved. 6 • Windowで開発環境云々の話とは違う
• Windowに開発環境を用意する Macユーザー目線の話 • 構築から運用まで、黒い画面を使わず にどこまでいけるかという話 今日の話
© i-‐plug All rights reserved. 7 Point2 Point1 サービスとりまく環境
© i-‐plug All rights reserved. 8 Point2 Point1 Git
Pull/Push テスト/デプロイ デプロイ結果通知 開発環境
開発体制 © i-‐plug All rights reserved. 9 サーバーサイド
エンジニア サーバーサイド エンジニア サーバーサイド エンジニア マークアップ エンジニア デザイナー 私も少しコーディング やりたいな。
© i-‐plug All rights reserved. 10 デザイナー コーディング
やりたい。 黒い画面は 使わない。 Vagrantは 聞いたことない。 Gitは 聞いたことある。 Macは使わない。 開発メンバーは誰もWindowsでの開発経験なし きっかけ
© i-‐plug All rights reserved. 11 開発環境の構築
© i-‐plug All rights reserved. 12 VirtualBoxとVagrantの インストール
問題なし GUIのインス トーラーあり
© i-‐plug All rights reserved. 13 BOXのインストール やや問題あり
CUI
© i-‐plug All rights reserved. 14 仮想環境を起動 起動しない!
© i-‐plug All rights reserved. 15 VirtualizaSon Technology(仮想化支援機構) を有効化にすればOK
© i-‐plug All rights reserved. 16 BIOSで仮想化を有効にする必要あり (これは黒い画面ではない)
© i-‐plug All rights reserved. 17 普段仮想環境の立ち上げをどうやってもらうか? 開発環境の運用
© i-‐plug All rights reserved. 18 黒い画面はダメ
© i-‐plug All rights reserved. 19 Vagrant Managerで解決!
© i-‐plug All rights reserved. 20 常駐型アプリ
© i-‐plug All rights reserved. 21 • VagrantをGUIで使える
• Mac/Windows対応 • カスタムコマンド便利(Macのみ)
© i-‐plug All rights reserved. 22 バックアップ、Webサーバーの再起 動コマンドを入れておける 余談
© i-‐plug All rights reserved. 23 Gitの管理どうするか?
© i-‐plug All rights reserved. 24 黒い画面はダメ
© i-‐plug All rights reserved. 25 とりあえず で解決!
© i-‐plug All rights reserved. 26
© i-‐plug All rights reserved. 27 すいません、 なんか英語で
エラーでたんですけど...
© i-‐plug All rights reserved. 28 重要!
© i-‐plug All rights reserved. 29 コマンドプロンプトでなくLinuxのCUIツー ルが使える! ls
perl vim MSYS
© i-‐plug All rights reserved. 30 cygwinもgit入れる必要なし があれば
© i-‐plug All rights reserved. 31 + じゃなくて リモートリポジトリ
© i-‐plug All rights reserved. 32 Git Clone〜Pull Requestまで
全部説明してくれる
© i-‐plug All rights reserved. 33 「このページ見ておいて」でいける!
© i-‐plug All rights reserved. 34 他の開発ツールはGUIで使えるか
© i-‐plug All rights reserved. 35 構成管理ツール
© i-‐plug All rights reserved. 36 タスクランナー Grunt Gulp
© i-‐plug All rights reserved. 37 Sassのコンパイルだけなら
© i-‐plug All rights reserved. 38 Koalaで解決!
© i-‐plug All rights reserved. 39 ファイル変更を監視して自動で コンパイルも可能
© i-‐plug All rights reserved. 40 ご清聴ありがとうございました。