Swift Academy · レッスン

プレビューとPreview Provider

#PreviewとPreviewProviderを使い、Xcodeで変更をすぐに確認します。

レッスン 4/412 ステップ

「プレビューとPreview Provider」はCoddyKit上の無料Swift Academyレッスンです。 これはレッスン4/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはSwift Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Swift Academyコースには全4レッスンが含まれています。

ようこそ

Xcode Previewsを使うと、シミュレーターを起動せずにSwiftUIの変更をすぐ確認できます。`#Preview`(Swift 5.9以降)または `PreviewProvider` を使って定義します。

#Previewマクロ(Swift 5.9以降)

```swift #Preview { ContentView() } ``` 最もシンプルなプレビュー定義で、1行で記述できます。Xcodeがキャンバスにレンダリングします。

PreviewProvider(従来の形式)

```swift struct ContentView_Previews: PreviewProvider { static var previews: some View { ContentView() } } ```

複数のプレビュー

```swift #Preview("Dark Mode") { ContentView().preferredColorScheme(.dark) } #Preview("iPad") { ContentView().previewDevice("iPad Air (5th generation)") } ```

サンプルデータの提供

```swift #Preview { let model = ViewModel() model.items = ["One","Two","Three"] return ListView(model: model) } ```

previewDisplayName

```swift struct Previews: PreviewProvider { static var previews: some View { Group { ContentView().previewDisplayName("Light") ContentView().preferredColorScheme(.dark).previewDisplayName("Dark") } } } ```

プレビューでの環境

```swift #Preview { ContentView() .environment(\.locale, .init(identifier:"tr")) .environment(\.sizeCategory, .accessibilityLarge) } ```

プレビューでの@EnvironmentObject

```swift #Preview { ContentView().environmentObject(AppModel()) } ```

プレビューのパフォーマンスに関するヒント

• プレビューは別のプロセスで実行されます • プレビューデータは軽量に保ちます • プレビュー専用のデータは `extension PreviewProvider` に切り出します • プレビューコードでネットワーク呼び出しを避けます

ライブプレビュー

プレビューキャンバスの▶ボタンをクリックすると、ライブプレビューが有効になります。これは、ボタンのタップやテキストフィールドへの入力をリアルタイムで操作できるモードです。

確認問題

SwiftUIのプレビューを作成するSwift 5.9以降のマクロはどれですか?

まとめ

主なポイント: • `#Preview { }` — Swift 5.9以降の1行プレビューです • `PreviewProvider` — 従来のプロトコルベースの方法です • 異なる名前、デバイス、カラースキームで複数のプレビューを作成できます • プレビューに環境とenvironmentObjectを注入できます • ライブプレビューを使うと、アプリを起動せずにインタラクティブなテストができます コース完了です!次はSwiftUIレイアウトです。
無料で開始

AI チューターと学ぶ Swift — 無料

ブラウザでリアルコードを書いて実行し、24/7 の AI チューターから瞬時にサポートを受け、ウェブまたはアプリで続きから学習できます。

コース
122
レッスン
409

よくある質問

「プレビューとPreview Provider」レッスンは無料ですか?

はい。「プレビューとPreview Provider」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し(組み込みコードエディタと24時間対応のAIチューター)、Swift Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Swift Academyコースには全4レッスンが含まれています。

「プレビューとPreview Provider」で何を学びますか?

#PreviewとPreviewProviderを使い、Xcodeで変更をすぐに確認します。 ブラウザで直接実行するハンズオンコードでSwift Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

Swift Academyを始めるのに経験は必要ですか?

事前経験は必要ありません。CoddyKitのSwift Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン4/4です。

「プレビューとPreview Provider」レッスンにはどのくらい時間がかかりますか?

ほとんどのCoddyKitレッスンは約5~10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このSwift Academyレッスンでコードを書いて実行できますか?

はい。すべてのSwift Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. Viewプロトコルとbodyプロパティ
  2. @State:View内のローカルな可変状態
  3. Viewモディファイア:連鎖とカスタムモディファイア
  4. プレビューとPreview Provider
← Swift Academyに戻る