#HoloLens 向けの #PowerApps アプリ開発のすすめ

ちょっと投稿が遅くなってしまってすみません・・・

昨年の Advent Calendar から Power Apps さんにいろいろさらにアップデートがあったのもあるので
それを踏まえつつ、HoloLens さんでの Power Apps アプリ開発のすすめをまとめたいと思います。

なお、昨年の記事はこちらになります。

[#HoloLens で現状使えそうな #PowerApps キャンパスアプリのオブジェクトを調査してみた](https://qiita.com/rnakamuramartiny/items/a5972b709b79cb71b8e4)

# スクリーンの背景色は黒にすること

HoloLens では、黒色は透過とみなします。
なので、Power Apps の画面のFillは、必ずBlackを指定しましょう。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269159/f4c2b3b8-c9c6-525d-5876-5910b2b04d97.png)

そうすると、このように若干薄暗くなりますが、透過されて表示されますので、Mixed Reality ぽさが維持されます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269159/9ebc732f-dd2d-0a51-ed94-6e7f7b795434.png)

画面の背景だけでなく、様々なオブジェクトでも、透過したいものについては、黒を指定するようにしましょう。

# Dynamics 365 Guides っぽいアプリを作りたいなら「チュートリアル」を使おう

作業現場などでの操作マニュアルをHoloLensを使って表示させたいときも、Power Apps は非常に使えます。

「新しい画面」から「チュートリアル」を選びましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269159/b67df033-034d-66da-039a-80622881fca2.png)


あとは、背景色などを黒色にするなどしたり、マニュアルが記載されているレコードを抽出するなどをすれば、このような感じで、空間上にマニュアルを表示させることができます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269159/7229da13-dcde-b595-87eb-f5f0071113b0.png)

※データ参照などをした本格的な作り方は後日動画をまとめようかなと思います。


# 商品データなどを表示したりするアプリには、「コンテナ」をうまく活用しよう

HoloLens では、空間上のウィンドウサイズを自由に変更できますので、アプリとしてはレスポンシブに対応しているほうが使いやすいです。
この1年で、Power Apps は レスポンシブ対応を強化するために、コンテナという機能を追加しました。

指定された枠内にコントロールをそのまま配置すれば、ウィンドウサイズによって自動的にリサイズが行われます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269159/8b2e9a7e-bde9-dea2-605b-7a133052d11f.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269159/e4288f79-eba7-2144-4fb8-f089efc1656b.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269159/e8ee4362-ca5c-5459-d251-a131cd63bde0.png)

HoloLens 上での表示はこんな感じ

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269159/9d95902e-3ca9-e5bf-0e84-1daaa48dc434.png)


# AI Builder を使って、HoloLens で動作する AI機能が追加されたアプリを簡単に作ろう

AI Builder 自体は1年ほど前から既に存在していましたが、Power Apps で全機能を使えるわけではなく、一部機能に制限され、またオブジェクトも固定化されていました。
しかし、つい先日、関数ベースですべての AI Builder を使うことができるようになったことで、レイアウトの自由度もとても向上しました。

実際に作ってみたアプリがこちらです。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">AI Builder が式で使えるようになったので<a href="https://twitter.com/hashtag/HoloLens2?src=hash&amp;ref_src=twsrc%5Etfw">#HoloLens2</a> のAI アプリをローコードで作ってみた<br>※今日のアドカレのネタです(笑)<a href="https://twitter.com/hashtag/PowerApps?src=hash&amp;ref_src=twsrc%5Etfw">#PowerApps</a> <br><br>※なお、ブログは夜ぐらいになる予定です、ごめんなさい <a href="https://t.co/lYnOzHiysa">pic.twitter.com/lYnOzHiysa</a></p>&mdash; りなたむ || Microsoft MVP (@R_t_A_n_M) <a href="https://twitter.com/R_t_A_n_M/status/1466943140297064450?ref_src=twsrc%5Etfw">December 4, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

AI Builder 標準で入っているモデルのうち、やはり使えそうなのといえば
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269159/7c4aa5ba-6e24-d48c-4aeb-6eddada628ce.png)

この画像系のモデルが一番かなと思います。
更には、独自で作ったモデルも実は使うことができるようになりますので、より業務よりのアプリも作ることができるようになります！

# まとめ

HoloLens のアプリって、Unity などを使わないと作れないと思われがちですが、ローコードアプリ開発プラットフォームの Power Apps でも、簡単に作ることができます！
HoloLens を活用している会社さんの中で、ちょっとしたこんなアプリ作ってみたいけど・・・なんて思っている方も、ぜひ Power Apps でチャレンジしてみてください！