macOS Catalina 10.15 Beta をインストールして Xcode / SwiftUI の Canvas Preview を試す

はじめに

Xcode 11 をインストールして SwiftUI を試した。
SwiftUI のチュートリアルはここにある。

https://developer.apple.com/tutorials/swiftui/creating-and-combining-views

これをみると、コーディングした結果が、リアルタイムでプレビュー確認できる大変便利な形になっているが、実際は私の環境(macOS 10.14.6 Mojave)ではこのプレビューがなかった。


f:id:daisuke-t-jp:20190925072555p:plain:w500

チュートリアルをよくみると、上のようにプレビューを動作させるためには macOS 10.15 Catalina が必要と書かれていた。

ということで、本日時点(2019/9/25)では正式な macOS 10.15 はまだリリースはされていないので、 Beta バージョンをインストールし、SwiftUI のプレビューできるかを試してみる。

ただし、正式な macOS 10.15 がリリースされるのは、近い将来(おそらく 2019/10ごろ)だろうから、Beta に抵抗がある場合、少し待って正式版を使うと良い。

macOS Catalina 10.15 Beta をインストール

https://developer.apple.com/download/

このページに行き


f:id:daisuke-t-jp:20190925071551p:plain:w500

Install Profile ボタンをクリックする。


f:id:daisuke-t-jp:20190925071727p:plain:w500

dmg ファイルがダウンロードされるので、クリックして実行(マウント)する。 dmg 内に pkg があるので、クリックして実行する。


f:id:daisuke-t-jp:20190925071920p:plain:w500

ソフトウェア・アップデートから Catalina Beta をインストールできるようになっているので、インストールする。


f:id:daisuke-t-jp:20190925072218p:plain:w500

インストールが実行される。


f:id:daisuke-t-jp:20190925082708p:plain:w500

macOS 10.15 Catalina が起動される。


f:id:daisuke-t-jp:20190925082816p:plain:w500 f:id:daisuke-t-jp:20190925082803p:plain:w500

Xcode の追加コンポーネントのインストールを要求されるので、インストールする。終わったら Xcode を起動する。


f:id:daisuke-t-jp:20190925085106p:plain:w500

エディタの右上のオプションをクリックする。


f:id:daisuke-t-jp:20190925085145p:plain:w500

オプションのメニューの Canvas を選択すると、プレビューが起動する。


f:id:daisuke-t-jp:20190925090848g:plain:w500

こういった感じでコード変更がライブプレビューされるので、目的は達成できた。