0Pricing
Swift Academy · レッスン

@State：View内のローカルな可変状態

@Stateを使い、Viewのプライベートな状態からUI更新を駆動します。

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

ようこそ

`@State` は、SwiftUIで最も基本的な状態管理ツールです。View内に変更可能な値を保持し、その値が変わるたびに再レンダリングを発生させます。

@Stateの基礎

```swift struct Counter: View { @State private var count = 0 var body: some View { Button("Count: \(count)") { count += 1 } } } ```

慣例としてprivateにする

`@State` プロパティには `private` を付けます。これらはViewの実装詳細であり、インターフェースの一部ではないためです。

状態の保存場所

SwiftUIは、`@State` のバッキングストレージを構造体とは別に管理します。Viewの構造体がレンダリングのたびに再作成されても、状態の値は保持されます。

文字列での@State

```swift struct NameInput: View { @State private var name = "" var body: some View { TextField("Enter name", text: $name) Text("Hello, \(name)!") } } ```

ブール値での@State

```swift struct ToggleDemo: View { @State private var isOn = false var body: some View { Toggle("Enable", isOn: $isOn) if isOn { Text("Enabled!") } } } ```

再レンダリングの発生

`@State` への変更はすべて、SwiftUIに `body` を再度呼び出させます。SwiftUIのレンダリングエンジンは結果を効率的に差分比較し、UIの変更された部分だけを更新します。

複雑な値での@State

```swift struct Item: Identifiable { let id = UUID(); var text: String } struct ListView: View { @State private var items: [Item] = [] ... } ```

@Stateの制限

• ローカルな状態に限られます。`@Binding` なしでは複数のViewで共有できません • 基本型と小さな構造体に適しています • 共有状態や複雑な状態には、`@StateObject` / `@ObservableObject` を使います

@Stateと@StateObjectの違い

• `@State` — 値型で、Viewが所有します。基本型に使います • `@StateObject` — 参照型で、Viewが所有します。ObservableObjectモデルに使います

確認問題

`@State` を使うと、Viewの再レンダリングは何によって発生しますか？

まとめ

主なポイント： • `@State` はViewが所有するローカルな変更可能状態を保持します • `private` を付けます。実装詳細として扱うためです • 状態の変更により自動的に再レンダリングされます • SwiftUIはbodyの再評価をまたいで状態を保持します • 子Viewと状態を共有するには `@Binding` を使います 次はViewモディファイアです。

よくある質問

「@State：View内のローカルな可変状態」レッスンは無料ですか？

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

「@State：View内のローカルな可変状態」で何を学びますか？

@Stateを使い、Viewのプライベートな状態からUI更新を駆動します。 ブラウザで直接実行するハンズオンコードでSwift Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

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

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

「@State：View内のローカルな可変状態」レッスンにはどのくらい時間がかかりますか？

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

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

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

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

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