SlideShare a Scribd company logo
Saki Homma(@sakkuru)
Microsoft Japan
Commercial Software Engineering
Technical Evangelist
実践 Web App for Containers!
〜 コンテナ開発の基礎からDevOps環境の構築まで 〜
本間咲来 / Saki Homma
さっくる @sakkuru
Technical Evangelist
Web 開発や JavaScript/TypeScript/Node.js が得意分野
Azure全般 や Visual Studio Code, IoT についてのエバンジェ
リスト活動を行う
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
Session Agenda
o コンテナとは、Docker とは
o Web App for Containers
o Docker コンテナを作ってデプロイする
o 導入事例紹介
o CI/CD 環境を構築する
コンテナとは
Docker とは
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
Infrastructure Infrastructure
Host Operating System
Hypervisor
Guest OS
Bins/Libs
App 1
Guest OS
Bins/Libs
App 2
Guest OS
Bins/Libs
App 3
Bins/Libs
App/Svc 1
Bins/Libs
App/Svc 2
Bins/Libs
App/Svc 3
Container Engine
Operating System
+ Network isolation at container level
+ Resources constraints at container level
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
Web App for
Containers
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
デモ:
Docker Hub のイメージから
Web App for Containers 作成
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
Docker コンテナを
作ってみよう
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
デモ:
Dockerfile からコンテナを作成し
Azure へデプロイ
Dockerfile Docker Image Docker Container
Docker Hub Web App for Containers
Build Run
Push SSH
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
Container
Tcp:2222
Azure Portal
こちら
FROMubuntu:16.04
RUNapt-getupdate
&& apt-getinstall -y--no-install-recommendsopenssh-server
&& mkdir/var/run/sshd
&& echo "root:Docker!"|chpasswd
COPYsshd_config/etc/ssh/
EXPOSE2222
RUNecho Thisis asimple contaier!> /tmp/check.txt
CMD["/usr/sbin/sshd","-D"]
Source Code: https://github.com/sakkuru/simple-ubuntu-ssh-container
Docker Hub: sakkuru/ssh-container-demo
Source Code: https://github.com/sakkuru/simple-ubuntu-ssh-container
Docker Hub: sakkuru/ssh-container-demo
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
導入事例
Web App for Containers や Azure Media Services の
利便性の高さから、
データサイエンティスト育成用の e-learning システムを
AWSのIaaS環境 から Azure へ移行
• 2日間で AWS から Azure へ移行完了
• さらに CI/CD ツールを導入し、より開発と運用のコスト
を下げる仕組みに
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
デモ: CI/CD 環境構築
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
Container
TCP:2222
TCP:8080
TCP:80/443
Source Code: https://github.com/sakkuru/simple-webapp-container
Docker Hub: sakkuru/1114-webinar-demo
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
Client ID
Client Secret
Tenant ID
Subscription ID
便利な機能
http://XXX.scm.azurewebsites.net/
Container
Tcp:2222
Azure Portal
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
おわりに
実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~
Microsoft Developers
© 2017 Microsoft Corporation. All rights reserved.
本情報の内容(添付文書、リンク先などを含む)は、作成日時点でのものであり、予告なく変更される場合があります。

More Related Content

What's hot (20)

PPTX
Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~
Saki Homma
 
PPTX
MicrosoftのサービスでさくっとBot開発!
Saki Homma
 
PPTX
使い倒そう Visual Studio Live Share!
Saki Homma
 
PPTX
使い倒そう Visual Studio Code! ~クラウド連携や遠隔ペアプロ、  もちろん Git も便利に~
Saki Homma
 
PDF
これから始める Bot Builder 開発のコツと舞台裏
Yuta Matsumura
 
PDF
ASP.NET CoreとAzure AD B2Cを使ったサクっと認証
Yuta Matsumura
 
PPTX
Visual Studio 2019で始める「WPF on .NET Core 3.0」開発
Atsushi Nakamura
 
PPTX
進化するEdge! ~Creators Update版の新機能から既存機能までまとめて解説!~
Saki Homma
 
PDF
改めて C# でできることを振り返る
Yuta Matsumura
 
PDF
VSCode Remote Container & GitHub Codespacesで拓く次世代のJava開発体験
Hiroyuki Ohnaka
 
PDF
そろそろレガシーな.Net開発をやめなイカ?
Yuta Matsumura
 
PDF
.NET の過去、現在、そして未来
Akira Inoue
 
PDF
VS Code Live Share ~ 東京と大阪を繋いでみよう!
Akira Inoue
 
PDF
マイクロサービス開発が捗る Project Tye
Yuta Matsumura
 
PDF
Write slides and books in VSCode + Markdown
ロフト くん
 
PDF
Blazor Server テンプレート解説
Yuta Matsumura
 
PPTX
Xamarinでも有能な .NET Core
Yuta Matsumura
 
PDF
オンライン中心だから地方のコミュニティも見てみませんか? - Fukuoka.NETの紹介
Yuta Matsumura
 
PPTX
.NET Core 3.0 で Blazor を使用した​フルスタック C# Web アプリ​の構築
Joni
 
PPTX
進化するEdge+α
Saki Homma
 
Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~
Saki Homma
 
MicrosoftのサービスでさくっとBot開発!
Saki Homma
 
使い倒そう Visual Studio Live Share!
Saki Homma
 
使い倒そう Visual Studio Code! ~クラウド連携や遠隔ペアプロ、  もちろん Git も便利に~
Saki Homma
 
これから始める Bot Builder 開発のコツと舞台裏
Yuta Matsumura
 
ASP.NET CoreとAzure AD B2Cを使ったサクっと認証
Yuta Matsumura
 
Visual Studio 2019で始める「WPF on .NET Core 3.0」開発
Atsushi Nakamura
 
進化するEdge! ~Creators Update版の新機能から既存機能までまとめて解説!~
Saki Homma
 
改めて C# でできることを振り返る
Yuta Matsumura
 
VSCode Remote Container & GitHub Codespacesで拓く次世代のJava開発体験
Hiroyuki Ohnaka
 
そろそろレガシーな.Net開発をやめなイカ?
Yuta Matsumura
 
.NET の過去、現在、そして未来
Akira Inoue
 
VS Code Live Share ~ 東京と大阪を繋いでみよう!
Akira Inoue
 
マイクロサービス開発が捗る Project Tye
Yuta Matsumura
 
Write slides and books in VSCode + Markdown
ロフト くん
 
Blazor Server テンプレート解説
Yuta Matsumura
 
Xamarinでも有能な .NET Core
Yuta Matsumura
 
オンライン中心だから地方のコミュニティも見てみませんか? - Fukuoka.NETの紹介
Yuta Matsumura
 
.NET Core 3.0 で Blazor を使用した​フルスタック C# Web アプリ​の構築
Joni
 
進化するEdge+α
Saki Homma
 

Similar to 実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~ (20)

PDF
Docker handson
koda3
 
PDF
INF-015_そこのコンテナ、うまく積めてるね! ~Windows アプリケーション コンテナの展開と運用~
decode2016
 
PDF
Web系エンジニアのためのスキルアップ講座 ーDockerで開発環境を作ろう ー
Yosuke INOUE
 
PDF
Docker/Aarukas入門ハンズオン資料~第1回さくらとコンテナの夕べ #さくらの夕べ 番外編
Masahito Zembutsu
 
PDF
Dockerの基本と応用~快適コンテナライフを実現するArukas~
Masahito Zembutsu
 
PDF
オトナのDocker入門
Tsukasa Kato
 
PDF
Azure container as a service v0.1.19.1213
Ayumu Inaba
 
PDF
Dockerの期待と現実~Docker都市伝説はなぜ生まれるのか~
Masahito Zembutsu
 
PDF
捕鯨!詳解docker
雄哉 吉田
 
PDF
Docker入門: コンテナ型仮想化技術の仕組みと使い方
Yuichi Ito
 
PPTX
コンテナの基本 ~Docker実践~
Ryosuke Uchiyama
 
PDF
Docker for Windows & Web Apps for Containers 実践活用技法
Microsoft Corporation
 
PPTX
Docker & Kubernetes基礎
Daisuke Hiraoka
 
PDF
コンテナーによるIT基盤変革 - IT infrastructure transformation -
日本ヒューレット・パッカード株式会社
 
PDF
DockerとDocker Hubの操作と概念
Masahito Zembutsu
 
PDF
Dockerイメージ構築 実践テクニック
Emma Haruka Iwao
 
PPTX
いまさら聞けないDockerコンテナ超入門
VirtualTech Japan Inc./Begi.net Inc.
 
PPTX
Docker超入門
VirtualTech Japan Inc.
 
PDF
今だからこそ知りたい Docker Compose/Swarm 入門
Masahito Zembutsu
 
PDF
2024-03-09_Practical-engineering-LT_container-tech-intro_v2.1.pdf
Yusaku Miyata
 
Docker handson
koda3
 
INF-015_そこのコンテナ、うまく積めてるね! ~Windows アプリケーション コンテナの展開と運用~
decode2016
 
Web系エンジニアのためのスキルアップ講座 ーDockerで開発環境を作ろう ー
Yosuke INOUE
 
Docker/Aarukas入門ハンズオン資料~第1回さくらとコンテナの夕べ #さくらの夕べ 番外編
Masahito Zembutsu
 
Dockerの基本と応用~快適コンテナライフを実現するArukas~
Masahito Zembutsu
 
オトナのDocker入門
Tsukasa Kato
 
Azure container as a service v0.1.19.1213
Ayumu Inaba
 
Dockerの期待と現実~Docker都市伝説はなぜ生まれるのか~
Masahito Zembutsu
 
捕鯨!詳解docker
雄哉 吉田
 
Docker入門: コンテナ型仮想化技術の仕組みと使い方
Yuichi Ito
 
コンテナの基本 ~Docker実践~
Ryosuke Uchiyama
 
Docker for Windows & Web Apps for Containers 実践活用技法
Microsoft Corporation
 
Docker & Kubernetes基礎
Daisuke Hiraoka
 
コンテナーによるIT基盤変革 - IT infrastructure transformation -
日本ヒューレット・パッカード株式会社
 
DockerとDocker Hubの操作と概念
Masahito Zembutsu
 
Dockerイメージ構築 実践テクニック
Emma Haruka Iwao
 
いまさら聞けないDockerコンテナ超入門
VirtualTech Japan Inc./Begi.net Inc.
 
Docker超入門
VirtualTech Japan Inc.
 
今だからこそ知りたい Docker Compose/Swarm 入門
Masahito Zembutsu
 
2024-03-09_Practical-engineering-LT_container-tech-intro_v2.1.pdf
Yusaku Miyata
 
Ad

More from Saki Homma (11)

PPTX
Microsoftと最新技術
Saki Homma
 
PPTX
働き方改革のためのバーチャル秘書
Saki Homma
 
PPTX
html5j最新情報
Saki Homma
 
PPTX
Cognitive Services 入門!
Saki Homma
 
PPTX
進化するEdge! Creators Update版の新機能一挙紹介!
Saki Homma
 
PPTX
Visual Studio Code 入門
Saki Homma
 
PPTX
WebRTC on Edge
Saki Homma
 
PPTX
WebRTCとSFU
Saki Homma
 
PPTX
はじめてのWeb of Things
Saki Homma
 
PPTX
はじめてのWeb of Things
Saki Homma
 
PPTX
Breakouts で Presentation API の 拡張提案したよ
Saki Homma
 
Microsoftと最新技術
Saki Homma
 
働き方改革のためのバーチャル秘書
Saki Homma
 
html5j最新情報
Saki Homma
 
Cognitive Services 入門!
Saki Homma
 
進化するEdge! Creators Update版の新機能一挙紹介!
Saki Homma
 
Visual Studio Code 入門
Saki Homma
 
WebRTC on Edge
Saki Homma
 
WebRTCとSFU
Saki Homma
 
はじめてのWeb of Things
Saki Homma
 
はじめてのWeb of Things
Saki Homma
 
Breakouts で Presentation API の 拡張提案したよ
Saki Homma
 
Ad

Recently uploaded (10)

PDF
Hyperledger Fabric公式サンプル fabric-samples徹底解説
LFDT Tokyo Meetup
 
PDF
プライバシ保護のためのインターネットアーキテクチャの進化 (2025-07-11)
Jun Kurihara
 
PDF
ABC2025S LT講演「世界の窓から Androidこんにちは2025」アプリ自動生成の将来?ロボティクスの夢再び?
嶋 是一 (Yoshikazu SHIMA)
 
PDF
20250630_aws_reinforce_2025_aws_sheild_network_security_director
uedayuki
 
PDF
人気ブロックチェーン基盤「Hyperledger Fabric」最新版を動かしてみた!
LFDT Tokyo Meetup
 
PDF
SIG-AUDIO 2025 Vol.02 オンラインセミナー SIG-Audioプレゼン資料_オーディオプラグイン開発_塩澤達矢.pdf
IGDA Japan SIG-Audio
 
PDF
Hyperledger Fabric最新v3.x系での機能強化、変更点にキャッチアップ!
LFDT Tokyo Meetup
 
PDF
生成AIパネルトーク(Interop25Tokyo APPS JAPAN M1-07,M2-07 嶋ポジショントーク)
嶋 是一 (Yoshikazu SHIMA)
 
PDF
20250710_Devinで切り拓くDB革命_〜価値創出に集中せよ〜.pdf
Masaki Yamakawa
 
PDF
[Hardening Designers Confernece 2025]ランサムウェアでの見えざるログ・見えるログ
kataware
 
Hyperledger Fabric公式サンプル fabric-samples徹底解説
LFDT Tokyo Meetup
 
プライバシ保護のためのインターネットアーキテクチャの進化 (2025-07-11)
Jun Kurihara
 
ABC2025S LT講演「世界の窓から Androidこんにちは2025」アプリ自動生成の将来?ロボティクスの夢再び?
嶋 是一 (Yoshikazu SHIMA)
 
20250630_aws_reinforce_2025_aws_sheild_network_security_director
uedayuki
 
人気ブロックチェーン基盤「Hyperledger Fabric」最新版を動かしてみた!
LFDT Tokyo Meetup
 
SIG-AUDIO 2025 Vol.02 オンラインセミナー SIG-Audioプレゼン資料_オーディオプラグイン開発_塩澤達矢.pdf
IGDA Japan SIG-Audio
 
Hyperledger Fabric最新v3.x系での機能強化、変更点にキャッチアップ!
LFDT Tokyo Meetup
 
生成AIパネルトーク(Interop25Tokyo APPS JAPAN M1-07,M2-07 嶋ポジショントーク)
嶋 是一 (Yoshikazu SHIMA)
 
20250710_Devinで切り拓くDB革命_〜価値創出に集中せよ〜.pdf
Masaki Yamakawa
 
[Hardening Designers Confernece 2025]ランサムウェアでの見えざるログ・見えるログ
kataware
 

実践 Web App for Containers! ~コンテナ開発の基礎からDevOps環境の構築まで~