Menu
CoddyTech
swift iconSwift ジャーニーの一部新着ジャーニー

SwiftUIを学ぶ

無料のインタラクティブなSwiftUI講座です。毎回のレッスンで本物のSwiftUIコードを書き、作った画面をライブのスマートフォンプレビューで確認し、タップして状態が変わる様子を見られます。MacもXcodeも不要で、つまずいたときはAIヒントが助けてくれ、修了すると無料の修了証がもらえます。

4,496+ 人のcoddersが登録中

50 レッスン50 チャレンジ106 クイズの問題

  • 初心者向け
  • sparkles iconAIによるコーディングサポート
  • hint icon実践的なインタラクティブレッスン
  • quiz icon知識を確かめるクイズ
  • certificate icon無料の修了証明書

シラバス

1 セクション1 プロジェクト50 レッスン50 チャレンジ106 クイズの問題

このセクションは Swift ジャーニーの一部です。シラバス全体にはさらに多くのセクションがあります - 下のプレビューをクリックして、ジャーニーページで確認してください。

  1. セクション 1基礎86 レッスン
  2. セクション 2ロジックとフロー56 レッスン
  3. セクション 3オブジェクト指向プログラミング57 レッスン
  4. セクションを始める開始開く閉じるSwiftUIを使ってSwiftでアプリの画面を構築します。ビューとモディファイア、スタックとレイアウト、状態とボタン、テキストフィールドとトグル、リスト、ナビゲーション、共有データを学びます。すべてのレッスンで実際のSwiftUIコードを使用し、ライブプレビューで確認できます。

    はじめに

    2 レッスン28

    コンテンツの表示

    6 レッスン615

    Stackとレイアウト

    5 レッスン512

    モディファイア

    5 レッスン512

    状態とボタン

    5 レッスン512

    ユーザー入力

    5 レッスン512

    リスト

    5 レッスン512

    ナビゲーション

    5 レッスン512

    データの共有

    4 レッスン49

    プロジェクト - Coddy Coffee

    プロジェクト5 レッスン52

    最終チャレンジ

    3 レッスン3
使える機能
コーディングを学ぶために使うすべて

実践で学ぶ

実際のコードを書き、データベースをクエリし、ウェブサイトを構築し、AIプロンプトをマスターしましょう。インタラクティブなレッスンで現代の開発者に必要なすべてのスキルを網羅しています。

playground.js
コードエディタ
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
テスト #1test Case Success icon
テスト #2test Case Success icon
テスト #3test Case Failure icon
入力
"Alex"
出力
"Hello, Coddy! Alex"

連続記録を築こう

継続して進捗を見守りましょう!毎日のコーディング習慣を追跡し、フリーズ日で連続記録を守り、毎日参加することで報酬を獲得しましょう。

12 日連続

明日も戻ってきて連続記録を維持しましょう!

fire Filled icon
left icon

January 2026

right icon

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

product Double Or Nothing icon

ダブル・オア・ナッシング

7日中5日目

fire Freeze icon

連続記録フリーズ

2 left

どこでも学べる

コーディングの旅を持ち歩こう!セットアップ不要、ダウンロード不要 - 開いてすぐにコーディング開始。iOS、Android、Webで4.9星評価で利用可能。

Python
7ストリーク
250スコア
5エネルギー
変数
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
続ける
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
ジャーニー
目標
リーダーボード
プロフィール
4.9
星星星星星
評価

あなたは一人じゃない

グローバルリーダーボードで競い、友達を招待して報酬を獲得し、お互いの成功を祝いましょう。プログラミングは友達と一緒の方が楽しい!

チャレンジャーリーグ
チャレンジャーリーグ上位7名が昇格
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up icon昇格ゾーンleaderboard Arrow Up icon

あらゆる学び方に対応

読む・聴く・自分を試す・AIに聞く・学んだことを調べる。どんな学び方にも対応したレッスンです。

変数の入門
音声

変数は、後でプログラム内で参照できる値を格納する、名前のついた入れ物です。

Pythonでは、名前、イコール記号、格納したい値の順で書くことで作成します。

値は後から変えられます。再代入すると、名前は新しい値を指すようになります。

1xSarah

修了証を取得

完了したすべてのコースで証明書を獲得しましょう。LinkedInプロフィールや履歴書に追加して、雇用主にプログラミングスキルをアピールしましょう。

Coddy修了証明書
これは以下を証明します山田 太郎が正常に完了しました
python iconPythonの基礎
認証済み
日付2026年1月
LinkedInLinkedInに追加

CoddyでSwiftUIを学ぶ理由

  • iPhoneアプリの画面をブラウザで作れます。Macも、Xcodeも、シミュレーターのセットアップも不要です。コードは私たちのサーバーでコンパイルされ、プレビューにそのコードが表す画面が表示されるので、WindowsやLinux、ChromebookでもSwiftUIを学べます。
  • どの画面でも使うSwiftUI:テキスト、フォント、カラー、SF Symbols、スタック、配置とSpacer、モディファイアのチェーンと順番が大切な理由、ボタンと@State、テキストフィールド、トグル、スライダー、ピッカー、ForEachとList、NavigationStack、シートとアラート、そしてビュー間でデータを共有する@BindingとObservableオブジェクト。
  • タップできるライブプレビュー。プレビューでボタンを押したりトグルを切り替えたりすると、ビューが新しい状態で再描画されるので、宣言的UIの仕組みを読むだけでなく目で確かめられます。スマートフォンのフレーム表示に切り替えて、作った画面のスクリーンショットを保存することもできます。
  • 途中で小さなアプリをいくつも作ります。値札や天気カードから、スコアカウンター、買い物リスト、植物図鑑まで。最後は複数画面のコーヒー注文アプリを最終プロジェクトとして作り、セクションを修了すると無料のSwiftUI修了証がもらえます。

SwiftUI学習に関するよくある質問

SwiftUIとは何ですか?

SwiftUIは、Swiftでアプリの画面を作るためのAppleのフレームワークです。要素をひとつずつ手作業で配置・更新する代わりに、現在のデータに対して画面が何を表示すべきかを記述すると、SwiftUIがそれを描画し、データが変わるたびに再描画します。画面はビュー、つまりbodyを持つ小さな構造体でできていて、スタックで組み合わせ、モディファイアで見た目を整えます。同じコードでiPhone、iPad、Mac、Apple Watch、Apple TV、Vision Proの画面を作れます。

ここでSwiftUIを学ぶのにMacやXcodeは必要ですか?

いいえ。すべてのレッスンはブラウザで動きます。コードは私たちのサーバーでコンパイルされ、エディタの横のプレビューにそのコードが作る画面が表示されるので、Windows、Linux、Chromebookでも問題ありません。実機のiPhoneでアプリを動かしたりApp Storeに公開したりするには、いずれXcodeの入ったMacが必要になりますが、ここで学んだことはそのまま活かせます。

プレビューはXcodeのものと同じですか?

役割は同じですが、iOSシミュレーターではありません。プレビューは、講座で扱うSwiftUIビューをCoddyが独自に実装したもので描画され、レッスンを採点するのと同じ実行結果から作られるので、画面に見えているものがそのままテストで確認される内容です。ボタンやトグル、リンクへのタップはあなたのコードに対して再生されるため、@Stateの変化もアプリと同じように表示されます。対象はレッスンで扱うビューとモディファイアで、SwiftUIフレームワークのすべてではないので、Xcodeの代わりではなく学ぶための場所と考えてください。

SwiftUIの前にSwiftを学ぶべきですか?

はい、少なくとも基礎は必要です。SwiftUIはSwiftのコードです。ビューは構造体で、@Stateはプロパティを包み、リストは配列をループし、コンパイラの型エラーはSwiftのエラーです。このセクションは、変数、型、関数、構造体、オプショナルを扱うSwiftジャーニーのFundamentalsセクションのすぐ後にあるので、Swiftが初めてならそこから始めましょう。

SwiftUIとUIKit、どちらを学ぶべきですか?

まずはSwiftUIから始めましょう。新しい画面を作る方法としてAppleが推奨しており、同じ画面でも必要なコードがずっと少なく、最近のチュートリアルやサンプルコード、Appleのセッションの多くもSwiftUIを使っています。UIKitは多くの既存アプリを支える古いフレームワークなので仕事で出会うこともありますが、SwiftUIとUIKitはひとつのアプリの中で一緒に使えますし、最初の一歩としてはSwiftUIのほうが簡単です。

SwiftUIは難しいですか?

基本はすぐに身につきます。数行でテキストや画像、ボタンを画面に出せて、プレビューで編集のたびに結果を確認できます。練習が必要なのは状態で考えることです。ビューを自分で変えるのではなく、データを変えてビューに再描画させます。そのためこのセクションでは、@Stateから@Binding、Observableオブジェクトへと一歩ずつ進み、各章の最後に小さなアプリを作ります。

SwiftUIを無料でオンライン学習できますか?

はい。インタラクティブなSwiftUIセクションは無料です。すべてのレッスン、各演習での実践的なコーディング、ライブプレビュー、最終プロジェクト、修了証が含まれます。始める前にインストールするものも、Appleのデベロッパーアカウントを作る必要もありません。

SwiftUI講座を修了すると修了証はもらえますか?

はい。セクションを修了すると、LinkedInで共有したり履歴書に追加したりできる無料のSwiftUI修了証がもらえます。Appleの公式認定ではありませんが、途中で作ったアプリと合わせれば、iOSエンジニアの求人に応募するときの有効なアピール材料になります。
Coddyのプログラミング言語のイラスト

CoddyでSwiftUI入門を学ぼう

始める