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-appse...
Search
miyake
October 25, 2019
Technology
2
970
クラウドには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
Cosmos DB で持続可能な RAG を実現しよう!~ AOAI Dev Day ふりかえりを添えて / Sustainable RAG with Cosmos DB with recap AOAI Dev Day
miyake
0
250
Mirroring Azure Cosmos DB in Microsoft Fabric
miyake
2
160
LLM 時代におさえておきたい Azure Serverless ファミリーまとめ / serverlessdaystokyo2023-llm-aoai
miyake
9
2.6k
Nuxt Studio を使ってみた / nuxt-studio-intro
miyake
1
820
Microsoft Build 2023 で発表された Cosmos DB の注目アップデート / Microsoft Build 2023 Cosmos DB update
miyake
1
810
祝 🎉 両方とも正式リリース! GitHub Codespaces と Nuxt3 で次世代開発体験 / codespaces-nuxt3
miyake
0
1.4k
Static Site Generator でサイト構築 / building sites with static site generator
miyake
1
320
Design and implementation of Cosmos DB Change Feed-centric architecture
miyake
0
940
Well-Architected Framework を活用した Azure 設計パターン / azure-well-architected-framework
miyake
2
1.4k
Other Decks in Technology
See All in Technology
OpenID Connect for Identity Assurance の概要と翻訳版のご紹介 / 20250219-BizDay17-OIDC4IDA-Intro
oidfj
0
470
データマネジメントのトレードオフに立ち向かう
ikkimiyazaki
6
1.2k
日経のデータベース事業とElasticsearch
hinatades
PRO
0
200
Pwned Labsのすゝめ
ken5scal
0
280
ビジネスモデリング道場 目的と背景
masuda220
PRO
9
700
依存パッケージの更新はコツコツが勝つコツ! / phpcon_nagoya2025
blue_goheimochi
3
200
クラウドサービス事業者におけるOSS
tagomoris
3
980
Amazon Aurora のバージョンアップ手法について
smt7174
1
130
実は強い 非ViTな画像認識モデル
tattaka
1
1.1k
1行のコードから社会課題の解決へ: EMの探究、事業・技術・組織を紡ぐ実践知 / EM Conf 2025
9ma3r
8
2.7k
システム・ML活用を広げるdbtのデータモデリング / Expanding System & ML Use with dbt Modeling
i125
1
310
AWS Well-Architected Frameworkで学ぶAmazon ECSのセキュリティ対策
umekou
2
110
Featured
See All Featured
Faster Mobile Websites
deanohume
306
31k
Scaling GitHub
holman
459
140k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
GraphQLとの向き合い方2022年版
quramy
44
13k
It's Worth the Effort
3n
184
28k
Bash Introduction
62gerente
611
210k
How GitHub (no longer) Works
holman
314
140k
We Have a Design System, Now What?
morganepeng
51
7.4k
How STYLIGHT went responsive
nonsquared
98
5.4k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
Side Projects
sachag
452
42k
The Language of Interfaces
destraynor
156
24k
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