Upload
Download free for 30 days
Login
Submit Search
AngularJSを通してDockerと触れ合った
0 likes
717 views
P
pastelInc
ng-kyoto meetup #3で発表した資料です
Software
Read more
1 of 25
Download now
Download to read offline
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
More Related Content
PDF
2020/06/16 tsjp-azure-staticwebapps-vs_codespaces
Issei Hiraoka
PDF
Dockerぐらし!
Takumi Murano
PDF
サービスクラス、その前に
Yasutomo Uemori
PPTX
2150117 infrastructure.nagoya
Hiroki Ito
PDF
サーバー&インフラ勉強会 Vol.1 いとー
krs_mizuno
PPTX
自作アプリをデプロイしてみた with Docker
iPride Co., Ltd.
PPTX
Notes/Domino エンジニアのための Docker 超入門
y-hattori
PDF
スッとGoを取り入れる
Yusuke Wada
2020/06/16 tsjp-azure-staticwebapps-vs_codespaces
Issei Hiraoka
Dockerぐらし!
Takumi Murano
サービスクラス、その前に
Yasutomo Uemori
2150117 infrastructure.nagoya
Hiroki Ito
サーバー&インフラ勉強会 Vol.1 いとー
krs_mizuno
自作アプリをデプロイしてみた with Docker
iPride Co., Ltd.
Notes/Domino エンジニアのための Docker 超入門
y-hattori
スッとGoを取り入れる
Yusuke Wada
What's hot
(20)
PPTX
Ansibleを使ってdockerコンテナをプロビジョニングする
Ryo Adachi
PDF
Vagrantと網元で開発環境を作ってみよう
Takuma Morikawa
PDF
Linux & Mac OS でも動く! ~ オープンソース & クロスプラットフォーム .NET の歩き方 ~
Akira Inoue
PDF
2014.11.01 Dockerことはじめ
xyzplus_net
PPTX
node-gypを使ったネイティブモジュールの作成
shigeki_ohtsu
PDF
Rails on Dockerとの戦い
Yasutomo Uemori
PDF
Reactとbabelで簡易タスク管理ツール作ってみた
Tsuyoshi Maeda
PDF
Jenkins study 7 2013-01-28
Ato ARAKI
PDF
Tizen native application
Naruto TAKAHASHI
PDF
Firefox Mobile
Makoto Kato
PDF
Ciじゃない方のJenkins
Katsuhiro Miura
PDF
Dockerで環境構築したら捗った話
Kent Fujii
PPTX
初心者が伝えるDocker超入門
chichi1091
PDF
OpenShift 3で、DockerのPaaSを作る話
Kazuto Kusama
PDF
C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点
Jun-ichi Sakamoto
PDF
「マルチデバイスなDelphiで活かすWebアプリケーション」
Embarcadero Technologies
PDF
渋谷JVM#1 Immutable時代のプログラミング言語 Clojure
Yoshitaka Kawashima
PDF
究極にして至高のWAF
Yuki Ishikawa
PPTX
Hotoの奇妙な挑戦 〜 Swiftクルセイダーズ 〜
Yuki Ishikawa
PPTX
RESTful API (JAX-RS) 書くだけで仕様書も自動で作られていく話 with MicroProfile Open API
Kohei Saito
Ansibleを使ってdockerコンテナをプロビジョニングする
Ryo Adachi
Vagrantと網元で開発環境を作ってみよう
Takuma Morikawa
Linux & Mac OS でも動く! ~ オープンソース & クロスプラットフォーム .NET の歩き方 ~
Akira Inoue
2014.11.01 Dockerことはじめ
xyzplus_net
node-gypを使ったネイティブモジュールの作成
shigeki_ohtsu
Rails on Dockerとの戦い
Yasutomo Uemori
Reactとbabelで簡易タスク管理ツール作ってみた
Tsuyoshi Maeda
Jenkins study 7 2013-01-28
Ato ARAKI
Tizen native application
Naruto TAKAHASHI
Firefox Mobile
Makoto Kato
Ciじゃない方のJenkins
Katsuhiro Miura
Dockerで環境構築したら捗った話
Kent Fujii
初心者が伝えるDocker超入門
chichi1091
OpenShift 3で、DockerのPaaSを作る話
Kazuto Kusama
C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点
Jun-ichi Sakamoto
「マルチデバイスなDelphiで活かすWebアプリケーション」
Embarcadero Technologies
渋谷JVM#1 Immutable時代のプログラミング言語 Clojure
Yoshitaka Kawashima
究極にして至高のWAF
Yuki Ishikawa
Hotoの奇妙な挑戦 〜 Swiftクルセイダーズ 〜
Yuki Ishikawa
RESTful API (JAX-RS) 書くだけで仕様書も自動で作られていく話 with MicroProfile Open API
Kohei Saito
Ad
Similar to AngularJSを通してDockerと触れ合った
(16)
PDF
Dockerでデプロイ
oshiro_seiya
PDF
Webアプリケーション開発者のためのDockerハンズオン20210519
虎の穴 開発室
PPTX
Docker & Kubernetes基礎
Daisuke Hiraoka
PDF
Webアプリケーション開発者のためのDockerハンズオン
虎の穴 開発室
PDF
Docker handson
koda3
PDF
Docker/Aarukas入門ハンズオン資料~第1回さくらとコンテナの夕べ #さくらの夕べ 番外編
Masahito Zembutsu
PDF
Docker講習会資料
teruyaono1
PPTX
dockerハンズオン
Shugo Ushio
PDF
Docker基礎+docker0.9, 0.10概要
Kazuyuki Mori
PPTX
0から始めるコンテナの学び方(Kubernetes Novice Tokyo #14 発表資料)
NTT DATA Technology & Innovation
PDF
Rancher/Kubernetes入門ハンズオン資料~第2回さくらとコンテナの夕べ #さくらの夕べ 番外編
Masahito Zembutsu
PDF
Docker実践入門
hiro nemu
PDF
Dockerイメージの理解とコンテナのライフサイクル
Masahito Zembutsu
PPTX
~Dockerfileの開発を劇的に楽にする~ Dockerfile開発環境 EDGE
辰徳 斎藤
PDF
Dockerで遊んでみよっかー YAPC::Asia Tokyo 2014
Masahiro Nagano
PDF
Docker入門: コンテナ型仮想化技術の仕組みと使い方
Yuichi Ito
Dockerでデプロイ
oshiro_seiya
Webアプリケーション開発者のためのDockerハンズオン20210519
虎の穴 開発室
Docker & Kubernetes基礎
Daisuke Hiraoka
Webアプリケーション開発者のためのDockerハンズオン
虎の穴 開発室
Docker handson
koda3
Docker/Aarukas入門ハンズオン資料~第1回さくらとコンテナの夕べ #さくらの夕べ 番外編
Masahito Zembutsu
Docker講習会資料
teruyaono1
dockerハンズオン
Shugo Ushio
Docker基礎+docker0.9, 0.10概要
Kazuyuki Mori
0から始めるコンテナの学び方(Kubernetes Novice Tokyo #14 発表資料)
NTT DATA Technology & Innovation
Rancher/Kubernetes入門ハンズオン資料~第2回さくらとコンテナの夕べ #さくらの夕べ 番外編
Masahito Zembutsu
Docker実践入門
hiro nemu
Dockerイメージの理解とコンテナのライフサイクル
Masahito Zembutsu
~Dockerfileの開発を劇的に楽にする~ Dockerfile開発環境 EDGE
辰徳 斎藤
Dockerで遊んでみよっかー YAPC::Asia Tokyo 2014
Masahiro Nagano
Docker入門: コンテナ型仮想化技術の仕組みと使い方
Yuichi Ito
Ad
AngularJSを通してDockerと触れ合った
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を用意すると実行環境をすぐに作れる •
悩まず手軽にインフラ環境をどこでも構築でき て楽しい! • 現在プロダクションでの採用はまだ少ない
Download