Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

HoloLens 2 開発入門 (公式チュートリアルの紹介)

1,543 views

Published on

2020/04/06(月) に開催された、熊本 HoloLens ミートアップでお話しした内容です。
公式チュートリアルはこちら→ http://aka.ms/HL2Tutorial

Published in: Technology
  • Be the first to comment

HoloLens 2 開発入門 (公式チュートリアルの紹介)

  1. 1. Microsoft Cloud Developer Advocate 千代田まどか (ちょまど) (@chomado) (1) HoloLens 2 アプリ開発入門 (公式チュートリアルの紹介) (2) 製品フィードバックが欲しい話
  2. 2. • ニックネーム「ちょまど」 • 文系 (英文科) 出身 • 2014年、新卒入社した SIer を3ヶ月で退職 • 前職 (2社目) は iOS/Android アプリを 開発していたプログラマ。 隣が松屋という 福利厚生 最強カンパニーだった • 2016年、Microsoft 入社 • エンジニア兼マンガ家 スピーカー紹介(千代田まどか)
  3. 3. 私の描いた絵
  4. 4. 友達 (いくちょん) の 誕生日に 似顔絵を描いた 自分の誕生日に C# ちゃん描いた
  5. 5. Twitter : @chomado フォロワー数 7.4 万人 ありがとうございます!
  6. 6. 1. (一応)HoloLens とは? 2. HoloLens 2 アプリ開発環境 1. MRTK とは? 3. 公式チュートリアル紹介 1. どんなものができるの? 2. 何が学べるの? 3. 実機が無くても進められるの?(できます) 4. 製品フィードバックが欲しい 話すこと
  7. 7. HoloLens (ホロレンズ) とは、 マイクロソフトが開発した、 Windows 10 を搭載した 自己完結型ホログラフィックコンピューターです。 HoloLens を通して、 リアル空間で物理的な環境に ホログラムを配置することができ、 その世界を見たり、 そこでデジタルコンテンツを 操作したりすることができます。 HoloLens とは (写真は全て HoloLens 2 のもの)
  8. 8. 撮ってきた動画 https://youtu.be/PdRlng-yuWQ https://twitter.com/chomado/status/1227908381253390336
  9. 9. 1. (一応)HoloLens とは? 2. HoloLens 2 アプリ開発環境 1. MRTK とは? 3. 公式チュートリアル紹介 1. どんなものができるの? 2. 何が学べるの? 3. 実機が無くても進められるの?(できます) 4. 製品フィードバックが欲しい 話すこと
  10. 10. MRTK (Mixed Reality Toolkit) とは? MRTK とは、Microsoft が オープンソースで開発している、 xR アプリを開発するときに便利な Unity 用のライブラリ です。 (GitHub リポジトリ: github.com/microsoft/MixedRealityToolkit-Unity ) クロスプラットフォームのための構成になっており、 HoloLens (MR) の他、VR や AR でも利用できる。
  11. 11. MRTK (Mixed Reality Toolkit) とは? MRTK とは、Microsoft が オープンソースで開発している、 xR アプリを開発するときに便利な Unity 用のライブラリ です。 (GitHub リポジトリ: github.com/microsoft/MixedRealityToolkit-Unity ) クロスプラットフォームのための構成になっており、 HoloLens (MR) の他、VR や AR でも利用できる。 例えば、MRTK でプロジェクトを作っておくと、 シーンの修正をしなくても HoloLens 2 や HoloLens 1、 Windows MR (VR) などにアプリをビルドできる。 これは MRTK がデバイスを吸収してくれるから。便利! (MRTK の前身の HoloToolKit だとこれができなかった)
  12. 12. Unity での HoloLens アプリ開発には MRTK ほぼ必須 (だと思う) MRTK が xR 系のクロスプラットフォーム開発に 便利ってことは分かったけど、 でも私は HoloLens アプリ開発だけだし MRTK 使うメリットとくに無いかな? そんなことはない!! MRTK は いいぞ!
  13. 13. 例)「ボタンを押す」という動作を Unity で作るとき [ボタンを押す動作] MRTK を ** 使わなかったら ** 1. HoloLens 2 の API から、直接、手の入力イベント取って、 2. 人差し指の位置をとって、 3. アタリ判定を付けて、 4. ボタン側にもアタリ判定付けて、 5. ボタンに触れてから 10cm 押し込んだことをロジックで検出して 6. イベントを起こす ちょっと大変そうね
  14. 14. 例)「ボタンを押す」という動作を Unity で作るとき [ボタンを押す動作] MRTK を ** 使ったら ** 1. シーンに PressableButton のプレハブを置く 2. (終了) え!終わり!? 一瞬じゃん! MRTK やば MRTK は いいぞ!(2回目)
  15. 15. MRTK 色々できる https://microsoft.github.io/MixedRealityToolkit-Unity/version/releases/2.3.0/README.html
  16. 16. MRTK の色々な UI/インタラクションの部品 https://github.com/microsoft/MixedRealityToolkit-Unity
  17. 17. HoloLens 2 開発に必要な環境 (Unity) MRTK のトップページを 見るのが良いかも https://github.com/microsoft/MixedRealityToolkit-Unity
  18. 18. 1. (一応)HoloLens とは? 2. HoloLens 2 アプリ開発環境 1. MRTK とは? 3. 公式チュートリアル紹介 1. どんなものができるの? 2. 何が学べるの? 3. 実機が無くても進められるの?(できます) 4. 製品フィードバックが欲しい 話すこと
  19. 19. HoloLens 2 開発 公式チュートリアル
  20. 20. HoloLens 2 実機での動作
  21. 21. HoloLens 2 実機での動作
  22. 22. HoloLens 2 実機での動作 楽しそうなのは分かるが HoloLens 2 実機持ってない 私には関係ない話かな・・・? そんなことないゾ!
  23. 23. HoloLens 2 エミュレータもあります https://docs.microsoft.com/ja- jp/windows/mixed-reality/using- the-hololens-emulator
  24. 24. Unity エディタ上での実行 (セッション本番では 動画でお見せしました)
  25. 25. Unity エディタ上での実行の便利記事 http://bluebirdofoz.h atenablog.com/entry /2019/11/08/123324 MRTK v2を使って UnityEditor内でのシ ミュレーション機能を操 作する
  26. 26. HoloLens 2 開発 公式チュートリアル (全 7 章) http://aka.ms/HL2Tutorial
  27. 27. http://aka.ms/HL2Tutorial 【HoloLens 2 開発環境 確認】 • 各種開発環境の確認 • (MRTK 公式サイトでは Unity 2018.4.x で したが、こちらのチュートリアルでは 2019.2.x が推奨されています。) • (また、MRTK のバージョンは v2.2 が使用 されています) HoloLens 2 開発 公式チュートリアル (全 7 章)
  28. 28. http://aka.ms/HL2Tutorial 【HoloLens 2 ハローワールド】 • HoloLens 2 開発用の Unity の 設定 • MRTK インポート& Unity 設定 • HoloLens 2 へのデプロイの仕方 HoloLens 2 開発 公式チュートリアル (全 7 章)
  29. 29. http://aka.ms/HL2Tutorial 【MRTK を使用した UI 作成】 • MRTK プロファイルを編集する • (MRTK プロファイルを編集するためには、まず 複製をして編集する必要がある、など) • ハンドトラッキング付ける • インタラクティブなボタン付ける HoloLens 2 開発 公式チュートリアル (全 7 章)
  30. 30. http://aka.ms/HL2Tutorial 【オブジェクトをユーザの手 (など) に 追従させる】 • MRTK の Solver の紹介 • Solver を使ってユーザにボタンコレ クションを追従させる HoloLens 2 開発 公式チュートリアル (全 7 章)
  31. 31. HoloLens 2 開発 公式チュートリアル (全 7 章) http://aka.ms/HL2Tutorial 【3D オブジェクトと UX 】 • バウンディングボックス (境界ボッ クス) の実装 • 任意のオブジェクトを、移動や回 転、拡大縮小できるようにする • 近距離操作、遠距離操作
  32. 32. http://aka.ms/HL2Tutorial 【高度な入力オプション】 • 音声コマンドでイベントをトリガー • (「Play Music」というキーワードで ~~.mp3 を再生) • アイトラッキングでオブジェクトを選 択する HoloLens 2 開発 公式チュートリアル (全 7 章)
  33. 33. http://aka.ms/HL2Tutorial 【これまでのおさらい (アプリ作成)】 HoloLens 2 開発 公式チュートリアル (全 7 章)
  34. 34. http://aka.ms/HL2Tutorial HoloLens 2 開発 公式チュートリアル (全 7 章)
  35. 35. HoloLens 2 公式チュートリアルはこちら!
  36. 36. HoloLens 2 公式チュートリアルはこちら!
  37. 37. 英語原文版の HoloLens 2 公式チュートリアルはこちら!
  38. 38. 1. (一応)HoloLens とは? 2. HoloLens 2 アプリ開発環境 1. MRTK とは? 3. 公式チュートリアル紹介 1. どんなものができるの? 2. 何が学べるの? 3. 実機が無くても進められるの?(できます) 4. 製品フィードバックが欲しい 話すこと
  39. 39. 私の職業は、マイクロソフトの 「Developer Advocate」といって、 開発者コミュニティが活発に 活動できるお手伝いをする職業です。 (DevRel 職の中のひとつです) そのお仕事のなかのひとつに 製品チーム と 皆様コミュニティの 橋渡し役になることが挙げられます。
  40. 40. 製品チームは皆様のフィードバックが欲しい めっちゃ頑張ってあの機能作ったけど もしかしてあんまり使われてない? なんで? 知られてないだけ? 僕らが作ってる製品、 皆どう思ってるかな? 日本の人たちが どう思ってるのか 知りたいなあ うわーこれ絶対 バグだよな~ ここもうちょっと こうだと使いやすい んだけどなあ お客さんからこういう要望来た けど、これは Microsoft 側が 対応してくれないと厳しいわ 製品チーム ユーザ
  41. 41. 製品チームは皆様のフィードバックが欲しい めっちゃ頑張ってあの機能作ったけど もしかしてあんまり使われてない? なんで? 知られてないだけ? 僕らが作ってる製品、 皆どう思ってるかな? 日本の人たちが どう思ってるのか 知りたいなあ うわーこれ絶対 バグだよな~ ここもうちょっと こうだと使いやすい んだけどなあ お客さんからこういう要望来た けど、これは Microsoft 側が 対応してくれないと厳しいわ 伝えたい!!! お互いのために 橋渡しをしたい! 製品チーム ユーザ
  42. 42. MRTK チームの UI/UX デザイナー ユンさんから Mixed Reality チームは、いつも、 皆さまのフィードバックをお待ちしています! HoloLens shell (OS), MRTK, 公式ドキュメント, サンプルアプリ, チュートリアルについてなど、 お気軽にご意見ご感想をお教えください。 フィードバックをお伝え頂く方法として、 Twitter, HoloDeveloper Slack, GitHub Issue/PR, Facebook の MR User グループ もしくは ちょまどさん に言って頂ければ 彼女が僕らに伝えてくれます
  43. 43. 製品フィードバック方法(リクエストやバグ報告) GitHub 上でオープンソースで 開発されている製品 (例:MRTK, Azure Functions, VSCode, .NET Core, Xamarin etc): • issue を立てる • PullRequest 送る 私に言う Twitter (@chomado) でも Facebook でもいいし、 長くなるならmadoka.madoka@microsoft.com にメールしてください ☺ こっちの方が 間違いなく速い お聞きしたフィードバッ クは、 製品チームに直接お伝え するか、 バグ報告やリクエストの 場合は 社内ツールに入力し、 そのシステム経由で製品 チームに伝えられます
  44. 44. フィードバック報告の社内ツール
  45. 45. 頂いたフィードバックは本社の Azure DevOps で管理される
  46. 46. 1. (一応)HoloLens とは? 2. HoloLens 2 アプリ開発環境 1. MRTK とは? 3. 公式チュートリアル紹介 1. どんなものができるの? 2. 何が学べるの? 3. 実機が無くても進められるの?(できます) 4. 製品フィードバックが欲しい 今日話したこと
  47. 47. • HoloLens 2 公式チュートリアル (全 7 章) • https://docs.microsoft.com/ja-jp/windows/mixed-reality/mrlearning-base-ch1 • MRTK GitHub レポジトリ • https://github.com/microsoft/MixedRealityToolkit-Unity • MRTK 公式ドキュメント • https://microsoft.github.io/MixedRealityToolkit-Unity/ • 日本語版 (ホロラボ社のリポジトリ): https://hololabinc.github.io/MixedRealityToolkit-Unity/Documentation.ja/GettingStartedWithTheMRTK.html • MRTK の有用なビルディングブロック (Yoon さん著) • https://medium.com/@dongyoonpark/mixed-reality-toolkit-mrtk-の有用なビルディングブロック • MRTK v2を使ってUnityEditor内でのシミュレーション機能を操作する (モンさん著) • http://bluebirdofoz.hatenablog.com/entry/2019/11/08/123324 リファレンス
  48. 48. Twitter : @chomado ありがとうございました!

×