ng-kyoto meetup #3で発表した資料です

1. AngularJSを通して
Dockerと触れあった
at Angular meetup #3

2. • pastelInc
• お仕事はPHP, JavaScript
• 今日はカメラ担当

3. Dockerを知らないの！？

4. Dockerは何を解決するのか

5. デプロイの問題
• デプロイしたら動かなかった
• デプロイ環境をすぐ用意できなかった
• サーバごとに違うライブラリ、バージョン
• プロビジョニングしたくない
• デプロイ環境再構築で涙

6. 求めたのは
もっと手軽なデプロイ環境

7. Docker
• 再現性のあるインフラ基盤を迅速に構築
• “コンテナ”同士は互いに隔離
• オープンソース
• Dockerfileでインフラをコードとして記述
• アプリの言語に寄らず、同じやり方でデプロイ

8. VMとコンテナの違い

9. Dockerは”コンテナ”を扱う
プラットフォーム

10. AngularJSアプリを作って
Docker上で動かしてみよう！

11. • https://github.com/angular/material-start

12. アプリケーション動作環境
• Node.js
• 8080番ポートを使用
$ node -v
v0.12.5
$ npm -v
2.11.3

13. コンテナの起動
• docker run <オプション> <イメージ名:タグ> <コマンド> <引数>
• -i はコンテナでの標準入力を可能にする
• -t は擬似ターミナルを展開する
$ docker run -i -t node bash
root@d7d20a8e7bb7:/# node -v
v5.0.0
root@d7d20a8e7bb7:/# npm -v
3.3.6

14. コンテナの起動
• docker run <オプション> <イメージ名:タグ> <コマンド> <引数>
• -v はホストのディレクトリをコンテナにマウントする
• -p はポートフォアリングする
$ docker run -v `pwd`:/tmp -p 8080:8080 node ls -l
total 60
drwxr-xr-x 2 root root 4096 Nov 10 00:43 bin
drwxr-xr-x 2 root root 4096 Aug 26 16:31 boot
drwxr-xr-x 5 root root 360 Nov 22 02:58 dev
drwxr-xr-x 61 root root 4096 Nov 22 02:58 etc
drwxr-xr-x 2 root root 4096 Aug 26 16:31 home
drwxr-xr-x 12 root root 4096 Nov 10 00:43 lib

15. コンテナの停止
• Ctrl + P + Qでコンテナを停止せずに
元のターミナルに戻る（デタッチ）
• 再度アタッチ
root@d7d20a8e7bb7:/# exit
$
$ docker attach d7d20a8e7bb7
root@d7d20a8e7bb7:/#

16. • コンテナを起動してアプリを実行
$ cd material-start
$ docker run -it -v `pwd`:/tmp -p 8080:8080 node:0.12.5 bash
root@d7d20a8e7bb7:/# node -v
v0.12.5
root@d7d20a8e7bb7:/# npm -v
2.11.3
root@d7d20a8e7bb7:/# cd /tmp
root@d7d20a8e7bb7:/tmp# npm start

17. Dockerfile
• Dockerコンテナの構成をまとめて記述
• docker buildでイメージの作成

18. Dockerイメージ
• イメージはレイヤの重
なり
• レイヤとはdocker run
してからのファイル差
分のこと

19. • アプリ実行のためのDockerfileを作成
$ touch Dockerfile
$ echo “FROM node:0.12.5-onbuild” > Dockerfile
$ cat Dockerfile
FROM node:0.12.5-onbuild

20. Language Stack
• Docker Hubには各言語の公式リポジトリが存
在する
• タグによるバージョンの指定が可能
• ONBUILDディレクティブを含んだイメージが
ある

21. FROM node:0.12.7
RUN mkdir -p /usr/src/app
WORKDIR /usr/src/app
ONBUILD COPY package.json /usr/src/app/
ONBUILD RUN npm install
ONBUILD COPY . /usr/src/app
CMD [ "npm", "start" ]

22. イメージ作成
• docker build <オプション> <PATH>
• -t はイメージの<名前:タグ>を決める
$ docker build -t pastelinc/material-start .

23. イメージ表示
• docker images <オプション>
$ docker images
REPOSITORY TAG IMAGE ID CREATED VIRTUAL SIZE
pastelinc/material-start latest 820019b78a27 15 minutes ago 1.042 GB

24. • Dockerfileを使ってイメージを作成
• イメージからコンテナを起動
$ docker build -t pastelinc/material-start .
$ docker images
REPOSITORY TAG IMAGE ID CREATED VIRTUAL SIZE
pastelinc/material-start latest 820019b78a27 15 minutes ago 1.042 GB
$ docker run -d -p 3000:8080 pastelinc/material-start

25. まとめ
• Dockerはデプロイの課題を解決してくれる
• Dockerfileを用意すると実行環境をすぐに作れる
• 悩まず手軽にインフラ環境をどこでも構築でき
て楽しい！
• 現在プロダクションでの採用はまだ少ない