Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
クラウドにはAzure App Serviceがある / dist29-azure-appservice
Search
miyake
October 25, 2019
Technology
2
860
クラウドにはAzure App Serviceがある / dist29-azure-appservice
[DIST.29](
https://dist.connpass.com/event/147744/
) で発表した「クラウドにはAzure App Serviceがある」のスライドです。
miyake
October 25, 2019
Tweet
Share
More Decks by miyake
See All by miyake
Mirroring Azure Cosmos DB in Microsoft Fabric
miyake
2
67
LLM 時代におさえておきたい Azure Serverless ファミリーまとめ / serverlessdaystokyo2023-llm-aoai
miyake
9
2.3k
Nuxt Studio を使ってみた / nuxt-studio-intro
miyake
1
430
Microsoft Build 2023 で発表された Cosmos DB の注目アップデート / Microsoft Build 2023 Cosmos DB update
miyake
1
700
祝 🎉 両方とも正式リリース! GitHub Codespaces と Nuxt3 で次世代開発体験 / codespaces-nuxt3
miyake
0
1.3k
Static Site Generator でサイト構築 / building sites with static site generator
miyake
1
250
Design and implementation of Cosmos DB Change Feed-centric architecture
miyake
0
820
Well-Architected Framework を活用した Azure 設計パターン / azure-well-architected-framework
miyake
2
1.3k
2020 年下半期 Cosmos DB の更新まとめ
miyake
0
560
Other Decks in Technology
See All in Technology
推薦システムを本番導入する上で一番優先すべきだったこと~NewsPicks記事推薦機能の改善事例を元に~
morinota
0
120
Amazon FSx for NetApp ONTAPのパフォーマンスチューニング要素をまとめてみた #cm_odyssey #devio2024
non97
0
220
セキュリティ研修 Day1【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
160
エンジニア向け会社紹介資料
caddi_eng
14
220k
Classmethod Odyssey 登壇資料
yamahiro
0
390
20240724_cm_odyssey_hibiyatech
hiashisan
0
110
20240717_イケコパ代表Copilot_in_Teams会社でこう使ってます
ponponmikankan
2
430
地理情報とAPIのトレンド
nagix
0
160
Git 研修 Advanced【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
200
フルリモートワークはエンジニアの夢を叶えたか? #cm_odyssey
mamohacy
2
600
Classmethod流のPlatform Engineering / classmethod-platform-engineering-devio2024
tomoki10
0
470
初中級者用如何使用backlog -VALE TUDOEDITION-
in0u
0
140
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
229
130k
Web Components: a chance to create the future
zenorocha
307
41k
4 Signs Your Business is Dying
shpigford
178
21k
Designing on Purpose - Digital PM Summit 2013
jponch
113
6.6k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
360
22k
The Power of CSS Pseudo Elements
geoffreycrofte
64
5.2k
How GitHub Uses GitHub to Build GitHub
holman
471
290k
Music & Morning Musume
bryan
43
5.9k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
78
15k
Automating Front-end Workflow
addyosmani
1362
200k
The MySQL Ecosystem @ GitHub 2015
samlambert
248
12k
Atom: Resistance is Futile
akmur
261
25k
Transcript
クラウドには Azure App Service がある DIST.29 @kazuyukimiyake 1
About Me 三宅 和之 @kazuyukimiyake 株式会社ゼンアーキテクツ CTO Microsoft MVP (
for Microsoft Azure ) Vue.js-jp, TypeScript-jp コアスタッフ DIST.20 「あなたと私のタスク管理」 スピーカー 2
Azure App Service のススメ 3
Azure App Service Microsoft Azure の PaaS の中核サービス Azure は
PaaS から始まったので、もはや Azure の中核サービスと⾔ってもいい クラウドネイティブな Web アプリの開発・運⽤に⽋かせないプラットフォーム Web アプリそのものだけでなく周辺もカバーする MVC ベースの Web アプリ API ベースの アプリ バックエンドサービス バッチ処理 4
App Service のサービス形態 App Service は 「Web Apps」 か 「Functions」
で動かす (App Service は論理的なサービスの呼称) 5
Azure App Service - Web Apps で何が動かせるか アプリフレームワークを使った Web アプリ
Laravel Express Nuxt.js (Universal) ASP.NET Core Spring Boot etc.. 使いたいアプリケーションスタックを選択できる メジャーなものはあらかじめ⽤意されている(PHP, Node.js, Python, .NET, Java) 好きな Docker イメージも選択可能 6
App Service Plan でコストを最適化する 開発⽤の無料プラン、安価な共有プラン、従量課⾦プラン(Functions ⽤)もある 専有プランでは、リソースの範囲内でサイトを追加可能(追加コストなし) 7
アクセス増⼤や障害に強い = PaaS のメリットを享受 アクセス増⼤にはオートスケールで対応 プラットフォーム起因の障害は基本的に⾃動で復旧される OS やミドルウェアレベルのセキュリティパッチも⾃動適⽤ 8
無停⽌でのリリース、サイト更新 デプロイメントスロットを活⽤する カナリアリリースもできる 9
Azure App Service のはじめかた まず Azure サブスクリプションを準備しよう VS Code の
Azure 機能拡張からはじめるといいかも GitHub を使っている⼈は、リポジトリの更新をトリガーに⾃動デプロイ可能 本格運⽤なら Azure Pipelines, GitHub Actions からのデプロイがオススメ 10
DEMO Nuxt.js (ユニバーサル SSR) を App Service にデプロイしてみる 11
その他の使える機能たち カスタムドメイン / 証明書 IP 制限 / ソーシャルログイン連携(Easy Auth) ログ、アクセス解析(Application
Insights 利⽤) VNET 統合(プレビュー) ・・・常に進化中 参考ドキュメント 公式ドキュメント(⽇本語) 公式学習サイト: Microsoft Learn 12
静的 Web サイトはどうする︖ Static Web Sites ホスティングの利⽤ SPA ベースのフロントエンド CDN
と組み合わせるとスケールする Netlify のような⾼機能な DevOps 機能はまだ提供されていない 13
SPA のバックエンドは Functions でサーバーレス化 Azure Functions は数ステップの操作で外部公開 API を作成できる API
Gateway の作成などは不要 フロントエンド、バックエンド全てサーバーレスで完結する いろいろな⾔語で開発可能 Node.js Python C# Java Powershell 14
フルサーバーレス(SPA + API) の例 Vue.js + Azure Functions + SendGrid
VueFes Japan 2018 の⼀⻫メール配信はこれを使った 15
DEMO Vue.js + Azure Functions で サーバーレス(AI も)︕ 16
My Favaorite Azure PaaS / Serverless products 17
(補⾜)App Service の開発チームはとてもオープン スタートアップのような開発スタイル(※三宅調べ) ユーザーのフィードバックを真剣に聞いてくれる OSS で公開されている機能も多い 18
ご清聴ありがとうございました︕ TSConf JP 2020 開催します︕ 19