SwiftUI Academy · レッスン

View とは何か

View プロトコルと body 計算プロパティについて学びます。

レッスン 1/413 ステップ

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

すべてはビュー

SwiftUIでは、画面に表示されるもののほとんどすべてがviewです。テキスト、画像、ボタン、画面全体までもがビューです。📱

Viewプロトコル

ビューとは、Viewプロトコルに準拠する任意の型です。準拠するとは、画面に何を表示するかを定義することを約束するという意味です。

struct ContentView: View {
    var body: some View {
        Text("Hello!")
    }
}

ビューはstruct

SwiftUIのビューの多くは単純なstructです。軽量な値型なので、UIが変化してもSwiftUIは低コストで作成と破棄を行えます。

bodyの要件

Viewプロトコルが求める役割は1つ、bodyプロパティを提供することです。ここでビューの内容を定義します。

struct ContentView: View {
    var body: some View {
        Text("Welcome")
    }
}

bodyは計算プロパティ

bodyは保存プロパティではなく、計算プロパティです。SwiftUIは再描画が必要になるたびに読み取るため、常に最新のコードを反映します。

some Viewの意味

戻り値の型some Viewは、bodyが特定の1つのビュー型を返すことを示しますが、その型名を明記する必要はありません。コンパイラが判断してくれます。

var body: some View {
    Text("Opaque type magic")
}

1つのビュー、多くの部品

1つのビューのbodyに、多数の小さなビューを組み合わせることがよくあります。外側から見ると、その全体も1つのビューとして扱われます。🧩

ビューは描画せず記述する

自分でピクセルを描画する必要はありません。ビューは何を表示したいかを記述するだけで、SwiftUIが効率的な描画方法を決定します。

ビューは軽量で使い捨て

ビューは値型なので、SwiftUIは常にビューを再作成します。ビューの中に負荷の高い処理を保存せず、bodyは高速でシンプルに保ちましょう。

カスタムビューを組み合わせる

自分でcustom viewsを作成してアプリを構築します。それぞれが、組み込みビューと同じようにViewに準拠するstructです。

struct GreetingView: View {
    var body: some View {
        Text("Hi there")
    }
}

ビューを再利用する

一度定義したビューは、名前を指定するだけでどこにでも配置できます。このreuseによって、UIの一貫性を保ち、コードを整理できます。

var body: some View {
    GreetingView()
}

理解度チェック

何があれば型はSwiftUIのビューになるのか、確認しましょう。

まとめ:ビューとは?

viewとは、Viewに準拠し、some View型のbodyを提供するstructです。ビューは内容を記述する軽量な要素で、組み合わせてUI全体を構成できます。🎉

無料で開始

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

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

コース
30
レッスン
120

よくある質問

「View とは何か」レッスンは無料ですか?

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

「View とは何か」で何を学びますか?

View プロトコルと body 計算プロパティについて学びます。 ブラウザで直接実行するハンズオンコードでSwiftUI Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

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

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

「View とは何か」レッスンにはどのくらい時間がかかりますか?

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

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

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

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

  1. View とは何か
  2. 画面へのテキスト表示
  3. View Modifier の概要
  4. View 階層を読み解く
← SwiftUI Academyに戻る