watchOS 26の新機能

watchOS 26の新機能

watchOS 26の新機能を取り上げ、それらをwatchOSとiOSのアプリに統合する方法を学びます。ARM64アーキテクチャを紹介し、新しいデザインシステムについて詳しく説明します。また、ウィジェットのアップデートや、Apple Watchにコントロールを追加する方法も紹介します。

関連する章
- 0:00 - Introduction
- 0:56 - Update for watchOS 26
- 3:48 - Bring apps to new places
- 9:44 - Be relevant and up-to-date
リソース
関連ビデオ

WWDC25
WWDC24
- システム全体にアプリのコントロールを拡張
WWDC23
- SwiftUI向けのMapKitについて
WWDC22
- WidgetKitのコンプリケーションによるさらなる進化
こんにちは Anneです本セッションでは watchOS 26の新機能とそれらをアプリで活用するためのヒントをご紹介しますまずwatchOS 26の新機能を説明した後 watchOSとiOSのアプリを Apple Watchのより多くの場所で提供する方法を紹介しさらにアプリで関連性の高いコンテンツを適時に表示する新しい方法を解説します途中でアプリ構築のデモも行いますこのアプリは近くのビーチでのウェルネスやレクリエーションのアクティビティを表示したり各地のビーチの海の状態を表示したりビーチでまたはビーチに想いを馳せながらほかの場所で過ごしたマインドフルな時間を効果的に追跡したりできるアプリですさっそく始めましょう watchOS 26はフレッシュな新しい外観から新しいシステムアーキテクチャまで全面的に改善されていますまたアプリで新しいwatchOSを最大限に活用するために知っておくべき情報もあります新しいデザインシステムは watchOSの全体に適用されます素材とコントロールの変更アプリアイコンのアップデート文字盤やコントロールセンターなどのシステムスペースの変更などですツールバーとコントロールのスタイルも watchOS 26で更新されました watchOS 10以降向けのアプリはすべて新しいスタイルを自動的に使用するのでアプリとシステムの他の部分の統一性が維持されますアプリを実行してインターフェイスの外観を確認してみましょうカスタムスタイルを使っている場合新しいシステムスタイルがインターフェイス要素の可読性に影響しないかご確認くださいアプリのデザインとアップデートの詳細については「Meet Liquid Glass」をご覧ください
iOS／watchOS 26ではアプリアイコンの外観も刷新されています
アイコンはIcon Composerで更新できます更新されたiOSアプリのアイコンは iPhoneからApple Watchに転送される通知でも表示されます更新されたWatchアプリのアイコンはアプリのグリッドとリストや Apple Watchに直接送信される通知に表示されます Icon Composerとアプリアイコンに関する各種の新機能の詳細については「Create icons with Icon Composer」をご覧くださいデザインシステムに加え watchOSは新しいシステムアーキテクチャをサポートしています Apple Watch Series 9以降と Apple Watch Ultra 2の watchOS 26では ARM64アーキテクチャを採用してます Xcodeで Apple Watchをターゲットにする場合は標準アーキテクチャのビルド設定を使用すればそのターゲットですべてのApple Watch アーキテクチャ向けのビルドを行えます ARM64における型の違いには注意が必要です特にfloat型やint型を使用する場合やポインタベースの計算では要注意ですまた必ずシミュレータとデバイスの両方でテストしてください Xcodeは Xcode 14以降 ARM64アーキテクチャ向けの Apple Watchアプリのビルドをサポートしています Apple Watchシミュレータは常にApple シリコンのARM64アーキテクチャを使いますそして嬉しいことにビルドにおいて既に標準アーキテクチャを使用している場合 ARM64向けのビルドに対応済みですまた以前からテストにシミュレータを使用している場合 ARM64向けのテストに対応済みです新しいデザインシステムとアーキテクチャに関する刷新は watchOS 26の最新アップデートのほんの一部です次にアプリの新しい提供場所をいくつかご紹介しましょうコントロールは watchOS 26から Apple Watchで利用可能になりましたユーザーはコントロールセンターやスマートスタックにコントロールを配置し Apple Watch Ultraのアクションボタンで使用できますコントロールをWidgetKitで構築すればユーザーはアプリを開かずに素早くアクションを実行したりアプリを特定のビューで起動したりできますコントロールにはシンボルタイトルその他のシステム関連の背景情報を表示し色も設定できますサポート対象のシステムスペースにユーザーがコントロールを追加するとコンテキストに応じたコントロールが表示されます
ユーザーは iPhoneアプリのコントロールを Watchアプリがなくても Apple Watchのシステムスペースに追加できます Apple WatchでコントロールをタップするとペアリングされているiPhoneでアクションが実行されますアクションはiPhoneで実行されるため iPhoneアプリでフォアグラウンドにアクションが表示されるコントロールは Apple Watchには表示されません Watchアプリがある場合は iOSのコントロールの構築に使ったものと同じAPIを使って Apple Watchのコントロールを構築することもできますコントロールをタップすると Apple Watchでアクションが実行されます
スマートスタックにコントロールウィジェットライブアクティビティのサポートが追加されコンテンツの表示方法が非常に多くなったのでスマートスタックに何を表示すべきか迷うかもしれませんこの場合主な目的を考慮するのが有効ですコントロールが適しているのは主な目的がアクションの実行である場合です例えばアプリの設定の変更やインターネットに接続されたデバイスの電源をオンにするなどのアクションですウィジェットが適しているのは一日を通して情報を表示する場合です例えば天気情報や近日予定のイベントの表示などですライブアクティビティが適しているのは開始と終了が明確なイベントの表示ですスポーツイベントや航空機のフライトの進行状況などですコントロールを使い始める方法と詳細情報については「Extend your app’s controls across the system」でCliffの解説をお聴きくださいアプリのウィジェットやコントロールをカスタマイズしたいユーザーもいます iOSではデベロッパが行ったシステム設定から選択することでユーザーがウィジェットを編集できます watchOS 26ではユーザーはウィジェットとコントロールを同じ方法でカスタマイズできるようになりましたウィジェットでは事前作成済みの推奨設定を提供するのではなくユーザーが設定できるということを表示できます画面の例ではウィジェットの設定を変更してアメリア島のカレンダーを表示していますウィジェットを設定可能にするには推奨事項に空の配列を返し事前設定済みのウィジェットがないこと文字盤かスマートスタックでウィジェットを設定できることを示します設定可能にしたい既存のウィジェットがある場合は watchOS 26の可用性チェックを追加します空の配列を返しサポートされているバージョンでウィジェットが設定可能であることを示します以前のバージョンでは App Intentの推奨事項を返し続けますコントロールも設定できます例えばビーチアプリでメディテーションの時間について追加の設定をするとしますいつでもビーチに行けるわけではないのでメディテーション中に海の音を流せるようにしたいですねコントロールを設定可能にするには AppIntentControlConfigurationで iOSの場合と同じようにコントロールを記述し AppIntentControlValueProviderに値プロバイダを指定します watchOS 26のスマートスタックに加わるのはコントロールだけではありません WatchアプリでHealthKitを使ってワークアウトを記録する場合はユーザーのルーチンに合わせてスマートスタックに表示されますタップすると素早くワークアウトを開始できます
おすすめのワークアウトアプリが適切に表示されるように HKWorkoutActivityTypeを正しく指定しワークアウトの開始と終了の時間を正しく記録して HKWorkoutRouteBuilderを使ってワークアウト全体の場所データを追加します新しい場所でアプリを使う場合 watchOS 26ではMapKit向けの多くの新機能を利用できます食料雑貨店など近くの気になる場所を検索し自動車徒歩自転車など移動手段に応じ目的地までのルートを取得して SwiftUIでマップ上のオーバーレイとしてルートを表示します iOSで使い慣れているAPIを使ってすべて対応できます近くの場所の検索や方向の表示などの機能を持つ独立したWatchアプリにとって便利な仕様ですお気に入りのビーチへのルートを示していますルートや場所の検索について詳しくは Jeffの「Meet MapKit for SwiftUI」をご確認くださいカスタムコントロールとコントロールセンター文字盤のおすすめのワークアウトアプリ新しいMapKit機能など watchOS 26はたくさんの方法でシステム上に新たな体験をもたらします
watchOS 26のこのツアーではコンテキストや関連性のある体験をスマートスタックに生み出す新たな方法も紹介します重要なタイミングでほしい情報やアクションを表示しその情報を最新の状態に保ちます watchOS 26には新しいフレームワークが導入されます RelevanceKitです RelevanceKitは必要なときにだけコンテンツを表示します
RelevanceKitには関連するコンテキストタイプがたくさんありコンテキストのキューに応じておすすめのウィジェットを表示します関連するコンテキストには日付睡眠スケジュールフィットネス情報場所などがあります watchOS 26ではウィジェットに興味のあるカテゴリを関連付けて食料雑貨店カフェビーチなど場所のタイプとウィジェットの関連付けを示すことができますビーチアプリではユーザーがビーチにいると現在の海の状況がスマートスタックに表示されます MapKitの興味のあるカテゴリ用に場所のRelevantContextを作成しますカテゴリがサポートされていない場合 nilを返しますウィジェットに関連付けられたコンテキストはすべて WidgetRelevanceと属性で確認できます RelevanceKitのほかにも watchOS 26にはスマートスタック向けに新しいウィジェット設定が追加されました新しいRelevantウィジェットは RelevanceKitをベースにしてウィジェットに表示されるビューを取得します興味や時間帯など特定のRelevantContextに合わせておすすめのビューが表示されます Relevantウィジェットは自動的にスマートスタックに表示され複数のおすすめのビューが同時に表示されます watchOS 26では Relevantウィジェットを使った便利な機能としてカレンダーの予定を複数表示するウィジェットを表示して編集中のメモを素早く立ち上げる休暇先の天気予報を表示するといったことができます Beach Eventsウィジェットにはその日その場所で予定されたアクティビティが表示されますが Relevantウィジェットにすることで機能を強化できます Beach Eventsウィジェットのシンプルなカレンダーです一部の予定が重なっています既存のTimelineウィジェットを構築するにはエントリの単一のタイムラインが必要ですが複数の予定が重なっていますタイムラインのエントリには複数の予定が含まれており時間が重なっていることがわかりますカレンダーとタイムラインを見比べると 9時30分時点では問題ありません資金集めパーティーとメディテーションが 1つのビューに2列で表示されています 10時には予定が3つあります 3つの予定をすべて入れようとするとビューが切り詰められます表示するイベントを 2つにする必要があります Relevantウィジェットでこの問題を解決できます 10時頃のように複数の予定が関連付けられるとスマートスタックには複数のカードが表示されます予定ごとに1枚ですビーチでの予定のRelevantウィジェットを作成する方法を説明しますまずウィジェットの構造を簡単にまとめます基本的な構成要素はエントリですウィジェットのビューのレンダリングに必要なデータがすべて含まれますエントリプロバイダがエントリを作成しウィジェットの表示を更新するタイミングを WidgetKitに通知します設定によりエントリプロバイダが作成されエントリなどの情報で SwiftUI viewが生成されますタイムラインベースのウィジェットを作成する場合は TimelineEntryと AppIntentTimelineProviderと AppIntentConfigurationです relevantウィジェットの作成方法はタイムラインウィジェットと同様です Relevantウィジェットの土台となるのがRelevanceEntryです
RelevanceEntriesProviderが RelevanceEntryを作成して RelevanceConfigurationに提供します RelevanceEntryからスタートして relevantウィジェット構築の手順を順を追って紹介しますビーチアプリの場合は RelevanceEntryを作成しますビーチイベントがここに格納されイベントの場所タイトル日付などウィジェットビュー構成に必要な情報を網羅します次に RelevanceEntriesProviderを実装します relevancesメソッドはウィジェットと関連事象の発生をシステムに通知しますここでWidgetRelevanceAttributesの配列を作成してビーチでのイベントに関する WidgetConfigurationIntentsを情報が重要になるタイミングを示すキューと合わせて RelevantContextに関連付けますこちらはビーチで発生したイベントの日付ですこれらの属性情報込みで relevanceの値を返します関連事象が発生するとシステムはエントリを呼び出し関連する WidgetConfigurationIntentとウィジェットの表示サイズやプレビュー表示の有無などのコンテキスト情報をアプリに提供しますプレビューは設定アプリまたはスマートスタック編集時に表示されるウィジェットの提案での設定に従って表示されます設定ビュー構成用のデータ込みでプレビューエントリを返しますプラヤリンダでのサーフィンはプレビュー表示の良い例ですねその他お気に入りのビーチイベントなど構成からの情報を使ってウィジェットビューの構成に必要なエントリを作成しますウィジェットはロードされたのにデータが表示されない場合システムはプロバイダにプレースホルダエントリを要求します例えばウィジェット表示用に新しいデータのダウンロードを要する場合エントリメソッドによってはリターンが遅くなったりしますこのとき情報が古くなっていたり読み込み中であることを示すためプレースホルダエントリを返しますウィジェットは読み込みインジケータをビューに表示させるためのエントリを返します最後にウィジェットの作成ですウィジェットのbodyでプロバイダを使って RelevanceConfigurationを返し現在のRelevanceEntryを使ってウィジェットのビューを作成するためのクロージャを作成します複数のイベント予定がある場合はビーチイベントの候補をいくつかスマートスタックが提案してくれますビーチでのイベントがタイムライン込みでウィジェットに表示され誰でもスマートスタックに追加可能になります誰かが私のタイムラインウィジェットを自分のスマートスタックに入れた場合同じイベントのカードが2枚表示されます 1枚は追加されたタイムラインウィジェットからのカードもう1枚は Relevantウィジェットからのカードですこうした重複を防ぐには RelevanceConfigurationをタイムラインウィジェットの WidgetConfigurationに関連付けます候補が提示されるとシステムはタイムラインウィジェットを関連するウィジェットカードに置き換えますこれでイベント1つにつき1枚だけカードが表示されるようになりますウィジェットを関連付けするには associatedKindモディファイアを RelevanceConfigurationに追加してタイムラインウィジェットのkindを渡しますこれでRelevantウィジェットができましたウィジェットの見栄えを良くするヒントをもう1つ紹介しますプレビューを使用しましょう関連条件のシミュレーションなしでもプレビューならスマートスタックでの Relevantウィジェットの見た目を確認できますユースケースに合わせたウィジェットのプレビュー方法を3つほど手短に紹介しますウィジェットのビューを開発している間 relevanceEntriesを使ったプレビューで様々なディスプレイの様々な表示サイズでウィジェットの見た目を手早くチェックして微調整できます文字数が異なるビューのレイアウト例として 2つのイベントを使ってみますエントリメソッドの開発時には WidgetConfigurationIntentsを使えばエントリ作成をプレビューで手早く確認できますサンプル用の構成でrelevanceを作成してエントリとビューが正しく作成できたか検証してみます
最終チェックは RelevanceProviderを使ったプレビューで行いますプレビューイベントストアにはイベントが5つ入っています表示サイズを変えてもどのイベントもきれいに表示されるかプレビューで確認できます重要な情報を必要なタイミングで表示できたら最高ですね最新の情報であるかも重要ですウィジェットで最新のデータを提供する新しいツールが登場します watchOS 26以降では APNSを使ったプッシュ通知による更新が可能になります WidgetKit対応のすべてのAppleプラットフォームですべてのウィジェットがプッシュ通知による更新に対応しますウィジェットのプッシュ更新対応の詳細については Tannerが「What’s new in widgets」で紹介しますコンプリケーションのプッシュ更新が必要という理由でウィジェットへの ClockKitコンプリケーション移行がまだの場合は今がチャンスです「Go further with Complications in WidgetKit」では Augustが移行をスムーズに行うためのヒントを紹介します watchOSの新機能をどうぞ楽しんでくださいシステムとしっくり馴染むルックに仕上げ ARM64アーキテクチャでも完璧に動作するようアプリをwatchOS 26でビルドし実行することをお勧めします独立したアプリを提供する場合は iOSコントロールのテストを Apple Watchで実行して Watchアプリにコントロールを追加するのが有効ですアプリの要所要所で Relevantウィジェットをビルドしてプッシュ通知を活用してウィジェットを最新の状態に保ちましょう Apple Watchに皆さんのアプリを入れて散歩や旅行やビーチなど色々な場所で使うのが毎日の楽しみですこれからも探索を続けアプリとともに新しい世界への旅を続けましょう

// In the AppIntentTimelineProvider
func recommendations() -> [AppIntentRecommendation<BeachConfigurationIntent>] {
  return []
}

7:06 - Support earlier versions of watchOS with a configurable widget

// In the AppIntentTimelineProvider
func recommendations() -> [AppIntentRecommendation<BeachConfigurationIntent>] {
  if #available(watchOS 26, *) {
    // Return an empty array to allow configuration of the widget in watchOS 12+
    return []
  } else {
    // Return array of recommendations for preconfigured widgets before watchOS 12
    return recommendedBeaches
  }
}

7:46 - Use AppIntentControlConfiguration to make a control configurable

struct ConfigurableMeditationControl: ControlWidget {
  var body: some ControlWidgetConfiguration {
    AppIntentControlConfiguration(
      kind: WidgetKinds.configurableMeditationControl,
      provider: Provider()
    ) { value in
      // Provide the control's content
    }
    .displayName("Ocean Meditation")
    .description("Meditation with optional ocean sounds.")
    .promptsForUserConfiguration()
  }
}

7:56 - Use AppIntentControlValueProvider for a configurable control

extension ConfigurableMeditationControl {
  struct Provider: AppIntentControlValueProvider {
    func previewValue(configuration: TimerConfiguration) -> Value {
      // Return the value to show in the add sheet
    }

    func currentValue(configuration: TimerConfiguration) async throws -> Value {
      // Return the control's value
    }
  }
}

10:53 - Relevance for a point-of-interest category

func relevance() async -> WidgetRelevance<Void> {
  guard let context = RelevantContext.location(category: .beach) else {
    return WidgetRelevance<Void>([])
  }
  return WidgetRelevance([WidgetRelevanceAttribute(context: context)])
}

14:37 - Implement the relevance method in the RelevanceEntriesProvider

struct BeachEventRelevanceProvider: RelevanceEntriesProvider {
  let store: BeachEventStore

  func relevance() async -> WidgetRelevance<BeachEventConfigurationIntent> {
    // Associate configuration intents with RelevantContexts
    let attributes = events.map { event in
      WidgetRelevanceAttribute(
        configuration: BeachEventConfigurationIntent(event: event),
        context: .date(interval: event.date, kind: .default)
      )
    }

    return WidgetRelevance(attributes)
  }
}

15:09 - Create a RelevanceEntry when the widget is relevant

struct BeachEventRelevanceProvider: RelevanceEntriesProvider {
  func relevance() async -> WidgetRelevance<BeachEventConfigurationIntent> {
    // Return relevance information for the widget
  }
  
  func entry(
    configuration: BeachEventConfigurationIntent,
    context: Context
  ) async throws -> BeachEventRelevanceEntry {
    if context.isPreview {
      return .previewEntry
    }
    return BeachEventRelevanceEntry(
      event: configuration.event
    )
  }
}

15:55 - Create a placeholder entry to display when the widget is loading

struct BeachEventRelevanceProvider: RelevanceEntriesProvider {
  func relevance() async -> WidgetRelevance<BeachEventConfigurationIntent> {
    // Return relevance information for the widget
  }
  
  func entry(
    configuration: BeachEventConfigurationIntent,
    context: Context
  ) async throws -> BeachEventRelevanceEntry {
    // Return the entry for the configuration
  }
  
  func placeholder(context: Context) -> BeachEventRelevanceEntry {
    BeachEventRelevanceEntry.placeholderEntry
  }
}

16:27 - Use a RelevanceConfiguration to create a relevant widget

struct BeachEventWidget: Widget {
  private let model = BeachEventStore.shared

  var body: some WidgetConfiguration {
    RelevanceConfiguration
      kind: "BeachWidget
      provider: BeachEventRelevanceProvider(store: model)
    ) { entry in
      BeachWidgetView(entry: entry)
    }
    .configurationDisplayName("Beach Events")
    .description("Events at the beach")
  }
}

17:31 - Use associatedKind to relate the relevant widget to the timeline widget

struct BeachEventWidget: Widget {
  private let model = BeachEventStore.shared

  var body: some WidgetConfiguration {
    RelevanceConfiguration
      kind: "BeachWidget
      provider: BeachEventRelevanceProvider(store: model)
    ) { entry in
      BeachWidgetView(entry: entry)
    }
    .configurationDisplayName("Beach Events")
    .description("Events at the beach")
    .associatedKind(WidgetKinds.beachEventsTimeline)
  }
}

18:06 - Create a Preview with relevanceEntries

#Preview("Entries") {
  BeachEventWidget()
} relevanceEntries: {
  BeachEventRelevanceEntry.previewShorebirds
  BeachEventRelevanceEntry.previewMeditation
}

18:26 - Create a Preview with relevance

#Preview("Provider and Relevance") {
  BeachEventWidget()
} relevanceProvider: {
  BeachEventRelevanceProvider(store: .preview)
} relevance: {
  let configurations: [BeachEventConfigurationIntent] = [
    .previewSurfing,
    .previewMeditation,
    .previewWalk
  ]
  let attributes = configurations.map {
    WidgetRelevanceAttribute(
      configuration: $0,
      context: .date($0.event.startDate, kind: .default)
    )
  }
  return WidgetRelevance(attributes)
}

18:47 - Create a Preview with a relevanceProvider

#Preview("Provider") {
  BeachEventWidget()
} relevanceProvider: {
  BeachEventRelevanceProvider(store: .preview)
}

関連する章

リソース

関連ビデオ

WWDC25

WWDC24

WWDC23

WWDC22