SwiftUIを学ぶ
無料のインタラクティブなSwiftUI講座です。毎回のレッスンで本物のSwiftUIコードを書き、作った画面をライブのスマートフォンプレビューで確認し、タップして状態が変わる様子を見られます。MacもXcodeも不要で、つまずいたときはAIヒントが助けてくれ、修了すると無料の修了証がもらえます。
4,496+ 人のcoddersが登録中
50 レッスン50 チャレンジ106 クイズの問題
- 初心者向け
AIによるコーディングサポート
実践的なインタラクティブレッスン
知識を確かめるクイズ
無料の修了証明書
シラバス
このセクションは Swift ジャーニーの一部です。シラバス全体にはさらに多くのセクションがあります - 下のプレビューをクリックして、ジャーニーページで確認してください。
- セクション 1基礎86 レッスン
- セクション 2ロジックとフロー56 レッスン
- セクション 3オブジェクト指向プログラミング57 レッスン
セクション 4
SwiftUI入門
セクションを始める開始開く閉じるSwiftUIを使ってSwiftでアプリの画面を構築します。ビューとモディファイア、スタックとレイアウト、状態とボタン、テキストフィールドとトグル、リスト、ナビゲーション、共有データを学びます。すべてのレッスンで実際のSwiftUIコードを使用し、ライブプレビューで確認できます。コンテンツの表示
6 レッスン615Stackとレイアウト
5 レッスン512モディファイア
5 レッスン512状態とボタン
5 レッスン512ユーザー入力
5 レッスン512リスト
5 レッスン512ナビゲーション
5 レッスン512データの共有
4 レッスン49プロジェクト - Coddy Coffee
プロジェクト5 レッスン52
実践で学ぶ
実際のコードを書き、データベースをクエリし、ウェブサイトを構築し、AIプロンプトをマスターしましょう。インタラクティブなレッスンで現代の開発者に必要なすべてのスキルを網羅しています。
連続記録を築こう
継続して進捗を見守りましょう!毎日のコーディング習慣を追跡し、フリーズ日で連続記録を守り、毎日参加することで報酬を獲得しましょう。
12 日連続
明日も戻ってきて連続記録を維持しましょう!
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
ダブル・オア・ナッシング
7日中5日目
連続記録フリーズ
2 left
どこでも学べる
コーディングの旅を持ち歩こう!セットアップ不要、ダウンロード不要 - 開いてすぐにコーディング開始。iOS、Android、Webで4.9星評価で利用可能。
あなたは一人じゃない
グローバルリーダーボードで競い、友達を招待して報酬を獲得し、お互いの成功を祝いましょう。プログラミングは友達と一緒の方が楽しい!
あらゆる学び方に対応
読む・聴く・自分を試す・AIに聞く・学んだことを調べる。どんな学び方にも対応したレッスンです。
変数は、後でプログラム内で参照できる値を格納する、名前のついた入れ物です。
Pythonでは、名前、イコール記号、格納したい値の順で書くことで作成します。
値は後から変えられます。再代入すると、名前は新しい値を指すようになります。
修了証を取得
完了したすべてのコースで証明書を獲得しましょう。LinkedInプロフィールや履歴書に追加して、雇用主にプログラミングスキルをアピールしましょう。
CoddyでSwiftUIを学ぶ理由
- iPhoneアプリの画面をブラウザで作れます。Macも、Xcodeも、シミュレーターのセットアップも不要です。コードは私たちのサーバーでコンパイルされ、プレビューにそのコードが表す画面が表示されるので、WindowsやLinux、ChromebookでもSwiftUIを学べます。
- どの画面でも使うSwiftUI:テキスト、フォント、カラー、SF Symbols、スタック、配置と
Spacer、モディファイアのチェーンと順番が大切な理由、ボタンと@State、テキストフィールド、トグル、スライダー、ピッカー、ForEachとList、NavigationStack、シートとアラート、そしてビュー間でデータを共有する@BindingとObservableオブジェクト。 - タップできるライブプレビュー。プレビューでボタンを押したりトグルを切り替えたりすると、ビューが新しい状態で再描画されるので、宣言的UIの仕組みを読むだけでなく目で確かめられます。スマートフォンのフレーム表示に切り替えて、作った画面のスクリーンショットを保存することもできます。
- 途中で小さなアプリをいくつも作ります。値札や天気カードから、スコアカウンター、買い物リスト、植物図鑑まで。最後は複数画面のコーヒー注文アプリを最終プロジェクトとして作り、セクションを修了すると無料のSwiftUI修了証がもらえます。
SwiftUI学習に関するよくある質問
SwiftUIとは何ですか?
bodyを持つ小さな構造体でできていて、スタックで組み合わせ、モディファイアで見た目を整えます。同じコードでiPhone、iPad、Mac、Apple Watch、Apple TV、Vision Proの画面を作れます。ここでSwiftUIを学ぶのにMacやXcodeは必要ですか?
プレビューはXcodeのものと同じですか?
@Stateの変化もアプリと同じように表示されます。対象はレッスンで扱うビューとモディファイアで、SwiftUIフレームワークのすべてではないので、Xcodeの代わりではなく学ぶための場所と考えてください。SwiftUIの前にSwiftを学ぶべきですか?
@Stateはプロパティを包み、リストは配列をループし、コンパイラの型エラーはSwiftのエラーです。このセクションは、変数、型、関数、構造体、オプショナルを扱うSwiftジャーニーのFundamentalsセクションのすぐ後にあるので、Swiftが初めてならそこから始めましょう。SwiftUIとUIKit、どちらを学ぶべきですか?
SwiftUIは難しいですか?
@Stateから@Binding、Observableオブジェクトへと一歩ずつ進み、各章の最後に小さなアプリを作ります。