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
急成長する企業で作った、エンジニアが輝ける制度/ 20250214 Rinto Ikenoue
shift_evolve
2
1.1k
【Developers Summit 2025】プロダクトエンジニアから学ぶ、 ユーザーにより高い価値を届ける技術
niwatakeru
2
1.2k
OpenID Connect for Identity Assurance の概要と翻訳版のご紹介 / 20250219-BizDay17-OIDC4IDA-Intro
oidfj
0
160
現場で役立つAPIデザイン
nagix
32
11k
サーバーレスアーキテクチャと生成AIの融合 / Serverless Meets Generative AI
_kensh
12
3.1k
速くて安いWebサイトを作る
nishiharatsubasa
9
11k
君も受託系GISエンジニアにならないか
sudataka
2
410
Larkご案内資料
customercloud
PRO
0
650
オブザーバビリティの観点でみるAWS / AWS from observability perspective
ymotongpoo
8
1.3k
マルチモーダル理解と生成の統合 DeepSeek Janus, etc... / Multimodal Understanding and Generation Integration
hiroga
0
370
運用しているアプリケーションのDBのリプレイスをやってみた
miura55
1
490
Platform Engineeringは自由のめまい
nwiizo
4
2k
Featured
See All Featured
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.4k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
630
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Testing 201, or: Great Expectations
jmmastey
42
7.2k
How to train your dragon (web standard)
notwaldorf
91
5.8k
The Cost Of JavaScript in 2023
addyosmani
47
7.3k
Visualization
eitanlees
146
15k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
The Language of Interfaces
destraynor
156
24k
Making Projects Easy
brettharned
116
6k
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 ご清聴ありがとうございました。