0Pricing
Swift Academy · レッスン

Viewプロトコルとbodyプロパティ

SwiftUIのViewを構成する要素と、bodyがUI階層を定義する仕組みを学びます。

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

ようこそ

SwiftUIは宣言型のUIフレームワークです。すべての視覚要素は `View` です。`View` は軽量な値型で、`body` プロパティによってUIを記述します。

Viewプロトコル

```swift protocol View { associatedtype Body: View; var body: Body { get } } ``` `View` に準拠するには、別の `View` を返す `body` 計算プロパティが必要です。

Hello World

```swift struct ContentView: View { var body: some View { Text("Hello, SwiftUI!") } } ```

不透明な戻り値型: some View

`some View` は、コンパイラーのために具体的な戻り値型を保持しながら、呼び出し側からは隠します。これは、`body` が複雑にネストされたViewツリーを返す可能性があるため必要です。

Viewの合成

```swift struct ContentView: View { var body: some View { VStack { Text("Title").font(.title) Text("Subtitle").foregroundColor(.gray) } } } ```

Viewの識別性とライフタイム

SwiftUIは、Viewの型と階層内の位置を使って識別性を判断します。識別性が変わるとViewは再作成され、安定している場合はbodyだけが再評価されます。

サブビュー

再利用可能な部品を切り出します。 ```swift struct Header: View { var title: String var body: some View { Text(title).font(.largeTitle) } } ```

描画プリミティブ

組み込みのView型： • `Text`、`Image`、`Button`、`Label` • `Rectangle`、`Circle`、`Ellipse` • `Color`、`Spacer`、`Divider`

コンテナView

コンテナViewはレイアウトを管理します。 • `VStack`、`HStack`、`ZStack` • `List`、`ScrollView`、`LazyVStack` • `Group`、`Section`

Viewは構造体 — 低コスト

SwiftUIのViewは、レンダリングのたびに再作成される値型です。`body` の計算は低コストで、実際の描画はViewの差分比較を行う基盤の描画エンジンが処理します。

確認問題

`View` プロトコルで必須のプロパティは何ですか？

まとめ

主なポイント： • `View` プロトコルには `body: some View` が必要です • 構造体は低コストで、頻繁に再作成されます • `some View` は複雑な戻り値型を隠します • 再利用性を高めるためにサブビューを切り出します • SwiftUIは型と位置を使ってViewの識別性を判断します 次は `@State` です。

よくある質問

「Viewプロトコルとbodyプロパティ」レッスンは無料ですか？

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

「Viewプロトコルとbodyプロパティ」で何を学びますか？

SwiftUIのViewを構成する要素と、bodyがUI階層を定義する仕組みを学びます。 ブラウザで直接実行するハンズオンコードでSwift Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

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

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

「Viewプロトコルとbodyプロパティ」レッスンにはどのくらい時間がかかりますか？

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

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

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

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

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