Widgets code-along
2020年6月22日

一緒にウィジェットを構築しましょう。私たちがウィジェット作成の全過程をサポートしますので、スターターアプリケーションとcode alongをダウンロードしてください。ウィジェットとその構造の基本コンセプトを学び、自らのウィジェットの未来をリライトし、代替タイムラインへ移行する方法を学んでください。そして、アプリケーション内の様々な機能に焦点を当てる複数のウィジェットの作成方法を学びましょう。
パート 1:冒険の始まり
iPhone、iPad、MacのホームおよびToday画面へ、もっとも刺激的な冒険のアプリケーションを取り込みましょう。スタータープロジェクトとcode alongを手に入れるのです。ユーザーにアクセスしやすい場所で美しいビューと一目で分かる情報を提供できるよう、アプリケーションのウィジェットの作成について全過程を説明します。ウィジェットプロジェクトの作成方法を理解し、ウィジェットとその構造の基本的なコンセプトを学び、ウィジェットとそのプロバイダーを設定し、タイムラインのコンセプトを詳しく見ていきましょう。
これらを終えたら、Widgets Code-alongのパート2へと進みます。そこでは、タイムライン、システムインテリジェンス、コンフィギュレーションについて詳しく学びます。

Widget Code-Along 1-冒険の始まり
Watch nowパート 2:異なる時間軸
ウィジェットによって未来を書き換え、異なる時間軸へと進むのと平行して、code-alongは続きます。パート1で中断したところから再開する、あるいは時間と空間を越えて、パート2のスタータープロジェクトからすぐにアクションをおこしてもかまいません。システムインテリジェンスをウィジェットに統合することにより、それらを一日の間にさまざまなポイントで、どのように動的に変化させるか、もっとも関連性の高い情報をどのように表出させるかを学びましょう。コアとなるタイムラインのコンセプトを確認し、複数のウィジェットファミリーをサポートし、ウィジェットを構成可能にする方法を学びます。
ウィジェットが時間内にあるべき場所に収まったら、Widgets Code-alongのパート3および最終パートへ移動して、高度なウィジェットコンセプトおよびタイムラインを確認します。

Widget Code-Along 2 - 異なるタイムライン
Watch nowパート 3:アドバンシングタイムライン
widgets code-alongのパート3および最終段階へ進むにともない、ウィジェットを次のレベルへ引き上げましょう。パート2の中断したところからピックアップする、あるいはスピードをぐっと上げて、パート3のスタータープロジェクトから始めてもかまいません。ウィジェット、タイムライン、コンフィギュレーションの高度なコンセプトを確認しましょう。インプロセスおよびバックグラウンドのURLをどのようにロードするか、アプリケーション内でコンテンツへどのように直接リンクするかを学びましょう。そして、アプリケーション内で様々な機能を探る複数のウィジェットの作成方法、ウィジェットをダイナミックに構成可能にする方法を学びます。

Widget Code-Along 3 - アドバンシングタイムライン
Watch nowRelated

WidgetKitについて
Watch now
SwiftUIの新機能
Watch now
Widgetに設定とインテリジェンスを追加する
Watch now