View in English

  • Apple Developer
    • 今すぐ始める

    「今すぐ始める」を詳しく見る

    • 概要
    • 学ぶ
    • Apple Developer Program

    最新情報

    • 最新ニュース
    • Hello Developer
    • プラットフォーム

    プラットフォームを詳しく見る

    • Appleプラットフォーム
    • iOS
    • iPadOS
    • macOS
    • tvOS
    • visionOS
    • watchOS
    • App Store

    特集

    • デザイン
    • 配信
    • ゲーム
    • アクセサリ
    • Web
    • Home
    • CarPlay
    • テクノロジー

    テクノロジーを詳しく見る

    • 概要
    • Xcode
    • Swift
    • SwiftUI

    特集

    • アクセシビリティ
    • App Intent
    • Apple Intelligence
    • ゲーム
    • 機械学習とAI
    • セキュリティ
    • Xcode Cloud
    • コミュニティ

    コミュニティを詳しく見る

    • 概要
    • 「Appleに相談」イベント
    • コミュニティによるイベント
    • デベロッパフォーラム
    • オープンソース

    特集

    • WWDC
    • Swift Student Challenge
    • デベロッパストーリー
    • App Store Awards
    • Apple Design Awards
    • Apple Developer Center
    • ドキュメント

    ドキュメントを詳しく見る

    • ドキュメントライブラリ
    • テクノロジー概要
    • サンプルコード
    • ヒューマンインターフェイスガイドライン
    • ビデオ

    リリースノート

    • 注目のアップデート
    • iOS
    • iPadOS
    • macOS
    • watchOS
    • visionOS
    • tvOS
    • Xcode
    • ダウンロード

    ダウンロードを詳しく見る

    • すべてのダウンロード
    • オペレーティングシステム
    • アプリ
    • デザインリソース

    特集

    • Xcode
    • TestFlight
    • フォント
    • SF Symbols
    • Icon Composer
    • サポート

    サポートを詳しく見る

    • 概要
    • ヘルプガイド
    • デベロッパフォーラム
    • フィードバックアシスタント
    • お問い合わせ

    特集

    • アカウントヘルプ
    • App Reviewガイドライン
    • App Store Connectヘルプ
    • 近日導入予定の要件
    • 契約およびガイドライン
    • システムステータス
  • クイックリンク

    • イベント
    • ニュース
    • Forum
    • サンプルコード
    • ビデオ
 

ビデオ

メニューを開く メニューを閉じる
  • コレクション
  • すべてのビデオ
  • 利用方法

その他のビデオ

  • 概要
  • Summary
  • コード
  • WidgetKitの基本

    ウィジェットはシステム全体にわたってアプリの重要なコンテンツを目立たせることができ、ユーザーの利用促進に役立ちます。このセッションでは、ウィジェットのさまざまな種類を紹介し、ユーザーの印象に残りやすいウィジェットはどういう特徴があるかを検討します。ウィジェットの作成方法、最新の状態に保つ方法、App Intentやダイナミックスタイリングを使用してユーザーによるウィジェットのカスタマイズを可能にする方法も紹介します。

    関連する章

    • 0:01 - Introduction
    • 1:03 - Fundamentals
    • 13:15 - Integrate with your app
    • 17:04 - Adapt with the system

    リソース

      • HDビデオ
      • SDビデオ

    関連ビデオ

    WWDC26

    • ライブアクティビティの基本

    WWDC25

    • ウィジェットの新機能

    WWDC23

    • ウィジェットに命を吹き込む方法
    • App Intentにおける機能強化の詳細

    WWDC21

    • 優れたウィジェットの原則
  • このビデオを検索
    • 3:50 - DailyReadingGoalWidget

      struct DailyReadingGoalWidget: Widget {
          let kind = "DailyReadingGoalWidget"
          
          var body: some WidgetConfiguration {
              StaticConfiguration(
                  kind: kind,
                  provider: DailyReadingGoalProvider()
              ) { entry in
                  DailyReadingGoalView(book: entry.book,
                                       message: entry.message,
                                       timeOfDay: entry.timeOfDay)
                  .environment(\.colorScheme, .dark)
                  .containerBackground(for: .widget) {
                      Background()
                  }
              }
          }
      }
    • 12:25 - Supported Families

      struct DailyReadingGoalWidget: Widget {
          let kind = "DailyReadingGoalWidget"
      
          var body: some WidgetConfiguration {
              StaticConfiguration(
                  kind: kind,
                  provider: DailyReadingGoalProvider()
              ) { entry in
                  DailyReadingGoalView(book: entry.book,
                                       message: entry.message,
                                       timeOfDay: entry.timeOfDay)
                  .environment(\.colorScheme, .dark)
                  .containerBackground(for: .widget) {
                      Background()
                  }
              }
              .supportedFamilies([.systemMedium])
          }
      }
    • 14:03 - Adding deep links

      struct DailyReadingGoalWidget: Widget {
          let kind = "DailyReadingGoalWidget"
      
          var body: some WidgetConfiguration {
              StaticConfiguration(
                  kind: kind,
                  provider: DailyReadingGoalProvider()
              ) { entry in
                  DailyReadingGoalView(book: entry.book,
                                       message: entry.message,
                                       timeOfDay: entry.timeOfDay)
                  .environment(\.colorScheme, .dark)
                  .containerBackground(for: .widget) {
                      Background()
                  }
                  .widgetURL(URL(string: "bookclub://reading/\(book.bookID)"))
              }
              .supportedFamilies([.systemMedium])
          }
      }
    • 18:17 - Accented rendering mode

      struct BookCoverImage: View {
          let imageName: String
      
          var body: some View {
              Image(imageName: bundle: .main)
                  .widgetAccentedRenderingMode(.fullColor)
          }
      }
    • 0:01 - Introduction
    • Widgets highlight your app's most important content across the system. The best widgets are glanceable, relevant, and personalizable. Learn how to build your first widget and keep it up to date, extending the reach of your app across platforms with WidgetKit and SwiftUI.

    • 1:03 - Fundamentals
    • Widgets should be glanceable, relevant, and personalizable. They are built by creating a widget extension that exposes a timeline of TimelineEntry values. Each TimelineEntry provides the data to render a SwiftUI view at a particular moment in time. Learn how to define a widget with a StaticConfiguration or AppIntentConfiguration, build a quality TimelineProvider, and select a timeline reload policy to keep your widget up to date. Discover the various sizes and placements for widgets with .supportedFamilies — including the new systemExtraLargePortrait family coming to macOS, iOS, and iPadOS 27.

    • 13:15 - Integrate with your app
    • WidgetKit offers three key integration points to tighten the connection between a widget and your app. Deep links route taps directly to specific content in your app. Configurable widgets let people personalize widget content. Interactive elements that let people perform the most important actions from within your app using App Intents.

    • 17:04 - Adapt with the system
    • Widgets are dynamic and adapt with the system appearance modes like full color, tinted, and clear. SwiftUI handles most of the adaptation automatically, though you can customize the behavior of particular Views with the .widgetAccentedRenderingMode(.fullColor) modifier. Learn techniques to test your widgets for considerations with appearance modes and budgeted reloads.

Developer Footer

  • ビデオ
  • WWDC26
  • WidgetKitの基本
  • メニューを開く メニューを閉じる
    • iOS
    • iPadOS
    • macOS
    • tvOS
    • visionOS
    • watchOS
    Open Menu Close Menu
    • Swift
    • SwiftUI
    • Swift Playground
    • TestFlight
    • Xcode
    • Xcode Cloud
    • SF Symbols
    メニューを開く メニューを閉じる
    • アクセシビリティ
    • アクセサリ
    • Apple Intelligence
    • App Extension
    • App Store
    • オーディオとビデオ(英語)
    • 拡張現実
    • デザイン
    • 配信
    • 教育
    • フォント(英語)
    • ゲーム
    • ヘルスケアとフィットネス
    • アプリ内課金
    • ローカリゼーション
    • マップと位置情報
    • 機械学習とAI
    • オープンソース(英語)
    • セキュリティ
    • SafariとWeb(英語)
    メニューを開く メニューを閉じる
    • 英語ドキュメント(完全版)
    • 日本語ドキュメント(一部トピック)
    • チュートリアル
    • ダウンロード
    • フォーラム(英語)
    • ビデオ
    Open Menu Close Menu
    • サポートドキュメント
    • お問い合わせ
    • バグ報告
    • システム状況(英語)
    メニューを開く メニューを閉じる
    • Apple Developer
    • App Store Connect
    • Certificates, IDs, & Profiles(英語)
    • フィードバックアシスタント
    メニューを開く メニューを閉じる
    • Apple Developer Program
    • Apple Developer Enterprise Program
    • App Store Small Business Program
    • MFi Program(英語)
    • Mini Apps Partner Program
    • News Partner Program(英語)
    • Video Partner Program(英語)
    • セキュリティ報奨金プログラム(英語)
    • Security Research Device Program(英語)
    Open Menu Close Menu
    • Appleに相談
    • Apple Developer Center
    • App Store Awards(英語)
    • Apple Design Awards
    • Apple Developer Academy(英語)
    • WWDC
    最新ニュースを読む。
    Apple Developerアプリを入手する。
    Copyright © 2026 Apple Inc. All rights reserved.
    利用規約 プライバシーポリシー 契約とガイドライン