View とは何か
View プロトコルと body 計算プロパティについて学びます。
「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フィードバックを取得できます。ローカル設定は不要です。