RealityKit 2の詳細

RealityKit 2の詳細

RealityKit 2を使えば、魅力的なAR体験の作成がこれまで以上に簡単になります。RealityKitフレームワークの最新の強化点を探り、水中サンプルプロジェクトを通じて詳細を確認しましょう。機能が強化されたエンティティコンポーネントシステム、効率化したアニメーションパイプライン、フェイスメッシュとオーディオを強化したプラグアンドプレイのキャラクターコントローラーを紹介します。

リソース
関連ビデオ

WWDC23
- Reality Composer ProコンテンツのXcodeでの使用
WWDC22
- 自分の世界を拡張現実に
WWDC21
- ARKit 5の詳細
- RealityKit 2を使用した高度なレンダリング
WWDC20
- RealityKitの新機能
WWDC19
- RealityKitとReality Composerの紹介
ダウンロード

♪♪ こんにちはアマンダです同僚のオリビエも後ほど参加しますこのセッションでは 2021年にRealityKitに追加する機能について説明します RealityKitはリアルなレンダリングに焦点を当てた 2019年に導入されたフレームワークです AR Appが簡単に作成できます ARKitでデバイスのセンサーデータを読取り RealityKitを使用すると３Ｄコンテンツを現実世界に配置しできるだけリアルな表現で表示することができます RealityKitによる体験からいくつか例を次に示します現実世界でScavengar ハントに出かけたり友達とバーチャルにボーリング対戦したり博物館の彫刻やなったりカラフルな虫を探すこともできます過去２年の間にRealityKitで作成された― すばらしいAppを見を見てきましたこのフレームワークをさらに改善するためのフィードバックもいただきました
そのフィードバックに耳を傾け RealityKit 2として多数の新機能を導入し没入感の高いAR Appやゲームを提供できるようになりました
このセッションではそれらをいくつか見ていきます最も要望の高かった機能にはカスタムシェーダーやマテリアルカスタムシステムに新しいキャラクターコントローラーがありますシュノーケルを付けて飛び込みましょう私は中東育ちですがスキューバダイビングを学びましたこんなにかわいいヘルメットは被れませんでしたが色とりどりの魚の群れを見るのが大好きでしたこれを再現したいと思ったのです水中の気分をリビングに持ち込むわけですこのセッションで紹介する一連の機能を使用してこのデモを作成しました週の後半の２回目の RealityKitセッションでも紹介します深霧効果と水のコースティクスを作成するポストプロセッシングやカスタムジオメトリモディファイアで海藻を波の中で踊らせるることなどが可能です RealityKit 2では多くをカスタマイズできるようになりましたこのサンプルコードは開発者サイトからお試しいただけます
今日取り上げる主なトピックは５点です ECSとは何かを確認しカスタムシステム機能で Appでの魚の群れをどのように実装したかをご紹介しますアニメーションだけでなくマテリアルでできることの進化や新しいキャラクターコントローラーでダイバーのシームレスなリビングのARメッシュとのインタラクションやランタイムでリソースを生成する方法について説明します
それではECSから始めましょう ECSはエンティティコンポーネントシステムの略でデータと動作を構造化する方法ですゲームやシミュレーションで広く使われていますオブジェクト指向プログラミングではアイテムをカプセル化されたバンドルとしてその機能とステートをアイテムに関連付けることが通常です ECSには３つのプロングスがありますエンティティとコンポーネントそれにシステム機能がシステムに組込まれステートはコンポーネントにエンティティはコンポーネントのグループの識別子となります今年はRealityKit 2を使用してより純粋なECS実装に移行しています新しいカスタムシステムを使用してシステムレイヤでより多くの機能を維持するようにガイドします
エンティティとは何を意味するのでしょうか？エンティティはシーン内の１つのものを表しますこれがシーンの海の生物を表すエンティティですエンティティは子エンティティを持つことができ操作するグラフ構造を提供しますたとえばトランスフォームコンポーネントは親エンティティのトランスフォームを利用して自身の位置を追加しますエンティティ自体は画面上に何もレンダリングしませんモデルコンポーネントを指定するかモデルエンティティを作成することで自動的に処理されます
属性とプロパティおよび動作を追加するにはエンティティにコンポーネントを追加しますではコンポーネントについてお話しします
コンポーネントはフレーム間のステートを保持しエンティティのシステムへの参加をマーキングするためのものですただしここでそのステートを処理するためのロジックを含める必要はありませんロジックと動作はカスタムシステムに組み込まれます
作成するエンティティにすでに存在するコンポーネントがいくつかあります非表示の組み込みコンポーネントであるトランスフォームや同期コンポーネントです３つのエンティティすべてにありますメッシュやマテリアルなどを含むエンティティを画面に表示するためのモデルコンポーネントなど多くの場合に追加したいものがあります実行時にエンティティにコンポーネントを追加したりエンティティからコンポーネントを削除することも動作を動的に変更したい場合に行うことができます
最初の魚をまずフロックシステムで藻を食べるのが好きな魚と設定２番目の魚は最初の魚と群がりますがエサはプランクトンを好みます３番目はプランクトン二匹目の餌になります背後に気をつけなくちゃ Appの中に空腹の生き物がいるので藻食いなのかプランクトン食いなのかコンポーネントで空腹を判断しますフレームごとにEatingシステムの更新関数を呼び出しすべてのシーン内のエンティティがいずれかのコンポーネントを持ちエサのエンティティがあるためエサの下に空腹の魚を導きますどのエンティティが空腹であるかを Eatingシステム把握するために最適な方法とは何でしょうか？どれがエサでどれがそのどちらでもないのかエンティティグラフをトラバースしてコンポーネントを確認しないで済ませたいです代わりにエンティティクエリを実行します RealityKitに管理を任せますフロックシステムではフロックコンポーネントを持つ全エンティティを検索 Eatingシステムは両方のタイプの空腹エンティティに加えエサのエンティティが必要ですシステムがエンティティクエリを使用するときの処理を詳しく見てみましょうシステムには全フレームで呼ばれる更新関数がありますキイロハギのフロックシステムを見てみましょうこのフレームで一時停止して内容を確認しますフロックシステムの更新関数ではフロックとモーションのコンポーネントを両方もつシーン内すべてのエンティティをクエリします多くのものにモーションコンポーネントがありますが全てが必要ではなくここではフロックのものだけが必要ですクエリは群がっている魚を返すので群れの各魚に対するボイドシミュレーションを適用したカスタムゲーム物理演算を動作させます各々の魚のモーションコンポーネントにフレーム間のステートを状態を維持し群れるためのフォースを追加しますこれは一定の距離を保つことと鼻先を同じ方向に向けさせるための処理です
モーションシステムが実行されているとき同じフレーム内でフロックシステムが実行された後すべてのフォースをまとめて魚の加速度や速力に位置などを決定します他のどのシステムが追加したかは関係ありません他にもEatingシステムやモーションコンポーネントで動作する魚にとっての恐怖システムにより魚をさまざまな方向に動かしますコードを見てみましょう
これがフロックシステムの概要ですこれはRealityKit.System プロトコルに準拠するクラスです Appの起動時にカスタムシステムを登録すると Appのシーンごとにこのタイプの１つをインスタンス化するようにエンジンに指示します initは必須でdeinitを指定することもできます依存関係も指定できますこのシステムは常にモーションシステムの前に実行する必要があるため列挙値value.beforeをここでは使用します更新関数ではモーションコンポーネントに格納されているステートを変更しモーションシステムは提供するステートに基づいて処理されるのでフロックがモーションの前に実行されていることをちょうど生産者と消費者のような関係で設定しておく必要があります .afterオプションを使用することもできます依存関係を指定しない場合はシステムの更新関数は登録した順序で実行されます
EntityQueryは両方のコンポーネントを内包するすべてのエンティティが必要であることを意味しますシミュレーション中は変更されないため staticなletとなりますマルチプレイヤーAR体験では codableに準拠するコンポーネントがネットワーク経由で自動的に同期されますただしシステム内のデータはネットワークを介しては自動的には同期されませんデータは一般的にコンポーネントに保存される必要があります次にフロックシステムの更新関数について詳しく見ていきましょうフレームのdeltaTimeとシーン自体への参照を含む SceneUpdateContextが必要ですまずシーンでエンティティクエリを実行フロックコンポーネントを持つエンティティに対し反復処理できるクエリ結果が返されます
それぞれのモーションコンポーネントを取得しこれに変更を加えますなぜフロックコンポーネント自体を取得しないのでしょうか？データが関連付けられていないからですそこでタグのように使用することでフロックのメンバーを示します次に標準のボイドシミュレーションを実行しモーションコンポーネントのフォースに変更を加えフロックのガイドとします最後に各々の魚を設定した方向に動かすため― またコンポーネントがSwiftの値型である構造体のためモーションコンポーネントを元のエンティティに格納する必要がありますシステムへのカスタム更新機能の実装は不要ですシーンイベントのハンドラを登録するなどinitのみを提供するシステムを作成することも有用ですこれまでエンティティやコンポーネントにカスタムシステム間の関係について見てきました少しズームアウトしてざっくりした部分として RealityKit 2で導入したアーキテクチャの変更を見ます以前はフレームごとに呼ばれるクロージャで SceneEvents.updateイベントをサブスクライブしていましたこの種のハンドラはゲームマネジャーのようなクラスに登録されていましたそうしたクロージャの代わりに更新ロジックを使用できるようになりそれぞれ分離され別々のシステム更新関数で正式に処理されるようになりました
ゲームマネジャーの役割が減りますイベント更新のための登録を行ったりゲーム内の全ての事柄に対する更新の順番を管理したりする代わりにゲームマネジャーはクエリに含める必要があるエンティティをシステムに示すべくコンポーネントをエンティティに追加するだけで済むようになりました
以前はプロトコルへの準拠をエンティティのサブクラスに特定のコンポーネントを持つことの表現として宣言していましたですがエンティティのサブクラス化は不要になりましたあまり有用でなくなったからです
単にオブジェクト識別子である可能性があり属性はコンポーネントとしてモデル化できますエンティティをサブクラス化しない場合はコンポーネントを永久に保持するようオブジェクトを紐付けないのでコンポーネントを自由に追加および削除できます RealityKit 2を使用するとカスタムコンポーネントがカスタムシステムがあるのではるかに便利になりますどちらの方法でも実行は可能ですそれがゲーム開発の醍醐味ですまさに自由自在水中デモでは両方利用しました
新しいタイプのコンポーネントは Transientコンポーネントですタコを見たことがない場合に限り魚がタコを恐れるものとします新しい魚のエンティティを複製するときその魚のタコに対する恐怖を継承させたくない場合 Fearコンポーネントを Transientコンポーネントに紐付けられますそうすれば新しいエンティティには適用されません
Transientコンポーネントは他のコンポーネント同様コード化可に準拠している場合はネットワーク同期に含まれます
もう1つの追加項目が Cancellableの拡張ですエンティティのイベントへの登録解除を手動で管理する必要がなくなりました storeWhileEntityActiveを使用すると自動的に実行します
ここでは魚のエンティティの衝突イベントを処理します魚よりもサブスクリプションが続く必要はないため storeWhileEntityActiveを使用しますゲームを構築するときは再コンパイルせずにその場で微調整したい必要な設定がたくさんあると思いますここではSwiftUIで設定ビューを作成しそのバッキングモデルをさまざまなカスタムシステムに CustomComponentsでラップして渡します
設定インスタンスを @StateObjectとして作成しそれをARViewContainerと SwiftUIビューの両方に environmentObject として渡します
設定オブジェクトを CustomComponentで SettingsComponent としてラップします次に、魚エンティティを作成するときに SettingsComponentを指定しますこれで設定に必要なカスタムシステムの “最高速度”の値を適用し魚の速力を制限しますそれではここで同僚の― オリヴィエからマテリアルについて説明してもらいます
ありがとうアマンダ今年はマテリアルの新しいAPIを追加しましたベースカラーや粗さメタリックなどのプロパティのある SimpleMaterial またUnlitMaterialという色のみでライトなしのものがあります仮想オブジェクトを非表示にするマスクとして使用できるOcclusionMaterials そして昨年ビデオをカラーとして使用できる UnlitMaterialsである VideoMaterialsも導入しましたそして今年は透明度もサポートしますビデオファイルに透明度が含まれている場合はオブジェクトのレンダリングに使用されます今年はマテリアルをより高度に制御できる新しいAPIを追加しました PhysicallyBasedMaterialは USDマテリアルのスキーマと似ています SimpleMaterialのスーパーセットであり他のレンダラーで使用可能なPBRプロパティのほとんどを備えていますこれはUSDからロードされたエンティティにあるマテリアルですたとえばカクレクマノミの USDを読み込んでからマテリアルのプロパティを変更し金色や紫に変更できます
マテリアルのプロパティでたとえばメッシュの一部ではない詳細をノーマルマップを変更することで追加することも可能ですモデルの透明度を定義するテクスチャを割り当てることもできますデフォルトで透明度はアルファブレンディングを使いますがただし opacityThresholdの設定によりすべてのフラグメントはしきい値を下回ると破棄されます
モデルで影を定義してアンビエントオクルージョンのテクスチャを設定できますより高度なプロパティの例は追加のレイヤーによりマテリアル反射塗料をシミュレートするクリアコートです。 PhysicalBasedMaterial タイプで利用できる他のプロパティも多数あります
カスタムマテリアルという新しいタイプも追加しました独自のMetalコードを使用して作成しますこれはタコのモデルの色遷移効果に使用したものですシェーダーとカスタムマテリアルについては２つ目のレンダリングのトークにて説明します
マテリアルに加えて RealityKitのアニメーションにより多くの制御を追加しました
アニメーションの既存APIをまず見ていきましょうこれはUSDからロードされたアニメーションの再生に関するものです USDからアニメーションをロードする場合はすぐ再生でき無限ループさせることもできますダイバーが何もしない時のアニメーションに必要なものですアニメーションを一時停止再開また停止することも可能
新しいアニメーションを再生するとき遷移時間を指定できます指定しない場合キャラクターはすぐに新しいアニメーションに切り替わります遷移時間を指定すると RealityKitは新旧アニメーションの間にそれらをブレンドしますこれはたとえばダイバーのウォークとアイドルのサイクルへの遷移に有効です足のアニメーションを改善することも可能
ブレンドレイヤーに新しいAPIを使用してアニメーションをよりリアルにします別々のブレンドレイヤー上でウォーキングとアイドルのアニメーションをそれぞれ再生します最上層でウォーキングアニメーションを再生したので現在表示されているアニメーションはこれだけですただしウォーキングアニメーションのブレンド係数を変更し下層のアイドルアニメーションを表示することもできますブレンドファクターが小さくなるにつれて歩幅も小さくなります
また再生速度を変更することもできますダイバーの歩行を速くしたり遅くしたりダイバーを半分の速度で歩かせたり
最後にキャラクターの地面に対する速度を各々の値に合わせて制御しますこのようにしてアニメーションをよりスムーズにし地面と比較して足の滑りを抑えます
アイドルサイクルやウォークサイクルなどこれまで複数のアニメーションクリップを使用してきましたこれらはアニメーションリソースとして RealityKitに保存されます USDファイルからロードするには複数の方法があります最初の方法はクリップごとに USDファイルを用意各USDをエンティティとしてロードしアニメーションをリソースとして取得しますその後リソースはスケルトンのジョイント名がアニメーションと一致していればどのエンティティでも再生できます
複数のアニメーションクリップをロードする別の方法は同じタイムラインで単一の USDにそれらを配置し AnimationViewを使用して複数のクリップにスライスすることです
これには各クリップ間のタイムコードが重要です
各ビューがアニメーションリソースに変換され前の方法とまったく同じ方法で使用されますそれではAppのタコのアニメーションを見てみましょうタコは隠れていますがプレイヤーが近づくと恐れて新しい隠れ場所に移動しますそれをアニメーション化する方法を見てみましょうタコのスケルタルアニメーションであるジャンプ― 泳ぎ着地などをロードするところから始めますこれらのアニメーションはダイバーと同じように USDから読み込まれますタコのトランスフォームをアニメートしてある場所から次の場所に― 移動させることも必要ですトランスフォームをアニメーション化するために新しいAPIで― FromToByAnimation タイプを作成します
このようにして位置をアニメーション化しますタコがどのように見えるか見てみましょう
さらに面白くするために回転させてみましょう
タコが動くと回転するようになりましたが横に泳いでいるのであまり現実的ではありませんアニメーションシーケンス作成することでこれを改善できますまずタコを新しい場所に向けて回転させます次にそれを新しい場所に変換しますそして最後にタコを回転させカメラに向かって戻らせますこれが完成形です
アニメーション用の新しい APIに加えてキャラクターの物理演算を管理する方法も追加されましたキャラクターコントローラーですこれによりシーン内のコライダーと物理的に相互作用するキャラクターを作成できますここではダイバーが床からソファにジャンプしてその上を歩いているのが見えますこれはダイバーに― キャラクターコントローラーを追加することで実現していますこれによりダイバーは LiDARセンサーにより生成された環境のメッシュと自動的に相互作用しますキャラクターコントローラーの作成は簡単ですキャラクターの形にマッチするカプセルを定義するだけでそれが可能になります作成時にカプセルの高さとその半径を指定しますコントローラーがエンティティに割り当てられた後フレームごとにmove(to:)関数を呼び出します障害物を通過することなくキャラクターを― 目的の場所に移動させます一方障害物を無視したい場合はテレポート関数を使用できますアマンダにマイクを戻します RealityKitのリリースに追加されたいくつかの― 楽しい機能について紹介してもらいましょうありがとうオリヴィエディスクからロードすることなくその場でリソースの作成に利用できる２つの新しい― APIについてご紹介したいと思います
SceneUnderstandingから人の顔のメッシュを取得する方法について次にオーディオを生成する方法について説明します手続き的に生成されたアートに無限の― 可能性が広がりますまずフェイスメッシュデモAppにある紫とオレンジのタコの見た目にとても刺激を受けたので自分のの顔にフェイスメッシュ機能を使用して手描きしてみました SceneUnderstandingは顔を表すエンティティを提供しこれらのエンティティにはモデルコンポーネントがあり顔のエンティティメッシュ上のマテリアルのプロパティを換えることができることを意味しますライブドローイングによりその場でフェイスメッシュに― 適用するテクスチャを生成するのは楽しかったですコードを見てみましょう SceneUnderstanding Componentに SceneUnderstaningSystem により設定される entityTypeという列挙型があり２つの値のいずれかを受けます faceは現実世界の人の顔の表現 meshChunkは再構築されたワールドメッシュの別の部分を意味しますタイプが不明の場合 nilのときもあります EntityQueryを再度見ます SceneUnderstanding Componentを持つ― エンティティをクエリして顔を見つけるための― entityTypeをチェックします次にそれらのエンティティから ModelComponentを取得しお好きな操作を実行できますフェイスペインティングのサンプルでは PencilKitを使用してキャンバスに描画できるようにしてあり CGImageからリソースを作成してfaceEntityにラップしますこのフェイスペイントの外観を作成できるように PhysicalBasedMaterialを使用して可能な限りリアリスティックに見えるよう処理するためにプロパティを設定しますキラキラペイント効果を作成するために物理ベースのレンダラにそれを伝えるノーマルマップのテクスチャを使用しマテリアルの表面上で光をどのように反射させるかなども設定します次に鉛筆画したものをマテリアルに追加しエンティティに設定しますこれが新しく生成されたリソースを操作する方法の１つです現在生成できるもう１つのタイプのリソースは AudioBufferResourceです AVAudioBufferは好きなように操作できますマイク入力で録音し自身で手続き的に生成したり AVSpeechSynthesizerを使用することもできます次にAVAudioBufferで AudioBufferResourceを作成し Appでサウンドを再生します
AVSpeechSynthesizerに AVSpeechUtteranceを書き込むことによりテキストを音声に変換する方法はコールバックで AVAudioBufferを受けとりここでAudioBufferResourceを作成しそのinputModeを 3Dポジショナルオーディオの .spatialに設定して使用しますその他の使用可能なinputModeは nonSpatialとambientですそしてそのオーディオを再生するようエンティティに指示オーディオバッファを駆使して魚がブクブク言いながら話しているようにしたり他の方法で声が出ているようにしたり好きなように処理できます
これが今年のRealityKitの新機能の概要ですシーンの外観と動作をより細かく制御できるようにすることに重点を置いて改善しました ECSを修正してカスタムシステムを提供 Appの動作をより柔軟に構成できるようにしましたマテリアルとアニメーション APIにも多くの機能を追加しましたエンティティが現実の環境と相互作用するためにキャラクターコントローラーが導入されました最後にリソースをその場で生成する方法も紹介しましたしかしRealityKit 2の新機能はこのリストに収まるものではありません今週後半の２回目の RealityKitセッションでは新しいレンダリング機能について詳しく解説し水中デモで使われているものについてご確認いただけますジオメトリモディファイアを使用して海藻をアニメートしますタコをサーフェスシェーダーを使用して遷移させカラフルに動作させますブルーデプスフォグエフェクトと水のコースティクスはポストプロセッシングにより作成しますまたリソース生成をテーマに動的メッシュの使用方法についても確認できます復習をご希望の場合は 2019年の“RealityKitで Appを構築する”をどうぞご清聴ありがとうございましたこれらのAPIを使用して創造性を駆使してください [アップビートな音楽]

class FlockingSystem: RealityKit.System {

    required init(scene: RealityKit.Scene) { }
    
    static var dependencies: [SystemDependency] { [.before(MotionSystem.self)] }

    private static let query = EntityQuery(where: .has(FlockingComponent.self)
                                                && .has(MotionComponent.self)
                                                && .has(SettingsComponent.self))

8:34 - FlockingSystem.update

func update(context: SceneUpdateContext) {

        context.scene.performQuery(Self.query).forEach { entity in

            guard var motion: MotionComponent = entity.components[MotionComponent.self]
                else { continue }

            // ... Using a Boids simulation, add forces to the MotionComponent
            motion.forces.append(/* separation, cohesion, alignment forces */)

            entity.components[MotionComponent.self] = motion
        }
    }

11:58 - Store Subscription While Entity Active

arView.scene.subscribe(to: CollisionEvents.Began.self, on: fish) { [weak self] event in
    // ... handle collisions with this particular fish
}.storeWhileEntityActive(fish)

12:36 - SwiftUI + RealityKit Settings Instance

class Settings: ObservableObject {
    @Published var separationWeight: Float = 1.6
    // ...
}

struct ContentView : View {
    @StateObject var settings = Settings()
    var body: some View { 
        ZStack {
            ARViewContainer(settings: settings) 
            MovementSettingsView()
              .environmentObject(settings)
        }
    }
} 





struct SettingsComponent: RealityKit.Component {
    var settings: Settings
}

class UnderwaterView: ARView {
    let settings: Settings
    private func addEntity(_ entity: Entity) {
        entity.components[SettingsComponent.self] = 
          SettingsComponent(settings: self.settings)
    }
}

21:26 - FaceMesh

static let sceneUnderstandingQuery = 
    EntityQuery(where: .has(SceneUnderstandingComponent.self) && .has(ModelComponent.self))

func findFaceEntity(scene: RealityKit.Scene) -> HasModel? {
    let faceEntity = scene.performQuery(sceneUnderstandingQuery).first {
        $0.components[SceneUnderstandingComponent.self]?.entityType == .face
    }
    return faceEntity as? HasModel
}

22:03 - FaceMesh - Painting material

func updateFaceEntityTextureUsing(cgImage: CGImage) {
  guard let faceEntity = self.faceEntity else { return }
  guard let faceTexture =
  try? TextureResource.generate(from: cgImage,
                                options: .init(semantic: .color))
  else { return }

  var faceMaterial = PhysicallyBasedMaterial()        
  faceMaterial.roughness = 0.1
  faceMaterial.metallic = 1.0
  faceMaterial.blending = .transparent(opacity: .init(scale: 1.0))

  let sparklyNormalMap = try! TextureResource.load(named: "sparkly")
  faceMaterial.normal.texture = PhysicallyBasedMaterial.Texture.init(sparklyNormalMap)

  faceMaterial.baseColor.texture = PhysicallyBasedMaterial.Texture.init(faceTexture)

  faceEntity.model!.materials = [faceMaterial]
}

23:09 - AudioBufferResource

let synthesizer = AVSpeechSynthesizer()

func speakText(_ text: String, forEntity entity: Entity) {

    let utterance = AVSpeechUtterance(string: text)
    utterance.voice = AVSpeechSynthesisVoice(language: "en-IE")

    synthesizer.write(utterance) { audioBuffer in

        guard
            let audioResource = try? AudioBufferResource(buffer: audioBuffer,
                                                         inputMode: .spatial,
                                                         shouldLoop: true)
        else { return }

        entity.playAudio(audioResource)
    }
}

特定のトピックをお探しの場合は、上にトピックを入力すると、関連するトピックにすばやく移動できます。

クエリの送信中にエラーが発生しました。インターネット接続を確認して、もう一度お試しください。

リソース

関連ビデオ

WWDC23

WWDC22

WWDC21

WWDC20

WWDC19