【visionPro】ベータ版のXcodeとVisionOS用のSDKが公開されたので、早速導入してみる。

# ついにSDKがきた！
visionPro向けのSDKがついに本日公開されました！製品がWWDCで発表されてからずっとワクワクしていたので、触るのがとても楽しみですね。

まだ情報が少ないvisionProなので、こうして導入準備をする記事も今後誰かの役に立つのではないかと思い、記事を書くことにしました。初めてvisionProの開発を検討される方などは、ぜひ参考にしてみてください。


# 手順
## 1. SDKとXcodeを導入
まずは以下からSDKとXcodeをダウンロードします。
私の場合はmacbookの容量が不足していたので、ストレージの容量見直しが必要になってしまいました。。結構な大容量になってしまいますので、心づもりだけしておくと良いです。

私の場合、ダウンロードまで4,50分程度かかってしまいました。

https://developer.apple.com/visionos/
![スクリーンショット 2023-06-22 11.00.50.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/653721/e6f319a8-cd21-357e-6d48-cb15a78b2180.png)
https://developer.apple.com/download/all/?q=xcode%2015
![スクリーンショット 2023-06-22 11.07.01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/653721/439f7e8e-e324-6a3c-6e8e-92c5cd143d75.png)

※ちなみにストレージの容量管理がしやすくなる[DaisyDisk](https://daisydiskapp.com/)というアプリがとってもおすすめです！

## 2. Xcode-betaを起動
インストールしたXcodeを起動します。その後Create New Projectを選択します。
![スクリーンショット 2023-06-22 11.29.07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/653721/483e1b24-b866-71c0-2c7d-93975c27990f.png)
visionOSタブを選択し、AppでNextへ。
![スクリーンショット 2023-06-22 11.58.47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/653721/64eeb249-16e1-3d82-c8d6-a19974069ae0.png)
この時点InitialScreenやImmersiveSpaceの設定を選べるみたいですね。
![スクリーンショット 2023-06-22 12.00.01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/653721/8593e77d-2c5d-8605-b693-d1ee3eea248c.png)


## 3. InitialScreenの設定
![スクリーンショット 2023-06-22 12.01.12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/653721/95ccca3b-7c30-1af5-4261-aa38206a5906.png)
InitialScreenはWindowかVolumeかを選べます。
簡単に説明すると、WindowはPCモニター、Volumesは3Dモデルのオブジェクトのような概念です。
今回はデフォルトのままWindowｗを選択します。

##### Windowはこれ
![スクリーンショット 2023-06-22 12.07.53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/653721/60ba30a8-77c6-7dcd-5a42-f4570cf70aa4.png)
![スクリーンショット 2023-06-22 12.04.52.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/653721/3f454f98-df2f-5b1a-34a4-3060f7b44e0d.png)
##### Volumesはこれ
![スクリーンショット 2023-06-22 12.08.07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/653721/c06479b6-ab69-b887-e11a-2854774a4a6b.png)
![スクリーンショット 2023-06-22 12.07.08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/653721/cbcd4514-c793-b0f6-da53-1948dcab16e6.png)


## 4. ImmersiveSpaceの設定
![スクリーンショット 2023-06-22 12.09.48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/653721/e50382ee-dc5c-695c-1361-4cc77e49c1a5.png)
ImmersiveSpaceとは、空間に表示するViewのスタイルのことです。以下の画像を見てもらうとイメージが湧きやすいかなと思います。私は現時点では
・ Mixed,Progressive = AR
・ Full = VR
のようなざっくりとした認識ですが、今後開発を進める上で理解が深まるかなと思っています。
今回は一旦デフォルトのNoneを選択します。
![スクリーンショット 2023-06-22 12.11.52.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/653721/60c6bc20-6d3b-216d-abd2-6b525a29c01c.png)

## 5. プロジェクトを起動
ここまで進んだらNextを押下し、プロジェクトの作成が完了です。すでにこのようなワクワク画面が表示されています。SwiftUIでのUI構築なので、Previewを常に表示しておくことが可能です。![スクリーンショット 2023-06-22 12.17.31.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/653721/04c7c8f8-4d2f-2ab7-c533-55a97f348701.png)

このPreview画面、実際に動かすことができます。しかもかなり直感的に操作ができ、動作も思ったより軽いので、思ったようにサクサクいじることができそうです。

https://twitter.com/minnasinario/status/1671720345701847043


# 触れてみた感想
私が「visionProのアプリを開発したい！」と思ってから、まず悩んだのが「Xcodeで開発すべきか、Unityで開発すべきか」という点でした。

Unityであれば情報もたくさんネットにありますし、なによりマルチプラットフォームなのでMetaQuest等でも動くアプリを作ることができます。万が一AppleのvisionProが流行らなくて廃れてしまったとしても、Unityを勉強した時間が無駄にはならないと思ったのです。

しかし、今回Xcodeで実際にプロジェクトを動かしてみて、私はAppleのSDKで開発をしていく決心をしました。もちろんiOSアプリエンジニアとしての知見や経験を活かせるという理由は大きいですが、この開発の心地よさはやはりApple特有のものだと改めて感じたからです。
GithubCopilotがうまく連携できなかったりと不満ももちろんありますが、それを補い余るほどにこのワクワク感は大きいと感じています。かつて初めてアプリを開発した頃の気持ちを思い出した感じがします。

もしかしたら前言撤回するかもしれませんが、しばらくはXcodeを触ってみて、アプリを実際に動かしてみたいと思います。これからもその検証結果などをQiitaに投稿したいと思います。

# おまけ
Twitterもやってます。
https://twitter.com/minnasinario
開発したアプリの一覧はこちらから！
https://lit.link/taminaryousuke

一番バズったアプリは「ガチャメーカー」です！

https://apps.apple.com/jp/app/%E3%82%AC%E3%83%81%E3%83%A3%E3%83%A1%E3%83%BC%E3%82%AB%E3%83%BC-%E3%81%82%E3%81%AA%E3%81%9F%E3%81%A0%E3%81%91%E3%81%AE%E3%82%AA%E3%83%AA%E3%82%B8%E3%83%8A%E3%83%AB%E3%82%AC%E3%83%81%E3%83%A3%E3%82%92%E4%BD%9C%E3%82%8B%E3%82%A2%E3%83%97%E3%83%AA/id1617490189


### 参考URL
https://developer.apple.com/visionos/

https://developer.apple.com/download/all/?q=xcode%2015