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
MC906491 を見据えた Microsoft Entra Connect アップグレード対応
tamaiyutaro
1
480
PL900試験から学ぶ Power Platform 基礎知識講座
kumikeyy
0
110
組織貢献をするフリーランスエンジニアという生き方
n_takehata
1
1k
7日間でハッキングをはじめる本をはじめてみませんか?_ITエンジニア本大賞2025
nomizone
2
1.4k
SA Night #2 FinatextのSA思想/SA Night #2 Finatext session
satoshiimai
1
100
サーバーレスアーキテクチャと生成AIの融合 / Serverless Meets Generative AI
_kensh
12
3k
室長と気ままに学ぶマイクロソフトのビジネスアプリケーションとビジネスプロセス
ryoheig0405
0
320
まだ間に合う! エンジニアのための生成AIアプリ開発入門 on AWS
minorun365
PRO
4
580
飲食店予約台帳を支えるインタラクティブ UI 設計と実装
siropaca
6
1.4k
Developers Summit 2025 浅野卓也(13-B-7 LegalOn Technologies)
legalontechnologies
PRO
0
150
『AWS Distinguished Engineerに学ぶ リトライの技術』 #ARC403/Marc Brooker on Try again: The tools and techniques behind resilient systems
quiver
0
130
データ基盤の成長を加速させる:アイスタイルにおける挑戦と教訓
tsuda7
3
650
Featured
See All Featured
The Pragmatic Product Professional
lauravandoore
32
6.4k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.8k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
10
1.3k
Raft: Consensus for Rubyists
vanstee
137
6.8k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
A designer walks into a library…
pauljervisheath
205
24k
GitHub's CSS Performance
jonrohan
1030
460k
Bash Introduction
62gerente
610
210k
Building Your Own Lightsaber
phodgson
104
6.2k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
240
Statistics for Hackers
jakevdp
797
220k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
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 ご清聴ありがとうございました。