Webエンジニアがスタートダッシュをキメるためのローカル開発環境の勘所

Webエンジニアがスタートダッシュをキメるためのローカル開発環境の勘所 Webエンジニア勉強会#1 at 新橋 2017-6-2 Fri @nabedge

Who ? 2 • わたなべ • (株)ビズリーチ • twitter: @nabedge
• github: nabedge • http://www.slideshare.net/nabedg e/presentations

Webサービスのコードをどこでどうやって書くのか？レベル０〜レベル４ 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" ２コマンドで構築完了

複数の仮想OSテクノロジーをなぜ併用する？ • ホスト型仮想OS環境 = Oracle VBox • コンテナ型仮想OS環境 = Docker
17

18 Docker OracleVBox + Vagrant 起動速度、プロビジョニング速度軽い重い複数の開発環境
の共存によるバッティングポート番号かぶり問題仮想OSの IPアドレスをずらせば解決

ローカル開発環境４原則 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

Webエンジニアがスタートダッシュをキメるためのローカル開発環境の勘所

Webエンジニアがスタートダッシュをキメるためのローカル開発環境の勘所

Yu Watanabe

More Decks by Yu Watanabe

Other Decks in Technology

Featured

Transcript