#PowerApps の Mixed Reality（MR）機能を試してみた！

[Microsoft Business Applications Summit](https://www.microsoft.com/en-us/businessapplicationssummit) で紹介された、Power Apps の Mixed Reality（以降、MR）機能を試す方法です。

公式Blogでは 2020/4/1 に案内されていたようですね。

[Introducing Mixed Reality in Power Apps](https://powerapps.microsoft.com/en-us/blog/introducing-mixed-reality-in-power-apps/)

非公式だけど、日本だと公式よりも強い例のBlogでも紹介されていました。

[Microsoft Power Apps にMixed Reality（仮想現実）を搭載し、市民開発者でもMRアプリが作成可能に](https://memo.tyoshida.me/power-platform/powerapps/microsoft-power-apps-mixed-reality/)

ついにプレビューで試せるようになった、という状況でしょうか。

# 始める前に～諸注意～
記事投稿時点で MR機能 はプレビュー段階です。利用可能な環境も限られていますのでご注意ください。

~~現時点では「プレビュー（米国）」の環境でのみ利用が可能です。その他の環境では利用できません。そのため、Power Platform 管理センターで新しい環境を構築する必要があります。~~
<font color="Red">2020/05/16 追記</font>
<font color="Red">5/15 夜に、日本リージョンの既定環境でも MR のプレビュー機能が展開されていることが確認できました！！</font>
アプリの「設定」→「詳細設定」で下記のように機能が追加されている環境であれば、以降のプレビュー環境を構築する必要はありません。
![図1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/215892/4646745e-156a-3e41-7183-38ab093aff24.png)
残念ながら、まだ機能が提供されていない方は、これ以降に続くプレビュー環境を構築してください。
<font color="Red">2020/05/16 追記ここまで。</font>

# Power Apps で MR を試す！
実際にプレビュー環境を準備して試してみましょう。

## 1．プレビュー環境の作成
おそらく大半の方はプレビュー環境ではないと思いますので、環境を新規作成します。Power Apps 管理者権限を保有したユーザーで操作します。

make.powerapps.com の右上にある歯車から「管理センター」をクリックするか、下記URLより「Power Platform 管理センター」へアクセスします。

　・Power Platform 管理センター
　https://admin.powerplatform.microsoft.com/environments

[新規]から環境を作成します。その際、必ず[地域]を”プレビュー（米国）”にしてください。なお、下記の画像は試用環境で作成しています。
![図1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/215892/9209bb7e-f38a-6a02-ae32-8f8225975eb4.png)

環境は、一覧から確認が可能です。
![図2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/215892/ebf3b3b8-376b-3347-4bc2-ace81c11a211.png)

## 2．環境の切り替え
プレビュー環境の作成が完了したら、その環境へ切り替えます。make.powerapps.com の画面、右上にある環境をクリックすると選択できます。
![図3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/215892/e4336b91-d7b2-e65d-e300-41c33d8d45f3.png)

## 3．キャンバスアプリ 設定変更
プレビュー環境へ切り替えたら、キャンバスアプリを追加します。
[ファイル] → [設定] → [詳細設定] で詳細設定画面を開きます。その画面に[Mixed Reality]という項目があるのでスイッチをオンにします。
![図4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/215892/05e012fe-4973-7f8f-5f55-8d42d97e56dd.png)

## 4．MR機能 追加の確認
[挿入]タブに[Mixed Reality]という項目が追加されていれば成功です。
![図5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/215892/ead3e3ae-78e5-f7e4-d3eb-20aad4c0e200.png)

## 5．コントロールを追加してみる
各コントロールを配置すると、こんな感じになります。全部ボタンコントロールぽいですね。
![図6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/215892/bbc997bc-f388-b30b-5619-c59555bf5ee6.png)

## 6．ブラウザーでは・・・
残念ながらバーコードコントロールと同様に、ブラウザーでは動作しないようです。動作確認はスマートフォンで行いましょう。
![図7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/215892/0ffd2a1b-2e56-33e8-5c23-d2fca8b032c3.png)

# MRコントロールの動作
実際に動作確認をしてみました。

## 1．View in MR
任意の画像を、MRで配置するコントロールですかね。手元に3Dデータがなかったので、2Dの犬を召喚してみました。
<blockquote class="twitter-tweet"><p lang="en" dir="ltr"><a href="https://twitter.com/hashtag/PowerApps?src=hash&amp;ref_src=twsrc%5Etfw">#PowerApps</a> + MR “View in MR” <a href="https://t.co/LLOr7de9YK">pic.twitter.com/LLOr7de9YK</a></p>&mdash; やま (Yama) (@yamad365) <a href="https://twitter.com/yamad365/status/1258119554573557760?ref_src=twsrc%5Etfw">May 6, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

## 2．Place a cube
四角形をMRで配置するコントロールのようです。コントロールのプロパティでサイズが変更できました。動画は30cm四方です。
<blockquote class="twitter-tweet"><p lang="en" dir="ltr"><a href="https://twitter.com/hashtag/PowerApps?src=hash&amp;ref_src=twsrc%5Etfw">#PowerApps</a> + MR “Place a cube” <a href="https://t.co/qwaUTW65Vk">pic.twitter.com/qwaUTW65Vk</a></p>&mdash; やま (Yama) (@yamad365) <a href="https://twitter.com/yamad365/status/1258120004609794049?ref_src=twsrc%5Etfw">May 6, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

## 3．Measure in MR
MRで長さなどを測定する機能みたいです。画面には距離を測定する始点と終点を指定するアイコンなどがあります。
<blockquote class="twitter-tweet"><p lang="en" dir="ltr"><a href="https://twitter.com/hashtag/PowerApps?src=hash&amp;ref_src=twsrc%5Etfw">#PowerApps</a> + MR “Measure in MR” <a href="https://t.co/edxNxyEEd8">pic.twitter.com/edxNxyEEd8</a></p>&mdash; やま (Yama) (@yamad365) <a href="https://twitter.com/yamad365/status/1258120272726462464?ref_src=twsrc%5Etfw">May 6, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

# まとめ
- Power Apps の MR機能がプレビュー解禁！
- 機能を利用するためには、プレビュー環境の構築が必要
- 現状、確認できたMR機能は3つ
- PCのブラウザーではMR機能が動作しない（残念

まだプレビューの機能ですが、様々なコトに活用できそうですよね！
GAが楽しみです！！

それでは、皆さま、素晴らしい Power Platform Life を！