HoloLens に最適な Power Apps の UI を調査してみた

Kobe HoloLens Meetup! vol.3 でお話ししました
#PowerApps を #Hololens で使いたいけどどういう風にUIを作るべきかを検証してみました。
実際いろんな操作を検証したまとめ資料なので、ぜひご覧ください

#AR_KOBE #HoloLens #PowerApps

https://arkobe.connpass.com/event/188718/

Transcript

1. HoloLens に最適な Power Apps の UI を調査してみた 2020/10/03 Kobe HoloLens Meetup! vol.3 株式会社ソントレーゾ 中村 亮太
2. 株式会社ソントレーゾ / Sentreseau Inc. 取締役 最高技術責任者（CTO / Co-Founder） DX推進事業部 (DX OverDrive Business Dept.) 事業部長 Microsoft MVP for Business Applications ( 2020.2 〜 ) Power Apps / Power Automate りなたむ||中村亮太(Ryota Nakamura) ABOUT ME R_t_A_n_M rnakamura.0880 rtanm 詳しくはこちら❣
3. もともとインフラ上がりのエンジニアです。 Power Appsでゲーム作ったり、IoTと組み合わせたりとかしてます 会社では、Power Platform や Dynamics 365、Microsoft 365の 導入提案や支援、教育などを行っています。 自社事例を元にリターンシップを求める方に、Power Platformを 学んでもらい、キャリアアップ（市民開発者の創出） といったことを行っています。 りなたむ||中村亮太(Ryota Nakamura) ABOUT ME R_t_A_n_M rnakamura.0880 rtanm 詳しくはこちら❣
4. ▪主催 Office 365 User Group 福岡支部 IoT365 User Group ▪運営 コロナ対策エンジニア JAPAN Power Apps User Group JAPAN Power Virtual Agents User Group りなたむ||中村亮太(Ryota Nakamura) ABOUT ME R_t_A_n_M rnakamura.0880 rtanm 詳しくはこちら❣
6. Hololens めっちゃいい・・・ MRTKでサンプルもあって、割と簡単に作ることは可能になったんだ・・・
7. でも、市民開発者にはまだまだ難しい これまでExcelでマクロを組んでたとかぐらいまでのレベル（もしくは関数レベルにとどまる）の 市民開発者には非常に難しいというのもまた事実・・・。
8. でも、Power Appsを使えば・・・ ローコードでシステム構築が可能な Power Platform の Power Apps でアプリをつくれれば 市民開発者でも簡単にHololens向けのアプリが作れるんじゃないか？？ = そんな夢をみたのです
9. Power Platform とは？ Common Data Service AI Builder Power Apps Power Automate Power Virtual Agents Power BI アプリ開発 プロセスオートメーション 業務分析 ボット RPA UI Flows / PADesktop AutoML
10. Power Appsって？
12. キャンパスアプリ PowerPointライクなインターフェースで作ることができるアプリです。 キャンパスという名が付く通り、白紙のキャンパスにいろんなオブジェクトを配置して 作成するアプリケーションになります。
13. モデル駆動型アプリ データの構造に従い、フォーム・ビュー・グラフ・ダッシュボード・ワークフロー を用いて作成するアプリです。 見た目はDynamics に酷似しています。自由度はキャンパスアプリに比べて低いですが、モデル駆動型 という名が付く通り、業務モデル（Common Data Model）に 即した 一貫性のあるアプリを作ることができます。
14. っで・・・実際にどうなるのか試してみた
15. キャンパスアプリ（１） 区分 名称 プロパティ 使用感 備考 選択系 Dropdown 〇 Combobox △ 検索を有効にすると使いづらい ListBox 〇 DatePicker 〇 Toggle 〇 Checkbox 〇 RadioBox 〇 Rating △ 動作がちょっとぎこちない 操作系 Button ▲ 長押しだと挙動がおかしくなる Slider △ 動作がぎこちない 入力系 TextInput SingleLine（Text） 〇 SingleLine（Number） 〇 MultiLine △ 見る分にはいいが、編集となると結構大変 Pen Input ▲ なめらかではない、反応しないときがある
16. キャンパスアプリ（２） 区分 名称 使用感 備考 映像系 Camera 〇 カメラは0番のみ Image Uploader 〇 ファイルダイアログのカメラから撮影可能 BarcodeScanner × ブラウザでは使用できないため仕様 WebBarcode ▲ 元々の仕様でもあるが、殆ど認識しない データ操作系 DataTable 〇 Gallary 〇 関数 Latitude 〇 ブラウザベースの取得なので、精度はお察しください Longtitude 〇 ブラウザベースの取得なので、精度はお察しください Altitude × 取得不可（ブラウザ利用による仕様） Compass × 取得不可（ブラウザ利用による仕様）
17. モデル駆動型アプリ（フォーム） 区分 名称 使用感 備考 入力 数値入力 〇 線形スライダー 〇 Arc Knob ▲ 選択がうまくいかない Radial Knob ▲ 選択がうまくいかない 線形ゲージ 〇 スイッチ Toggle 〇 FlipSwitch 〇
18. ぼくが かんがえる さいつよ なPower Apps for HoloLens（仮）
19. 基本的なスマホアプリ作成の考えとほぼ同じ できるだけ入力をさせない （必要としない） UIにすること！ ボタンやドロップダウン Image Updateといったものに留める
20. でも・・・ かなり制限があるので、正直まだまだ実用レベルとはいかない・・・ なので・・・・ HoloLens用の Power Apps アプリ 出してください！（切実
21. Thanks for Watching!