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

PPTX
はじめてのAzure Web App for Containers! -コンテナの基礎から DevOps 環境の構築まで-
PPTX
これさえあれば大丈夫!Visual Studio Code 徹底解説
PPTX
Visual Studio Code で快適開発生活 -拡張を作って公開しよう-
PPTX
知ってますか? Azure IoT Edge
PPTX
JavaScriptでパワポを作ろう
PPTX
使い倒そう Visual Studio Code!!! ~ここからはじめる基本のキ~
PPTX
Visual Studio Live Share で 猛暑を乗り切ろう!
PPTX
Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~
はじめてのAzure Web App for Containers! -コンテナの基礎から DevOps 環境の構築まで-
これさえあれば大丈夫!Visual Studio Code 徹底解説
Visual Studio Code で快適開発生活 -拡張を作って公開しよう-
知ってますか? Azure IoT Edge
JavaScriptでパワポを作ろう
使い倒そう Visual Studio Code!!! ~ここからはじめる基本のキ~
Visual Studio Live Share で 猛暑を乗り切ろう!
Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~

What's hot (20)

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

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

PDF
Docker handson
PDF
INF-015_そこのコンテナ、うまく積めてるね! ~Windows アプリケーション コンテナの展開と運用~
PDF
Web系エンジニアのためのスキルアップ講座 ーDockerで開発環境を作ろう ー
PDF
Docker/Aarukas入門ハンズオン資料~第1回さくらとコンテナの夕べ #さくらの夕べ 番外編
PDF
Dockerの基本と応用~快適コンテナライフを実現するArukas~
PDF
オトナのDocker入門
PDF
Azure container as a service v0.1.19.1213
PDF
Dockerの期待と現実~Docker都市伝説はなぜ生まれるのか~
PDF
捕鯨!詳解docker
PDF
Docker入門: コンテナ型仮想化技術の仕組みと使い方
PPTX
コンテナの基本 ~Docker実践~
PDF
Docker for Windows & Web Apps for Containers 実践活用技法
PPTX
Docker & Kubernetes基礎
PDF
コンテナーによるIT基盤変革 - IT infrastructure transformation -
PDF
DockerとDocker Hubの操作と概念
PDF
Dockerイメージ構築 実践テクニック
PPTX
いまさら聞けないDockerコンテナ超入門
PPTX
Docker超入門
PDF
今だからこそ知りたい Docker Compose/Swarm 入門
PDF
2024-03-09_Practical-engineering-LT_container-tech-intro_v2.1.pdf
Docker handson
INF-015_そこのコンテナ、うまく積めてるね! ~Windows アプリケーション コンテナの展開と運用~
Web系エンジニアのためのスキルアップ講座 ーDockerで開発環境を作ろう ー
Docker/Aarukas入門ハンズオン資料~第1回さくらとコンテナの夕べ #さくらの夕べ 番外編
Dockerの基本と応用~快適コンテナライフを実現するArukas~
オトナのDocker入門
Azure container as a service v0.1.19.1213
Dockerの期待と現実~Docker都市伝説はなぜ生まれるのか~
捕鯨!詳解docker
Docker入門: コンテナ型仮想化技術の仕組みと使い方
コンテナの基本 ~Docker実践~
Docker for Windows & Web Apps for Containers 実践活用技法
Docker & Kubernetes基礎
コンテナーによるIT基盤変革 - IT infrastructure transformation -
DockerとDocker Hubの操作と概念
Dockerイメージ構築 実践テクニック
いまさら聞けないDockerコンテナ超入門
Docker超入門
今だからこそ知りたい Docker Compose/Swarm 入門
2024-03-09_Practical-engineering-LT_container-tech-intro_v2.1.pdf
Ad

More from Saki Homma (11)

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

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