Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Webエンジニアがスタートダッシュをキメるためのローカル開発環境の勘所
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Yu Watanabe
July 04, 2017
Technology
97
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Webエンジニアがスタートダッシュをキメるためのローカル開発環境の勘所
Yu Watanabe
July 04, 2017
More Decks by Yu Watanabe
See All by Yu Watanabe
JUnitテストをCI環境で並列で実行する方法とその速度, スケーラビリティ
nabedge
6
3k
クラウド時代だからSpring-Retryフレームワーク
nabedge
0
330
ツール比較しながら語るO/RマッパーとDBマイグレーション
nabedge
0
180
JavaでWebサービスを作り続けるための戦略と戦術
nabedge
0
110
サーバーサイドな人がフロントエンド技術と仲良くするはじめの一歩
nabedge
0
86
Selenium再入門
nabedge
0
80
テストゼロからイチに進むための戦略と戦術
nabedge
0
110
jOOQってなんて読むの?から始めるSpringBootとO/Rマッパーの世界
nabedge
0
180
あなたのプロジェクトが気軽にJavaをバージョンアップするために必要なこと
nabedge
0
77
Other Decks in Technology
See All in Technology
PQC移行の今 -- IETF からみた現在地
satokan
4
720
猫でもわかるKiro Web
kentapapa
1
160
AIに書かせて、プラットフォームで縛る ― EKSプラットフォームで実践した責任境界と権限設計
elmodev09
1
1.1k
Argo CDとAtlantisで実現するインフラ管理のセルフサービス化──小規模SREチームで支えるプラットフォーム
cassius7
0
260
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
16
120k
人にやさしく、AIにやさしく、書き手を選ばないIaCのガードレール再考 / Rethinking IaC Guardrails for Humans and AI Alike
kohbis
5
1.9k
プラットフォームを「作る」、 チームに「入り込む」
sansantech
PRO
0
420
生成AIを使って「人が」考える技術 ― AI時代の人機共想と実践ノウハウ|UNITT AC2026
ishiirikie
0
500
10年欲しかった音楽管理アプリを、AIと一緒に作りはじめた
judau
1
200
サーバーフルコンピューティング?AWS Lambda
iwatatomoya
0
110
Swap and Memory Reclaim - Squeezing Out More RAM
ennael
PRO
1
1.5k
認知負荷を吸収し、プロダクトをまたぐPR Preview基盤の設計事例
taiki45
2
560
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
33
5k
GitHub's CSS Performance
jonrohan
1033
470k
Done Done
chrislema
187
17k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
35
2.9k
Why Our Code Smells
bkeepers
PRO
340
58k
Unsuck your backbone
ammeep
672
58k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
200
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
20k
Optimizing for Happiness
mojombo
378
71k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
590
Navigating Team Friction
lara
192
16k
Transcript
Webエンジニアが スタートダッシュをキメるための ローカル開発環境の勘所 Webエンジニア勉強会#1 at 新橋 2017-6-2 Fri @nabedge
Who ? 2 • わたなべ • (株)ビズリーチ • twitter: @nabedge
• github: nabedge • http://www.slideshare.net/nabedg e/presentations
Webサービスのコードを どこで どうやって 書くのか? レベル0〜レベル4 3
レベル0 4 本番サーバ コード ※データセンター建物内にて
レベル1 5 • エディタ • SCPクライアント 本番サーバ コード
レベル2 6 • エディタ • ローカルなサーバ ◦ XAMP, MAMP, etc
• SCPクライアント 本番サーバ コード
レベル3 7 • エディタ • ローカルなサーバ ◦ XAMP, MAMP, etc
• SCPクライアント 本番サーバ コード 検証サーバ コード
レベル4 8 本番サーバ コード 検証サーバ コード CI VCS MySQL, Redis,...
MySQL, Redis,...
ローカル開発環境で何ができるべきなのか • コードをサクサク書ける • 書いたコードが動くことを自分のPCで 確認できる ◦ ↑コードが動くための バックエンドサーバが必要 9
ここが面倒
10 • エディタ(補完機能つき) • ビルドツール連携 ◦ gradle, mvn, npm... •
VCS連携 • ミドルウェア群 ◦ MySQL, PostgreSQL ◦ Memcached ◦ fakes3... ?
長大な「ローカル開発環境構築手順書」 1. PostgreSQLのインストーラをダウンロードして ダブルクリック 2. Redisを... 3. C;¥Windows¥system32¥drivers¥etc¥hosts ファイルを編集... 4.
…以下すんごく長い 11
半年も経つと • 手順書が長すぎてうっかり抜け漏れ • 「memcached ? それもうRedisに変えたんだけど、 手順書直すの忘れてましたテヘヘ」 • 他チームから助っ人として来たら、
他のWebサービスの開発環境とバッティングして うまくインストールできない 12
NOT 手順書 & PCに直接インストール BUT 仮想OS & 自動化スクリプト 13
ポイント 1. ローカル開発環境で必要な ミドルウェア群を仮想OS上に構築する 2. それを実現するための OracleVitrutalBox or VMWare, Vagrant
, Docker 14
15 MacOS / Windows OracleVBox / VMWare CoreOS / Ubuntu
Docker (MySQL) Docker (Redis) CoreOS / Ubuntu Docker (PgSQL) Docker (fakes3) Aサービスの コード Bサービスの コード
16 MacOS / Windows OracleVBox / VMWare CoreOS / Ubuntu
Docker (MySQL) Docker (Redis) CoreOS / Ubuntu Docker (PgSQL) Docker (fakes3) Aサービスの コード Bサービスの コード $ vagrant up $ vagrant ssh -c \ "sh /vagrant/docker/docker-compose-up.sh" 2コマンドで構築完了
複数の仮想OSテクノロジーをなぜ併用する? • ホスト型仮想OS環境 = Oracle VBox • コンテナ型仮想OS環境 = Docker
17
18 Docker OracleVBox + Vagrant 起動速度、プロビ ジョニング速度 軽い 重い 複数の開発環境
の共存によるバッ ティング ポート番号 かぶり問題 仮想OSの IPアドレスを ずらせば解決
ローカル開発環境4原則 1. 自動化 2. アプリの変化に合わせて 誰でも環境を変更して配布可能 3. 他のサービスの開発環境と干渉しない 4. 金の弾丸
19
原則1 サルでもやれるくらいの自動化 • git clone foo-pj • cd foo-pj/local-env •
vagrant up • vagrant ssh -c \ “cd /vagrant/docker; docker-compose up” 20
原則2 誰でも環境を変更して配布可能 • vi Vagrantfile • vi Dockerfile • vi
docker-compose.yml • git commit, push 21
原則3: 他の開発環境と干渉しない 22 OracleVBox / VMWare CoreOS / Ubuntu Docker
(MySQL) Docker (Redis) CoreOS / Ubuntu Docker (PgSQL) Docker (fakes3) Aサービスの コード Bサービスの コード 192.168.1.1 192.168.2.2
原則4 金の弾丸 23 Mac Book Pro 3GHz Core i7 16GB
memory 250GB SSD Jet Brains All Products Pack ※2015年春時点スペック
スタートダッシュをキメたいエンジニア募集! https://www.bizreach.co.jp/recruit/ 24