Upgrade to Pro — share decks privately, control downloads, hide ads and more …

クラウドにはAzure App Serviceがある / dist29-azure-appservice

miyake
October 25, 2019
Technology
2
720

クラウドにはAzure App Serviceがある / dist29-azure-appservice

[DIST.29](https://dist.connpass.com/event/147744/) で発表した「クラウドにはAzure App Serviceがある」のスライドです。

miyake

October 25, 2019
Tweet

More Decks by miyake

See All by miyake
祝 🎉 両方とも正式リリース！ GitHub Codespaces と Nuxt3 で次世代開発体験 / codespaces-nuxt3
miyake
0
870
Static Site Generator でサイト構築 / building sites with static site generator
miyake
1
100
Design and implementation of Cosmos DB Change Feed-centric architecture
miyake
0
540
Well-Architected Framework を活用した Azure 設計パターン / azure-well-architected-framework
miyake
2
1k
2020 年下半期 Cosmos DB の更新まとめ
miyake
0
440
Front-end web applications with Azure Static Web Apps
miyake
0
420
Azure Static Web Apps で実現する Serverless CMS / Serverless CMS with Azure Static Web Apps
miyake
2
1.5k
Hack Azure! #1 - Azure Serverless でオンライン決済基盤をつくる / hack-azure-1
miyake
1
470
Azure PaaS/Serverless の最新情報をキャッチアップしよう / Azure PaaS and Serverless Update
miyake
1
1.3k

Other Decks in Technology

See All in Technology
ECテックカンファレンス2023 EC事業部のモバイル開発2023
tatsumi0000
0
340
Kaggleシミュレーションコンペの動向
nagiss
0
280
オブザーバビリティのベストプラクティスと弥生の現状 / best practices for observability and YAYOI’s current state
yayoi_dd
0
160
ユーザーテストガイドライン VERSION 2.0
kouzoukaikaku
0
1.6k
IoT から見る AWS re:invent 2022 ― AWSのIoTの歴史を添えて/Point of view the AWS re:invent 2022 with IoT - with a history of IoT in AWS
ma2shita
0
290
OCI DevOps 概要 / OCI DevOps overview
oracle4engineer
PRO
0
510
Exploring MapStore Release 2022.02: improved 3DTiles support and more
simboss
PRO
0
400
Google Cloud Workflows: API automation, patterns and best practices
glaforge
0
110
Bill One 開発エンジニア 紹介資料
sansantech
PRO
0
130
SPA・SSGでSSRのようなOGP対応！
simo123
2
160
DNS権威サーバのクラウドサービス向けに行われた攻撃および対策 / DNS Pseudo-Random Subdomain Attack and mitigations
kazeburo
5
1.3k
MoT/コネヒト/Kanmu が語るプロダクト開発xデータ分析 - 分析から機械学習システムの開発まで一人で複数ロールを担う大変さ
masatakashiwagi
3
790

Featured

See All Featured
Git: the NoSQL Database
bkeepers
PRO
419
60k
Designing with Data
zakiwarfel
91
4.2k
Building a Scalable Design System with Sketch
lauravandoore
451
31k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
6
850
No one is an island. Learnings from fostering a developers community.
thoeni
12
1.5k
The Pragmatic Product Professional
lauravandoore
21
3.5k
Making Projects Easy
brettharned
102
4.8k
How to Ace a Technical Interview
jacobian
270
21k
A Philosophy of Restraint
colly
193
15k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
236
1.1M
Designing Dashboards & Data Visualisations in Web Apps
destraynor
224
50k
Designing on Purpose - Digital PM Summit 2013
jponch
108
5.9k

Transcript

  1. クラウドには Azure App Service がある DIST.29 @kazuyukimiyake 1

  2. About Me 三宅 和之 @kazuyukimiyake 株式会社ゼンアーキテクツ CTO Microsoft MVP (

    for Microsoft Azure ) Vue.js-jp, TypeScript-jp コアスタッフ DIST.20 「あなたと私のタスク管理」 スピーカー 2

  3. Azure App Service のススメ 3

  4. Azure App Service Microsoft Azure の PaaS の中核サービス Azure は

    PaaS から始まったので、もはや Azure の中核サービスと⾔ってもいい クラウドネイティブな Web アプリの開発・運⽤に⽋かせないプラットフォーム Web アプリそのものだけでなく周辺もカバーする MVC ベースの Web アプリ API ベースの アプリ バックエンドサービス バッチ処理 4

  5. App Service のサービス形態 App Service は 「Web Apps」 か 「Functions」

    で動かす （App Service は論理的なサービスの呼称） 5

  6. 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

  7. App Service Plan でコストを最適化する 開発⽤の無料プラン、安価な共有プラン、従量課⾦プラン（Functions ⽤）もある 専有プランでは、リソースの範囲内でサイトを追加可能（追加コストなし） 7

  8. アクセス増⼤や障害に強い = PaaS のメリットを享受 アクセス増⼤にはオートスケールで対応 プラットフォーム起因の障害は基本的に⾃動で復旧される OS やミドルウェアレベルのセキュリティパッチも⾃動適⽤ 8

  9. 無停⽌でのリリース、サイト更新 デプロイメントスロットを活⽤する カナリアリリースもできる 9

  10. Azure App Service のはじめかた まず Azure サブスクリプションを準備しよう VS Code の

    Azure 機能拡張からはじめるといいかも GitHub を使っている⼈は、リポジトリの更新をトリガーに⾃動デプロイ可能 本格運⽤なら Azure Pipelines, GitHub Actions からのデプロイがオススメ 10

  11. DEMO Nuxt.js (ユニバーサル SSR) を App Service にデプロイしてみる 11

  12. その他の使える機能たち カスタムドメイン / 証明書 IP 制限 / ソーシャルログイン連携（Easy Auth） ログ、アクセス解析（Application

    Insights 利⽤） VNET 統合（プレビュー） ・・・常に進化中 参考ドキュメント 公式ドキュメント（⽇本語） 公式学習サイト: Microsoft Learn 12

  13. 静的 Web サイトはどうする︖ Static Web Sites ホスティングの利⽤ SPA ベースのフロントエンド CDN

    と組み合わせるとスケールする Netlify のような⾼機能な DevOps 機能はまだ提供されていない 13

  14. SPA のバックエンドは Functions でサーバーレス化 Azure Functions は数ステップの操作で外部公開 API を作成できる API

    Gateway の作成などは不要 フロントエンド、バックエンド全てサーバーレスで完結する いろいろな⾔語で開発可能 Node.js Python C# Java Powershell 14

  15. フルサーバーレス（SPA + API） の例 Vue.js + Azure Functions + SendGrid

    VueFes Japan 2018 の⼀⻫メール配信はこれを使った 15

  16. DEMO Vue.js + Azure Functions で サーバーレス（AI も）︕ 16

  17. My Favaorite Azure PaaS / Serverless products 17

  18. （補⾜）App Service の開発チームはとてもオープン スタートアップのような開発スタイル（※三宅調べ） ユーザーのフィードバックを真剣に聞いてくれる OSS で公開されている機能も多い 18

  19. ご清聴ありがとうございました︕ TSConf JP 2020 開催します︕ 19