InstaVR無料版でiPhoneにインストールする

先日InstaVRのハンズオンに参加した際に、実機での動作確認までできなかったので、家に帰ってから試してみた。

InstaVRを使ってコンテンツを作る方法についてはクラスメソッドさんのブログが分かりやすいです。
http://dev.classmethod.jp/instavr/instavr-first-impression/

## パッケージング

一通りコンテンツが出来たら、パッケージ作成のメニューからiOSを選択して、 `パッケージ作成 iOS` のボタンをクリックすると始まります。

<img width="1015" alt="スクリーンショット 2017-04-15 16.35.30.png" src="https://qiita-image-store.s3.amazonaws.com/0/36184/87fdfdfa-1dea-c038-49dc-1152e3240a01.png">

こんな感じで進捗が表示されます。10~20分ぐらいで出来上がりました（もっと早くしたい場合は有料版を使うと良いようです）
<img width="844" alt="スクリーンショット 2017-04-15 16.38.10.png" src="https://qiita-image-store.s3.amazonaws.com/0/36184/9bdc34d3-aed7-65c1-986d-2ceecf925132.png">

終わると、パッケージ作成のボタンが表示されます。

## iPhoneへインストール

パッケージを作るとダウンロードの画面に表示されます。
<img width="1112" alt="スクリーンショット 2017-04-15 16.42.31.png" src="https://qiita-image-store.s3.amazonaws.com/0/36184/14cbfa24-14ee-8933-dc0d-b563140f248b.png">

---

`ダウンロード` ボタンをクリックすると別の画面が開きますが、この画面をiPhoneなど実際にインストールしたい端末で開く必要があります。

<img width="544" alt="スクリーンショット 2017-04-15 16.44.13.png" src="https://qiita-image-store.s3.amazonaws.com/0/36184/c1016bd9-107a-d202-0eb0-d4274d949ff8.png">

---

iPhoneとかで開くとこんな感じでダウンロードできるパッケージが表示されます。
ダウンロードするにはパッケージをタップします（この例だとベトナムってなっているところ）。

<img width="375" alt="IMG_9572.png" src="https://qiita-image-store.s3.amazonaws.com/0/36184/c8d6aae2-fd7f-99b6-be2b-86a9e01daef8.png">

---

<img width="375" alt="IMG_9573.PNG" src="https://qiita-image-store.s3.amazonaws.com/0/36184/e8fd8846-2a93-c1bd-9956-92c03f12516a.png">

---

インストールするかのポップアップが表示されるので、 `インストール` をクリックします。
しばらくするとインストールが終わり、iPhoneのホーム画面にアイコンが表示されます。

<img width="375" alt="IMG_9574.PNG" src="https://qiita-image-store.s3.amazonaws.com/0/36184/e92772e9-0df5-7d9a-d55d-60b60264fced.png">

---

アイコンをタップすると、信頼されていないみたいなメッセージが表示される場合があります。（初めてなら必ず表示するはず）
<img width="375" alt="IMG_9575.PNG" src="https://qiita-image-store.s3.amazonaws.com/0/36184/00675a76-8e7d-1798-a7e7-84b7fbab09a5.png">

---

その場合は、 `設定` のアプリを起動して、　一般 ＞ プロファイルとデバイス管理 とメニューを開きます。
<img width="375" alt="IMG_9569.PNG" src="https://qiita-image-store.s3.amazonaws.com/0/36184/78839b37-3d15-e915-3345-a8aecb40afad.png">

---

`InstaVR Inc.` のプロファイルが有ります。

<img width="375" alt="IMG_9570.png" src="https://qiita-image-store.s3.amazonaws.com/0/36184/9fe2220c-9082-03b0-e727-a2b8fcc01da0.png">

---

プロファイルを開いて、 `"InstaVR Inc." を信頼` をタップします。

<img width="375" alt="IMG_9571.PNG" src="https://qiita-image-store.s3.amazonaws.com/0/36184/62d82564-0128-e9c9-7152-f6cf3cfb207c.png">

---

メッセージが表示されるので、 `信頼` をタップします。

<img width="375" alt="IMG_9576.PNG" src="https://qiita-image-store.s3.amazonaws.com/0/36184/b88b5351-9b95-0b99-a364-e1ed77bec175.png">

---

ホーム画面に戻り、先程のアプリのアイコンをタップすると、作成したVRコンテンツが使えるようになります！！！

![IMG_9578.PNG](https://qiita-image-store.s3.amazonaws.com/0/36184/fbc82736-7a1e-594c-723f-bdf412fd45e6.png)

凄い！！
無料でiPhone上で動くVRコンテンツが作れる。

---

無料版ではスプラッシュやVRコンテンツ中にInstaVRのロゴが表示されますが、簡単に試したいとかであれば、十分だと思います。

前に[Google CardBoardのUnity](http://qiita.com/sparkgene/items/86bb5a8d7fe284e3513d)を使ったものを試したことが有りますが、360°写真を持っていれば、ブラウザ上でサクサクと作れるInstaVRは手軽で良いですね。

---

追記）

パッケージングが終わると自分のアカウントのメアド宛に完了通知が届くようです。そのメールの本文にもインストールの方法が書いてありました。

<img width="483" alt="スクリーンショット 2017-04-16 9.52.04.png" src="https://qiita-image-store.s3.amazonaws.com/0/36184/567ee1fa-b6e5-f08c-e658-d96a2171f381.png">