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

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

miyake
October 25, 2019

クラウドには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

Other Decks in Technology

Transcript

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

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

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

    で動かす (App Service は論理的なサービスの呼称) 5
  4. 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
  5. Azure App Service のはじめかた まず Azure サブスクリプションを準備しよう VS Code の

    Azure 機能拡張からはじめるといいかも GitHub を使っている⼈は、リポジトリの更新をトリガーに⾃動デプロイ可能 本格運⽤なら Azure Pipelines, GitHub Actions からのデプロイがオススメ 10
  6. その他の使える機能たち カスタムドメイン / 証明書 IP 制限 / ソーシャルログイン連携(Easy Auth) ログ、アクセス解析(Application

    Insights 利⽤) VNET 統合(プレビュー) ・・・常に進化中 参考ドキュメント 公式ドキュメント(⽇本語) 公式学習サイト: Microsoft Learn 12
  7. 静的 Web サイトはどうする︖ Static Web Sites ホスティングの利⽤ SPA ベースのフロントエンド CDN

    と組み合わせるとスケールする Netlify のような⾼機能な DevOps 機能はまだ提供されていない 13
  8. SPA のバックエンドは Functions でサーバーレス化 Azure Functions は数ステップの操作で外部公開 API を作成できる API

    Gateway の作成などは不要 フロントエンド、バックエンド全てサーバーレスで完結する いろいろな⾔語で開発可能 Node.js Python C# Java Powershell 14
  9. フルサーバーレス(SPA + API) の例 Vue.js + Azure Functions + SendGrid

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