Microsoft Tech クイズ大会の問題と解説 + オンライン クイズアプリ開発アーキテクチャ #decode夏まつり #Azure #PowerPlatform

Microsoft 技術に関係したクイズ大会を、<a href="https://msdevjp.connpass.com/event/175983/" target="_blank">de:code 夏まつりイベント</a>で 2020/07/08(水) に行いました。



![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/547536c1-7734-b1a3-bd04-1b3cbc258981.png)

## オンライン クイズプラットフォーム

クイズプラットフォームは、

* web クライアント（回答者画面）を `Vue.js` on `Azure Static Web Apps` で Microsoft MVP の大平さん (<a href="https://twitter.com/dz_" target="_blank">@dz_</a>)、
* 司会者アプリ（クイズ画面）を `Power Platform` で Microsoft MVP のりなたむさん (<a href="https://twitter.com/R_t_A_n_M" target="_blank">@R_t_A_n_M</a>)

が「「「10 日間で」」」作成してくださいました。
（私はただクイズコンテンツの監督 (と原案と司会アプリのデザインアイデア) のみ）

↓ 左が司会者アプリ（クイズ画面）、右が参加者の手元の web クライアント。クイズ画面が切り替わると同時に自動で web クライアント（回答画面）も切り替わる。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/ab57d9fb-4aeb-98c1-72f6-4d9be31190c8.png)

リアルタイム通信は `SignalR Service` を使用。
司会者アプリとクイズ web クライアントのやり取りは、`Logic Apps` で作った API 経由

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/3eae0bb4-bdee-1ed0-4231-5c240cb8f553.png)




# 参考リンク

該当技術の公式サイトや公式ドキュメントへのリンクです。

## クイズプラットフォーム開発運用に使われている技術

### web クライアント（回答者画面）

大平さんの解説スライド → 『<a href="https://www.slideshare.net/dzeyelid/decode-natsumatsuri-3-quiz-web-client-architecture" target="_blank">de:code 夏まつり クイズクライアント作ったよ！</a>』 

* 『<a href="https://azure.microsoft.com/ja-jp/services/app-service/static/?WT.mc_id=site-blog-machiy" target="_blank">Azure Static Web Apps</a>』Azure の静的 web アプリのホスティングサービス
* 『<a href="https://azure.microsoft.com/ja-jp/services/signalr-service/?WT.mc_id=site-blog-machiy" target="_blank">Azure SignalR Service</a>』アプリケーションにリアルタイム Web 機能を簡単に追加できるサービス
* 『<a href="https://docs.microsoft.com/ja-jp/azure/azure-monitor/overview?WT.mc_id=site-blog-machiy" target="_blank">Azure Monitor</a>』利用統計情報の収集 分析 サービス

### 司会者アプリ（クイズ画面）

りなたむさんの解説スライド → 『<a href="https://speakerdeck.com/rnakamuramartiny/koregamstech-quiz-falsequan-mao-da-power-platformbian" target="_blank">これがクイズプラットフォームの全貌だ！ - Power Platform 編 -</a>』

* 『<a href="https://powerplatform.microsoft.com/ja-jp/?WT.mc_id=site-blog-machiy" target="_blank">Microsoft Power Platform</a>』ローコードソリューション（コードほぼほぼ書かなくてもビジネスアプリやシステムが誰でも簡単に作れるサービス）
   * 『<a href="https://docs.microsoft.com/ja-jp/power-automate/?WT.mc_id=site-blog-machiy" target="_blank">Microsoft Power Automate</a>』コード書かずに、自動化処理を構成し、タスクの自動化などを実現するサービス
   * 『<a href="https://docs.microsoft.com/ja-jp/powerapps/powerapps-overview?WT.mc_id=site-blog-machiy" target="_blank">Microsoft Power Apps</a>』コード書かずにビジネスアプリケーションが作成できるツール
* 『<a href="https://docs.microsoft.com/ja-jp/azure/logic-apps/logic-apps-overview?WT.mc_id=docs-blog-machiy" target="_blank">Azure Logic Apps</a>』アプリケーションやデータ、システム、サービスなどを統合する際に使用できる Azure のサービス
* 『<a href="https://youtu.be/903wE8Gyt8I" target="_blank">はじめての Microsoft Forms</a>』(動画)　爆速でアンケートが作れるサービス。今回はこの Forms で「クイズの質問募集」をした


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/0b836046-e475-dd1d-8660-b220add4eb5e.png)

## 参考リンク - クイズの内容

* 『<a href="https://www.microsoft.com/ja-jp/hololens/?WT.mc_id=site-blog-machiy" target="_blank">Microsoft HoloLens</a>』ホログラフィック コンピュータ HoloLens 公式サイト
* 『<a href="https://www.microsoft.com/ja-jp/microsoft-365/business/compare-all-microsoft-365-business-products?WT.mc_id=m365-blog-machiy" target="_blank">Microsoft Office 全製品の比較 | Microsoft Office</a>』Microsoft 365 系の比較
* 『<a href="https://azure.microsoft.com/ja-jp/services/remote-rendering/?WT.mc_id=site-blog-machiy" target="_blank">Azure Remote Rendering</a>』クラウド上で高ポリゴンの 3D モデリングをしてくれるサービス
* 『<a href="https://powerplatform.microsoft.com/ja-jp/?WT.mc_id=site-blog-machiy" target="_blank">Microsoft Power Platform</a>』ローコードソリューション（コードほぼほぼ書かなくてもビジネスアプリやシステムが誰でも簡単に作れるサービス）
* 『<a href="https://natick.research.microsoft.com/?WT.mc_id=site-blog-machiy" target="_blank">Project Natick (natick.research.microsoft.com)</a>』Microsoft の海底データセンター
* 『<a href="https://news.microsoft.com/features/under-the-sea-microsoft-tests-a-datacenter-thats-quick-to-deploy-could-provide-internet-connectivity-for-years/?WT.mc_id=site-blog-machiy" target="_blank">Under the sea, Microsoft tests a datacenter that’s quick to deploy, could provide internet connectivity for years (Microsoft News)</a>』

* 公式ドキュメント『<a href="https://docs.microsoft.com/ja-jp/aspnet/core/blazor/?view=aspnetcore-3.1&WT.mc_id=docs-blog-machiy" target="_blank">ASP.NET Core Blazor の概要</a>』
* 公式ドキュメント『<a href="https://docs.microsoft.com/ja-jp/hololens/?WT.mc_id=docs-blog-machiy" target="_blank">Microsoft HoloLens のドキュメント』
* 公式ドキュメント『<a href="https://docs.microsoft.com/ja-jp/azure/remote-rendering/?WT.mc_id=docs-blog-machiy" target="_blank">Azure Remote Rendering のドキュメント - Azure Remote Rendering (ARR) は、非常に複雑な 3D モデルを HoloLens 2 などのデバイスにリアルタイムでレンダリングできるようにするサービスです</a>』


# Microsoft tech クイズ一覧（質問、解答、解説）

そのクイズ一覧と解説をここに載せます。

(問題の掲載の「順番」は本番と違うかもしれません)


## 第 1 問：Azure ポータル

### Azure ポータルにアクセスする URL は何ですか？


1. `https://admin.azure.com`	
2. `https://portal.azure.com`
3. `https://administrator.azure.com`	
4. `https://my.azure.com`

正解：(2) `https://portal.azure.com`

Azure ポータルは Web ベースの Azure の管理コンソールです。<a href="https://portal.azure.com" target="_blank">https://portal.azure.com</a> でアクセスできます。

![azure_portal.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/a2c2b83a-83b6-deb9-9176-d67987285bad.jpeg)


## 第 2 問：Mixed Reality デバイス


### Microsoft が出している、ゴーグル型の Mixed Reality デバイスの名前は？

1. HoloLens	
2. Xbox	
3. PixelSense	
4. Surface

正解：(1) HoloLens

Microsoft HoloLens は、世界初の自己完結型ホログラフィック コンピューターです。
現実の目の前の世界と、3Dのホログラムの世界を融合させたMixed Reality（複合現実）が実現します。
2020/7/2 に HoloLens 2 が日本でも公式ストアで個人販売をスタートしました。
一部のマニア界隈では複数持ちがデフォルトで、例えばちょまどは家に社ホロ 2 台、個人ホロ 2 台、計 4 台持っています。

<img width="409" alt="hololens.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/3686a2d1-18f2-110c-731b-ba3e3be4d758.png">

(↑ 私の YouTube 動画『<a href="https://youtu.be/-idrjST65BA" target="_blank">ホログラフィックコンピュータHoloLens 2 開封の儀＋初心者向け解説！</a>』より)

（問題提供：<a href="https://twitter.com/okazuki" target="_blank">@okazuki さん</a>、解説文作成：<a href="https://twitter.com/chomado" target="_blank">わたし</a>）


参考：公式サイト『<a href="https://www.microsoft.com/ja-jp/hololens/?WT.mc_id=site-blog-machiy" target="_blank">Microsoft HoloLens</a>』

参考：公式ドキュメント『<a href="https://docs.microsoft.com/ja-jp/hololens/?WT.mc_id=docs-blog-machiy" target="_blank">Microsoft HoloLens のドキュメント』


##  第 3 問：Microsoft Azure の旧称

### 2010 年に Microsoft のクラウドサービスが開始されました。2014 年に今の『Microsoft Azure』に名前が変わりましたが、サービス開始当初はどんな名前だったでしょうか？


1. Microsoft Cloud	
2. Microsoft Cloud Platform (MCP)	
3. Azure Cloud Platform	
4. Windows Azure

正解：(4) Windows Azure

![azure.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/24b7fa24-a9ed-d398-b0c1-d594bd786fce.png)


2014 年 3 月 26 日に旧称である Windows Azure（ウィンドウズ・アジュール）から Microsoft Azure への名称変更が発表されました。
Windows Azure が Windows のためのクラウドではなく、オープンなクラウドプラットフォームであることを強くアピールするものとなり、
実際に、2018 年 9 月には、Microsoft のエグゼクティブバイスプレジデントの Scott Guthrie 氏が、「Azure VM のおよそ半数で Linux が稼働している」とインタビューで述べました


（問題提供：<a href="https://twitter.com/okazuki" target="_blank">@okazuki さん</a>、解説文作成：<a href="https://twitter.com/chomado" target="_blank">わたし</a>）

## 第 4 問：海底データセンター


### Microsoft が現在　実証実験を行っている海底データセンター "プロジェクト Natick"。現在フェーズ 2 に入っていますが、さて何処に設置されているのでしょうか？


1. アラスカ沖		
2. カリフォルニア沖	
3. アイスランド沖 
4. スコットランド沖

正解：(4) スコットランド沖


2015 年 8 月にアメリカ・カリフォルニア州サンルイスオビスポの沿岸に 1 ラック分のサーバーを搭載した海底データセンターを沈め、Azure のワークロードを実行する実験を行なったのを機に
現在では、スコットランド沖に沈められて実験が続いています。 

参考）

* <a href="https://natick.research.microsoft.com/?WT.mc_id=site-blog-machiy" target="_blank">Project Natick (natick.research.microsoft.com)</a>
* <a href="https://news.microsoft.com/features/under-the-sea-microsoft-tests-a-datacenter-thats-quick-to-deploy-could-provide-internet-connectivity-for-years/?WT.mc_id=site-blog-machiy" target="_blank">Under the sea, Microsoft tests a datacenter that’s quick to deploy, could provide internet connectivity for years (Microsoft News)</a>

<img width="430" alt="natick.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/dd81524f-495c-784b-0b95-bd1dc80967cf.png">

## 第 5 問：「市民開発者」が活躍！


### コードを殆ど書かなくても業務アプリやシステムを誰でも簡単に開発できる環境『Power Platform』がありますが、その文脈でよく語られる単語「市民開発者」とは、次のうちどれか？


1. 休日に趣味でプログラミングをするサンデープログラマー	
2. 公的機関に属していない IT 技術者	
3. 技術者ではない業務担当者	
4. 市民開発者として専門の資格を取得した人

正解：(3) 技術者ではない業務担当者	

市民開発者 (Citizen Developer) とはここ数年 Microsoft が使用している言葉で、プロの開発者・技術者ではなく、Low code ツールを使用して業務に必要なアプリケーションやシステムを自ら作る業務担当者のこと。

（問題提供：<a href="https://twitter.com/yugoes1021" target="_blank">@yugoes1021さん</a>）


参考：公式サイト『<a href="https://powerplatform.microsoft.com/ja-jp/?WT.mc_id=site-blog-machiy" target="_blank">Microsoft Power Platform</a>』

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/7d608ea0-148a-000a-a434-3cdb9ff88647.png)


## 第 6 問：強力レンダリング「Azure Remote Rendering」


### 「Azure Remote Rendering」は、クラウド上の強いマシンでレンダリングしてくれて、非力なPCでも高品質な3Dモデルを表示することができるサービスです。さて、最大何ポリゴンまで描画できた実績があるでしょう？

1. 1000万ポリゴン	
2. 2000万ポリゴン	
3. 1億ポリゴン	
4. 10億ポリゴン


正解：(4) 10億ポリゴン

 正解は「D」の10億ポリゴンで実績があるとのこと！
 なお、サービスとして描画できる上限については利用する Virtual Machine のスケールによって「standard:2000万ポリゴン」、「Premium:無制限」となっています。
 非常に高品質なモデルもヌルヌル動くRemote Rendering は Mixed Reality 以外の分野でも役立ちそうなサービスです。


参考：公式サイト『<a href="https://azure.microsoft.com/ja-jp/services/remote-rendering/?WT.mc_id=site-blog-machiy" target="_blank">Azure Remote Rendering</a>』

参考：公式ドキュメント『<a href="https://docs.microsoft.com/ja-jp/azure/remote-rendering/?WT.mc_id=docs-blog-machiy" target="_blank">Azure Remote Rendering のドキュメント - Azure Remote Rendering (ARR) は、非常に複雑な 3D モデルを HoloLens 2 などのデバイスにリアルタイムでレンダリングできるようにするサービスです</a>』

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/657eddfa-8e34-767a-5c9a-c5aac0e166e3.png)


## 第 7 問：C# で SPA
	
### ASP.NET Core にある C# でシングルページアプリケーション（SPA）を作るためのフレームワークの名前はなんでしょうか。


1. Blazor
2. Silverlight
3. Entity Framework
4. C# Client

正解：(1) Blazor

ASP.NET Core は .NET Core でクラウド対応のアプリケーションを作るためのフレームワークです。(ASP = Active Server Pages)。
ASP.NET Core Blazor は、シングルページアプリケーションを作るためのフレームワークで C# と HTML/CSS を使って開発ができます

（問題提供：<a href="https://twitter.com/okazuki" target="_blank">@okazuki さん</a>）

参考：公式ドキュメント『<a href="https://docs.microsoft.com/ja-jp/aspnet/core/blazor/?view=aspnetcore-3.1&WT.mc_id=docs-blog-machiy" target="_blank">ASP.NET Core Blazor の概要</a>』

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/7d8e7a68-ad8a-dcf3-3b57-2070cde2bd5d.png)



## 第 8 問：Microsoft 365

### デスクトップアプリ版ライセンスが含まれる Microsoft 365 ライセンスは、以下のうちどれか？


4. Microsoft 365 F3
4. Microsoft 365 Business Basic
4. Office 365 E1
4. Microsoft 365 Business Standard

正解：(4) Microsoft 365 Business Standard

デスクトップアプリが含まれるライセンスは Microsoft 365 Business Standard 以上、Office / Microsoft 365 E3 以上 となります。

（問題提供：<a href="https://twitter.com/R_t_A_n_M" target="_blank">@R_t_A_n_M さん</a>）

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/24609/2bd44849-5297-333d-a5fd-e0a05fb2028c.png)

(図：『<a href="https://www.microsoft.com/ja-jp/microsoft-365/business/compare-all-microsoft-365-business-products?WT.mc_id=m365-blog-machiy" target="_blank">Microsoft Office 全製品の比較 | Microsoft Office</a>』より)

最後まで読んで頂きましてありがとうございます！