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
820
クラウドには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
LLM 時代におさえておきたい Azure Serverless ファミリーまとめ / serverlessdaystokyo2023-llm-aoai
miyake
8
2k
Nuxt Studio を使ってみた / nuxt-studio-intro
miyake
0
280
Microsoft Build 2023 で発表された Cosmos DB の注目アップデート / Microsoft Build 2023 Cosmos DB update
miyake
1
580
祝 🎉 両方とも正式リリース! GitHub Codespaces と Nuxt3 で次世代開発体験 / codespaces-nuxt3
miyake
0
1.2k
Static Site Generator でサイト構築 / building sites with static site generator
miyake
1
220
Design and implementation of Cosmos DB Change Feed-centric architecture
miyake
0
760
Well-Architected Framework を活用した Azure 設計パターン / azure-well-architected-framework
miyake
2
1.2k
2020 年下半期 Cosmos DB の更新まとめ
miyake
0
550
Front-end web applications with Azure Static Web Apps
miyake
0
510
Other Decks in Technology
See All in Technology
長文から長文を生成するLLMツールをオープンソースで作ってみた。
tomohisa
2
140
#51 “Empowering Azure Storage with RDMA”
cafenero_777
3
200
Julia でどうしても super().hoge みたいなことしたい人へ for JuliaTokai #18
antimon2
1
110
8週連続ウェビナー_イチから学ぶFivetran
cmsuzu
0
160
KTC_DBRE.pdf
_awache
0
290
本気でプロダクトに向き合うCTOになるために必要な事 (技育祭2024春)
mosa_siru
45
14k
Elementaryを用いたデータ品質の可視化とデータ基盤の運用改善
10xinc
6
1.4k
LLM + RAG を使った SORACOM Support Bot の裏側の歴史
soracom
PRO
1
630
KubeCon EU: Unlocking new Platform Experiences with Open Interfaces
salaboy
1
360
XRミーティング 2024-03-20
1ftseabass
PRO
0
100
WebXR で Web をもっと楽しもう
qst_exe
0
110
中央集権体制からDataOpsへの転換 / centralized-to-dataops-transformation
pei0804
7
1.3k
Featured
See All Featured
Building Applications with DynamoDB
mza
88
5.6k
Building Adaptive Systems
keathley
29
1.8k
Done Done
chrislema
178
15k
Reflections from 52 weeks, 52 projects
jeffersonlam
343
19k
Learning to Love Humans: Emotional Interface Design
aarron
266
39k
Git: the NoSQL Database
bkeepers
PRO
421
63k
Why You Should Never Use an ORM
jnunemaker
PRO
50
8.6k
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
Designing with Data
zakiwarfel
94
4.8k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
8
8.2k
Visualization
eitanlees
135
14k
How GitHub Uses GitHub to Build GitHub
holman
467
290k
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