SlideShare a Scribd company logo
Ryosuke Matsumura - imtechs Inc.
Build 2021 Recap Day
2021.05.29
Build 2021 Recap Day
[ 注意 ]


本資料の内容はすべて


本日時点での情報です
2
Build 2021 Recap Day
目次
• Overview


• Azure application services


• Static Web Apps
3
Build 2021 Recap Day
imtechs Inc.
• 1984.10.07


• Fukuoka, Japan


• Software Engineer


• MVP Reconnect


• 2016.10 - 2020.07(MVP for Azure)


• Twitter: @rxpaki
Ryosuke MATSUMURA
4
FUKUOKA
ENGINEERS
DAY 2021
online
• 福岡のエンジニアによる


• 福岡のエンジニアのためのイベント


• 普段のこと、チャレンジ中のこと


• 昔のこと、将来のこと


• 思いっきりアウトプットしてみませんか?


• 福岡からスターを!!
Build 2021 Recap Day
Overview
Build 2021 Recap Day
Overview
• https://news.microsoft.com/build-2021-book-of-news/


• Azure application services is now in preview


• A free 12-month offer for developers to get started with Azure Databases for
PostgreSQL and Azure Database for MySQL – Flexible Server is coming soon


• App Service Managed Certificates now generally available
7
Build 2021 Recap Day
Azure application services
Build 2021 Recap Day
Azure application services
Preview
• Azure Arcで複数環境(Azure, AWS, GCP,オンプレなど)のサーバー群を管理


• Azure Arcが有効になっているK8s上で、App ServiceやFunctionsなどのサービス
をデプロイ出来る


• docker-compose形式のデプロイは出来なかった


• シングルコンテナはデプロイ出来た


• Kubernetesの知識必須
9
Build 2021 Recap Day
Azure application services
Preview
• ドキュメントはこちら


• https://docs.microsoft.com/en-us/azure/app-service/manage-create-arc-environment#create-a-connected-cluster


• Azure CLIに必要なextensionを追加、Providerを登録


• Kubernetes環境を構築(eastus or westeurope)


• AKSの場合、PublicIPも作成する


• Kubernetesに接続できる環境で、azコマンドを実行する


• 作成したK8s環境に接続する(Kubernetes - Azure Arcを作成する)
10
Build 2021 Recap Day
Azure application services
Preview
• Log Analytics workspaceを作成する


• Kubernetes with Azure Arcに、App Service extensionを追加する


• Custom Locationを作成する


• Web Apps作成時に選択するLocation


• App Service Kubernetes environmentを作成する


• App Service EnvironmentのKubernetes版的なやつ


• App ServiceをCustom Locationにデプロイする
11
Build 2021 Recap Day
DEMO
12
Build 2021 Recap Day
Static Web Apps
Build 2021 Recap Day
Static Web Apps
GA
• 祝GA!!


• Hack Azure! #6 ( https://youtu.be/MMhLc4HSJqE ) を見たら大体把握できるので
はないか!?
14
Build 2021 Recap Day
Static Web Apps
GA
• SPA(Single Page Application)や静的サイトジェネレータを使うJAMstackの運用に
最適化されている


• グローバルに配信されている


• Azure Functionsと統合されている


• GitHubとの連動が楽(他のパイプラインでもデプロイできるみたいだが、未
確認)
15
Build 2021 Recap Day
Static Web Apps
GA
• PullRequestのブランチをブラウザで確認できる


• 認証機構が利用可能(AAD, GitHub, Twitter, Custom)


• Free plan継続!!


• Azure Static Web Apps CLIを使って、ローカルで起動できる


• https://github.com/Azure/static-web-apps-cli


• Functionsや認証関連もエミュレート可能
16
Build 2021 Recap Day
DEMO
17
Build 2021 Recap Day
まとめ
Build 2021 Recap Day
まとめ
• Static Web Apps使っていこう!


• Kubernetes with Azure Arcは使い所を考えよう!


• Kubernetesの知識は必須


• 通常のApp Serviceよりハマる箇所が多いかも
19
Thank you :)

More Related Content

PDF
Azure Functionsから始めるServerless
PDF
Code for Japan 勉強会 Vol.1 CKAN入門 プロジェクトのFork、デプロイ、CIまで
PDF
Functional Programming in Scala Reading #2
PDF
CloudGarageのベンチマークテスト
PDF
Salesforce DUG meetup #10 MiniHack完全制覇の旅
PPTX
IoT/GPSトラッキング プラットフォームがサーバレス だからこそ2ヶ月で構築できた話
PPTX
Azure Application Insights とか
PPTX
JDBCで繋がるクラウドDB・NoSQL連携
Azure Functionsから始めるServerless
Code for Japan 勉強会 Vol.1 CKAN入門 プロジェクトのFork、デプロイ、CIまで
Functional Programming in Scala Reading #2
CloudGarageのベンチマークテスト
Salesforce DUG meetup #10 MiniHack完全制覇の旅
IoT/GPSトラッキング プラットフォームがサーバレス だからこそ2ヶ月で構築できた話
Azure Application Insights とか
JDBCで繋がるクラウドDB・NoSQL連携

What's hot (20)

PDF
データポータルソフトウェア CKAN
PDF
スケーラブルで手間なく動かせる!もうすぐ 一般提供開始 Azure Database for MySQL / PostgreSQL
PDF
Salesforce dug [tokyo] meetup 2016 新年会
PDF
Tsdg meetup#12 summer16 lightning_experience
PPTX
Fun tech14-alibaba cloud api gateway-swagger
PDF
DWANGO by ドワンゴ
PDF
Xamarin+Mobile Center
PPTX
20170705 apiをつくろう
PDF
Spray intro
PDF
Algolia introduction in Kanazawa - July 2019
PPTX
Power Automate for desktopとGoogle Apps Scriptの連携について
PDF
Azure Kubernetes ServiceとコンテナのCI/CD
PPTX
祝 top-level project Apache Geode
PPTX
SWTT2017 - Lightningアプリケーション開発現場で 実践しているノウハウ
PDF
VisualforceへのSalesforce Lightning Design System (SLDS) 適用はどうします?
PPTX
Visual Studio 2019 Updates Pickup!
PDF
AWSからOpenStack, Chef SoloからChef Serverに インフラを置き換えた事例の紹介
PDF
What is Serverless?
PDF
20210129 azure webapplogging
PDF
Visual Studio App Centerを触ってみた!
データポータルソフトウェア CKAN
スケーラブルで手間なく動かせる!もうすぐ 一般提供開始 Azure Database for MySQL / PostgreSQL
Salesforce dug [tokyo] meetup 2016 新年会
Tsdg meetup#12 summer16 lightning_experience
Fun tech14-alibaba cloud api gateway-swagger
DWANGO by ドワンゴ
Xamarin+Mobile Center
20170705 apiをつくろう
Spray intro
Algolia introduction in Kanazawa - July 2019
Power Automate for desktopとGoogle Apps Scriptの連携について
Azure Kubernetes ServiceとコンテナのCI/CD
祝 top-level project Apache Geode
SWTT2017 - Lightningアプリケーション開発現場で 実践しているノウハウ
VisualforceへのSalesforce Lightning Design System (SLDS) 適用はどうします?
Visual Studio 2019 Updates Pickup!
AWSからOpenStack, Chef SoloからChef Serverに インフラを置き換えた事例の紹介
What is Serverless?
20210129 azure webapplogging
Visual Studio App Centerを触ってみた!
Ad

Similar to Microsoft Build 2021 Recap Day (20)

PDF
Microsoft Build 2021をさらに楽しむためのおすすめセッション/サンプル コード Powered by Microsoft MVPs
PDF
Build ハイライト アップデート
PDF
石川金沢IoTビジネス共創ラボ 第3回勉強会
PDF
俺的 Build Update まとめ
PDF
Visual StudioやAzureからAzure DevOpsを使う
PDF
Microsoft Build 2022をさらに楽しむためのおすすめセッション/サンプル コード Powered by Microsoft MVPs
PDF
Build Windows ラップアップ
PDF
20150704 MS Azure最新 - innovation egg 第4回
PDF
Microsoft Build Recap Community Day
PDF
2021/6/29 Azure Hybrid and Multicloud Digital Event の内容を日本語でお届け!
PDF
Azureお助けサービス概要
PDF
Azure Fundamental
PPTX
Tech Night Recap Sapporo - Ignite & .NET Conf -.pptx
PPTX
Microsoft AI and IoT Platform
PDF
Azure DevOps - ALGYAN Oct 2022.pdf
PDF
Azure DevOps 関西 2019 - Overview
PDF
俺的 Build 2021 Update まとめ
PPTX
20141010 マイクロソフト技術と共に目指すフルスタックエンジニアへの道
PDF
【CEDEC2018】Azure最新情報+「オトギフロンティア」運用大公開+サーバーレスアーキテクチャー
PDF
build 2012 Windows Azure 的まとめ
Microsoft Build 2021をさらに楽しむためのおすすめセッション/サンプル コード Powered by Microsoft MVPs
Build ハイライト アップデート
石川金沢IoTビジネス共創ラボ 第3回勉強会
俺的 Build Update まとめ
Visual StudioやAzureからAzure DevOpsを使う
Microsoft Build 2022をさらに楽しむためのおすすめセッション/サンプル コード Powered by Microsoft MVPs
Build Windows ラップアップ
20150704 MS Azure最新 - innovation egg 第4回
Microsoft Build Recap Community Day
2021/6/29 Azure Hybrid and Multicloud Digital Event の内容を日本語でお届け!
Azureお助けサービス概要
Azure Fundamental
Tech Night Recap Sapporo - Ignite & .NET Conf -.pptx
Microsoft AI and IoT Platform
Azure DevOps - ALGYAN Oct 2022.pdf
Azure DevOps 関西 2019 - Overview
俺的 Build 2021 Update まとめ
20141010 マイクロソフト技術と共に目指すフルスタックエンジニアへの道
【CEDEC2018】Azure最新情報+「オトギフロンティア」運用大公開+サーバーレスアーキテクチャー
build 2012 Windows Azure 的まとめ
Ad

More from ryosuke matsumura (9)

PDF
Azureサーバーレスで行う情報のスクリーニング
PDF
Application Insights on Rails Application
PDF
各社のFaaSを比較してみる
PDF
Azure Kubernetes ServiceとCI/CD pipeline
PDF
Microsoft AzureでのServerless活用術
PDF
Azure Functionsでサーバーレスアプリケーション構築
PDF
Azure Functionsでサーバーレスアプリケーション構築
PDF
Azure Cloud Shell
PDF
AWSからAzureへ
Azureサーバーレスで行う情報のスクリーニング
Application Insights on Rails Application
各社のFaaSを比較してみる
Azure Kubernetes ServiceとCI/CD pipeline
Microsoft AzureでのServerless活用術
Azure Functionsでサーバーレスアプリケーション構築
Azure Functionsでサーバーレスアプリケーション構築
Azure Cloud Shell
AWSからAzureへ

Microsoft Build 2021 Recap Day

  • 1. Ryosuke Matsumura - imtechs Inc. Build 2021 Recap Day 2021.05.29
  • 2. Build 2021 Recap Day [ 注意 ] 本資料の内容はすべて 本日時点での情報です 2
  • 3. Build 2021 Recap Day 目次 • Overview • Azure application services • Static Web Apps 3
  • 4. Build 2021 Recap Day imtechs Inc. • 1984.10.07 • Fukuoka, Japan • Software Engineer • MVP Reconnect • 2016.10 - 2020.07(MVP for Azure) • Twitter: @rxpaki Ryosuke MATSUMURA 4
  • 5. FUKUOKA ENGINEERS DAY 2021 online • 福岡のエンジニアによる • 福岡のエンジニアのためのイベント • 普段のこと、チャレンジ中のこと • 昔のこと、将来のこと • 思いっきりアウトプットしてみませんか? • 福岡からスターを!!
  • 6. Build 2021 Recap Day Overview
  • 7. Build 2021 Recap Day Overview • https://news.microsoft.com/build-2021-book-of-news/ • Azure application services is now in preview • A free 12-month offer for developers to get started with Azure Databases for PostgreSQL and Azure Database for MySQL – Flexible Server is coming soon • App Service Managed Certificates now generally available 7
  • 8. Build 2021 Recap Day Azure application services
  • 9. Build 2021 Recap Day Azure application services Preview • Azure Arcで複数環境(Azure, AWS, GCP,オンプレなど)のサーバー群を管理 • Azure Arcが有効になっているK8s上で、App ServiceやFunctionsなどのサービス をデプロイ出来る • docker-compose形式のデプロイは出来なかった • シングルコンテナはデプロイ出来た • Kubernetesの知識必須 9
  • 10. Build 2021 Recap Day Azure application services Preview • ドキュメントはこちら • https://docs.microsoft.com/en-us/azure/app-service/manage-create-arc-environment#create-a-connected-cluster • Azure CLIに必要なextensionを追加、Providerを登録 • Kubernetes環境を構築(eastus or westeurope) • AKSの場合、PublicIPも作成する • Kubernetesに接続できる環境で、azコマンドを実行する • 作成したK8s環境に接続する(Kubernetes - Azure Arcを作成する) 10
  • 11. Build 2021 Recap Day Azure application services Preview • Log Analytics workspaceを作成する • Kubernetes with Azure Arcに、App Service extensionを追加する • Custom Locationを作成する • Web Apps作成時に選択するLocation • App Service Kubernetes environmentを作成する • App Service EnvironmentのKubernetes版的なやつ • App ServiceをCustom Locationにデプロイする 11
  • 12. Build 2021 Recap Day DEMO 12
  • 13. Build 2021 Recap Day Static Web Apps
  • 14. Build 2021 Recap Day Static Web Apps GA • 祝GA!! • Hack Azure! #6 ( https://youtu.be/MMhLc4HSJqE ) を見たら大体把握できるので はないか!? 14
  • 15. Build 2021 Recap Day Static Web Apps GA • SPA(Single Page Application)や静的サイトジェネレータを使うJAMstackの運用に 最適化されている • グローバルに配信されている • Azure Functionsと統合されている • GitHubとの連動が楽(他のパイプラインでもデプロイできるみたいだが、未 確認) 15
  • 16. Build 2021 Recap Day Static Web Apps GA • PullRequestのブランチをブラウザで確認できる • 認証機構が利用可能(AAD, GitHub, Twitter, Custom) • Free plan継続!! • Azure Static Web Apps CLIを使って、ローカルで起動できる • https://github.com/Azure/static-web-apps-cli • Functionsや認証関連もエミュレート可能 16
  • 17. Build 2021 Recap Day DEMO 17
  • 18. Build 2021 Recap Day まとめ
  • 19. Build 2021 Recap Day まとめ • Static Web Apps使っていこう! • Kubernetes with Azure Arcは使い所を考えよう! • Kubernetesの知識は必須 • 通常のApp Serviceよりハマる箇所が多いかも 19