デバイスにまだ入っていなければ、無料の Swift Playgrounds アプリをダウンロードします。

Swift Playgrounds を開くと、新しい Playground ページに直行します。 以前にアプリを開いたことがある場合、以前のプレイグラウンド ファイルがここに表示されます。 そうでない場合は、画面はほとんど空っぽになります。 いずれにせよ、画面下には「その他の遊び場」というタイトルのパネルがあります。 このパネルの右端にある青い「See all」ボタンをタップすると、パネルが展開され、Appleが提供するSwiftのチュートリアルが表示されます。 Starting Points の行までスクロールダウンして、その青い ‘See all’ ボタンをタップしてください。

これで、Apple が提供するすべてのサンプルプロジェクトを見ることができます。

このチュートリアルの開始点として機能する選択肢が 2 つあります。 ブランクは、iPad 上の Swift Playgrounds で開くことができますが、Mac 上の Xcode では開くことができない、新しい .playgroundbook ファイルを作成します。 iPad を単独で使用することに問題がない場合、これはおそらくあなたのための形式です。 Xcodeに移行することを想定しているのであれば、Xcode PlaygroundというStarting Pointの出番となります。 これは Xcode が使用するのと同じ .playground ファイル タイプを使用し、両方のデバイスで同じファイルを編集できます。

Swift Playgrounds はデフォルトでドキュメントを iCloud に保存するようなので、毎回メールや AirDrop で自分に送信しなくても、どちらのデバイスからでも同じファイルにアクセスできるのはわかりやすいでしょう。 アプリの新しい Playground ページには、左上に青い場所ボタンがあり、ファイル アプリを使って参照することができ、Dropbox、Google Drive、Microsoft OneDrive などの他のクラウド プロバイダーにもアクセスできます。

繰り返しますが、iPad 上の安全なサンドボックスで SwiftUI を学ぶだけなら、これはそれほど重要ではないでしょう。 これを行うには、単に SwiftUI をインポートし、View プロトコルに準拠した構造体を作成し、’some View’ を返す必要な body 変数を作成します。 Playgroundsにはいくつかのコード補完機能があり、よくある間違いの自動修正でSwiftUIを修正するのを助けてくれます。 しかし、Xcode の SwiftUI の本当の力は、作成しているもののライブプレビューを見る能力です。

PlaygroundSupportをインポートすると、iPad のコーディング環境の設定ができる PlaygroundPage にアクセスできます。 Playground ページは常に 1 つだけアクティブなので、この静的インスタンスには PlaygroundPage.current を通してアクセスできます。 これにより、iPad 上で継続的に実行されるライブ ビューを、上で作成した ContentView に設定することができます。

これで、[Run my code] ボタンを押すと、アプリが分割ビューになることが確認できるはずです。 左側は SwiftUI のコードで、右側は中央に太字で ‘SwiftUI on iPad’ と表示されたライブビューです。

最初に、基本的に SwiftUI 構造体にローカルにデータを保存し、値が変更されるたびに View を再描画する State 変数を使用する必要があるでしょう。

これらを ContentView 構造体の括弧の中、body プロパティの宣言の前に追加します。 これは、すべてのコントロールの状態を保存するために必要なすべてです。