Front-end web application development with
Azure PaaS & Serverless, 2020 Update!
第27回 Tokyo Jazug Night
Kazuyuki Miyake
1
Slide 2
Slide 2 text
About Me
三宅 和之 @kazuyukimiyake
株式会社ゼンアーキテクツ CTO
Microsoft MVP ( for Microsoft Azure )
Vue.js-jp, typescript-jp 運営スタッフ
PaaS がかりの部屋(Blog): https://k-miyake.github.io/blog/
2
Slide 3
Slide 3 text
Agenda
このセッションでとりあげるトピック
Front-end Web アプリケーションの開発パターンあれこれ
Azure Static Web Apps について
Demo
SPA
SSG
BFF(Option)
3
Slide 4
Slide 4 text
Front-end Web アプリケーションの 開発
SPA が主流だが、 SSG (JAMstack) も増えつつある
サイトの特性や規模に応じてパターンを使い分ける
主なアーキテクチャパターン
SPA: Single Page Application
SSG: Static Site Generator (JAM Stack を含む)
SSR: Server-Side Rendering
BFF: Backends For Frontends(厳密にはバックエンドのパターン)
4