Azure × MR開発準備（HoloLens2、MRTKv2.3.0、Unity2018.4.2f1）

こちらは[Kumamoto HoloLens ミートアップ vol.5](https://hololens.connpass.com/event/167587/)のAzure × HoloLens2の開発準備を整える記事になります。当日、開発を楽しむために、下記の事前準備を行ってください。実機なしでもできます。

# 開発環境
・Windows 10 
・Visual Studio 2019 Community
・Windows 10 SDK (10.0.18362.0)
・Unity Hub
・Unity 2018.4.2f1
・Azure アカウント

# 準備
[Visual Studio 2019 ダウンロード](https://visualstudio.microsoft.com/ja/downloads/)からCommunityをインストールしてください。

[Windows 10 SDK](https://developer.microsoft.com/ja-jp/windows/downloads/windows-10-sdk/)からWindows 10 SDK (10.0.18362.0)をインストールしてください。

[Microsoft Mixed Reality Toolkit v2.3.0](https://github.com/microsoft/MixedRealityToolkit-Unity/releases)からunitypackageをダウンロードしてください。
・Microsoft.MixedReality.Toolkit.Unity.Examples.2.3.0.unitypackage
・Microsoft.MixedReality.Toolkit.Unity.Extensions.2.3.0.unitypackage
・Microsoft.MixedReality.Toolkit.Unity.Foundation.2.3.0.unitypackage
・Microsoft.MixedReality.Toolkit.Unity.Tools.2.3.0.unitypackage

[Unity をダウンロード](https://unity3d.com/jp/get-unity/download)からUnity Hubをインストールしてください。

[Unity ダウンロード アーカイブ](https://unity3d.com/jp/get-unity/download/archive)からUnity 2018.4.2 をUnity Hubからインストールしてください。

[Azure の無料アカウントを今すぐ作成しましょう](https://azure.microsoft.com/ja-jp/free/)からAzureアカウントを作成してください。[Azure Portal](http://portal.azure.com/)にサインインできる状態にしておくこと。

# 確認事項
Unity Hubを開いて、Unity 2018.4.2f1でプロジェクトを新規作成します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/63863/8e47828e-6d09-16d3-c5d3-b7e84aa612f9.png)

名前はMRTK230にしました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/63863/afcf02f5-31a8-e07a-05bb-1c34849c933f.png)

開いたらこんな感じです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/63863/893ecc55-16bb-af02-045b-1982c9894670.png)

ダウンロードしたMRTKをインポートします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/63863/7c736d35-2f09-01ab-a102-79ab829b74e7.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/63863/1de2a61d-ff11-16b6-bc9e-ee27d43dbd08.png)


Importをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/63863/64eaeb5e-343a-99d9-8b09-71ce7f72914f.png)

同様に、Tools、Extensions、Examplesをインポートしてください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/63863/0f70d32d-bb96-5375-47cb-b6413c10d9ba.png)

MRTK Project Configuratorが表示されたらApplyをクリックしてください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/63863/a2890793-880e-ab8f-4948-bca142116805.png)

HandInteractionExamplesを開きます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/63863/533f86e4-9e46-bca1-cb04-3155102757e3.png)

TMP Importerが表示されたら、Import TMP Essentialsをクリック。インポート後に、Import TMP Examples & Extras もクリックしてください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/63863/adcdf250-496d-14bf-4bbf-27f7978eb1b7.png)

スタートボタンを押して、動作確認してください。q,w,e,a,s,dキーで移動、ShiftキーでHandの表示、Rayを物体に合わせてクリックでつかめます。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">Azure×MR開発準備中 <a href="https://twitter.com/hashtag/HoloLens2?src=hash&amp;ref_src=twsrc%5Etfw">#HoloLens2</a> <a href="https://twitter.com/hashtag/MRTK?src=hash&amp;ref_src=twsrc%5Etfw">#MRTK</a> <a href="https://t.co/KIsTL7z0eG">pic.twitter.com/KIsTL7z0eG</a></p>&mdash; 藤本賢志(ガチ本)@HoloLens2 Ready (@sotongshi) <a href="https://twitter.com/sotongshi/status/1230019680930127872?ref_src=twsrc%5Etfw">February 19, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

動作確認ができたら、BuildSettingsを開きます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/63863/ce7638ff-76a8-f6aa-a36c-05ed943ff816.png)

App Open Scenesをクリックし、HandInteractionExamplesシーンが選択されていることを確認、PlatformはUniversal Windows Platformを選択し、Switch Platformをクリックしてください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/63863/32e677bd-5079-cfc9-f915-7b841b066dc8.png)

Player Settingsを開き、Inspectorビューにある設定を確認します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/63863/4a3f513a-e924-cd83-9bde-29be8889c186.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/63863/ef6037b9-a98c-2d01-0ed9-21d5834d4fb5.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/63863/8ca591c5-2e44-3e22-0ae5-89265a7d21c7.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/63863/ca0cbd64-04d4-8e5e-5f77-b447cc9ae8c0.png)

BuildSettingsにもどり、Buildをクリックします。

Holo2フォルダを作成し、選択してください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/63863/0eb75898-a308-658b-ff69-f2beb47aa8de.png)

ビルドが完了したら、作成したHolo2フォルダの中のMRTK230.slnをVisual Studio 2019で開いてください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/63863/6810cb93-e95a-688d-ee45-aa52dac6a4df.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/63863/7f695cdb-e4e7-7719-38df-dcea9388519b.png)

Release、ARMに設定し、Ctrl＋Shift＋Bを押して、ビルドしてください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/63863/e7ad2215-3b95-552a-752e-c10e2900a6e8.png)

ビルドが完了したら、HoloLens2にデプロイする準備が完了です。

わからないことがあれば [@sotongshi](https://twitter.com/sotongshi) までDMください。
3/7の[Kumamoto HoloLens ミートアップ vol.5](https://hololens.connpass.com/event/167587/)はみんなで一日開発しましょう！