Weitere ähnliche Inhalte
Ähnlich wie de:code 夏まつり クイズクライアント作ったよ! (20)
Mehr von Kazumi IWANAGA (20)
Kürzlich hochgeladen (11)
de:code 夏まつり クイズクライアント作ったよ!
- 3. Self introduction
• 大平かづみ / Kazumi OHIRA
• フリーランスエンジニア、リモートワーク
• Microsoft Azure を用いた開発、Infrastructure as Code 好き。
• サーバーサイド開発、OSSメンテ、ほか。IoTも好き。
• さまざまなコミュニティの運営参加。
• Twitter: @dz_
• GitHub: @dzeyelid
- 5. Node-RED Con 2020 スピーカー公募!
https://nodered.jp/noderedcon2020/#speaker
CfP のご応募
お待ちしております!
- 6. Cogbot x くらでべ
Bot Framework はじめの一歩詰込みSP!
https://cogbot.connpass.com/event/181896/
- 11. クイズ webクライアント構成
Static Web App
SignalR Service
Log Analytics
workspace
Application
Insights
Logic App
Power Apps
りなたむさん担当dz 担当
Azure Monitor
- 12. クイズ webクライアント構成
Static Web App
SignalR Service
Log Analytics
workspace
Application
Insights
Logic App
Power Apps
りなたむさん担当dz 担当
Webアプリ表示
Azure Monitor
- 13. クイズ webクライアント構成
Static Web App
SignalR Service
Log Analytics
workspace
Application
Insights
Logic App
Power Apps
りなたむさん担当dz 担当
Azure Monitor
リアルタイムで
問題通知
- 14. クイズ webクライアント構成
Static Web App
SignalR Service
Log Analytics
workspace
Application
Insights
Logic App
Power Apps
りなたむさん担当dz 担当
Azure Monitor
回答送信
- 15. リファレンス
• Azure Static Web Apps とは | Microsoft Docs
• A14 | 「あつまれ フロントエンドエンジニア」 Azure Static Web
Apps がやってきた | de:code (decode) 2020
• JavaScript を使って Azure Functions と SignalR Service を使
用するチャット ルームを作成する | Microsoft Docs
• Azure Monitor の概要 - Azure Monitor | Microsoft Docs
• OpenAPI Initiative
- 17. API だけ取り決めて、あとは各自実装!
Static Web App
SignalR Service
Log Analytics
workspace
Application
Insights
Logic App
Power Apps
りなたむさん担当dz 担当
Azure Monitor
それぞれのつなぎの部分の、API定義だけはしっかり取り決め
• URL、レスポンス、データ構造
すんなり結合できました🤝
- 26. Sprint 2
• 配点対応
• ニックネーム対応
• カテゴリ表示
• 問題の位置表示対応
• 途中参加対応
https://github.com/dzeyelid/decode20-azure-quiz-client/pull/10
Pull request
- 28. 構想
• Azure Static Web Apps の API 機能
• Azure Functions のような host key/function key 機能は使えない
• プロバイダーによる認証ができる
• Azure Static Web Apps の認証と承認 | Microsoft Docs
• Azure Static Web Apps はまだプレビューなので、 現時点で機能を求め
るには Azure Functions に切り離した方がよさそう
• Azure Static Web Apps + Azure Functions
• CI/CD を組んでしまえば、普段の使用感は同じで、よりたくさんの機能を使
えるようになるので、検討したい
- 29. Version ? - 改善案
Static Web App
SignalR Service
Log Analytics
workspace
Logic App
Power Apps
Azure Monitor
Function
Application
Insights