2021/05/29 Build 2021 (たぶん)最速Recap Day(JAZUG)

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

20. Thank you :)