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
Webエンジニアがスタートダッシュをキメるためのローカル開発環境の勘所
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Yu Watanabe
July 04, 2017
Technology
82
0
Share
Webエンジニアがスタートダッシュをキメるためのローカル開発環境の勘所
Yu Watanabe
July 04, 2017
More Decks by Yu Watanabe
See All by Yu Watanabe
JUnitテストをCI環境で並列で実行する方法とその速度, スケーラビリティ
nabedge
5
2.8k
クラウド時代だからSpring-Retryフレームワーク
nabedge
0
300
ツール比較しながら語るO/RマッパーとDBマイグレーション
nabedge
0
160
JavaでWebサービスを作り続けるための戦略と戦術
nabedge
0
94
サーバーサイドな人がフロントエンド技術と仲良くするはじめの一歩
nabedge
0
76
Selenium再入門
nabedge
0
66
テストゼロからイチに進むための戦略と戦術
nabedge
0
95
jOOQってなんて読むの?から始めるSpringBootとO/Rマッパーの世界
nabedge
0
150
あなたのプロジェクトが気軽にJavaをバージョンアップするために必要なこと
nabedge
0
63
Other Decks in Technology
See All in Technology
Tachikawa.any 運営挨拶
daitasu
0
150
エンタープライズの厳格な制約を開発者に意識させない:クラウドネイティブ開発基盤設計/cloudnative-kaigi-golden-path
mhrtech
0
400
全社統制を維持しながら現場負担をどう減らすか〜プラットフォームチームとセキュリティチームで進めたSecurity Hub活用によるAWS統制の見直し〜/secjaws-security-hub-custom-insights
mhrtech
1
390
AI対話分析の夢と、汚いデータの現実 Looker / Dataplex / Dataform で実現する品質ファーストな基盤設計
waiwai2111
0
420
Oracle AI Database@Google Cloud:サービス概要のご紹介
oracle4engineer
PRO
6
1.4k
フロントエンドの相手が変わった - AIが加わったWebの新しいインターフェース設計
azukiazusa1
33
11k
生成AIはソフトウェア開発の革命か、ソフトウェア工学の宿題再提出なのか -ソフトウェア品質特性の追加提案-
kyonmm
PRO
2
880
Every Conversation Counts
kawaguti
PRO
0
210
Gaussian Splattingの表現力を拡張する — 高周波再構成とインタラクションへのアプローチ —
gpuunite_official
0
140
Purview 勉強会報告 Microsoft Purview 入門しようとしてみた
masakichixo
1
350
サンプリングは「作る」のか「使う」のか? 分散トレースのコストと運用を両立する実践的戦略 / Why you need the tail sampling and why you don't want it
ymotongpoo
4
170
Oracle Cloud Infrastructure presents managed, serverless MCP Servers for Oracle AI Database
thatjeffsmith
0
230
Featured
See All Featured
Raft: Consensus for Rubyists
vanstee
141
7.4k
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.2k
New Earth Scene 8
popppiees
3
2.2k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.2k
The Curse of the Amulet
leimatthew05
1
12k
Six Lessons from altMBA
skipperchong
29
4.2k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.2k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
510
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.4k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
790
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