新着ジャーニー
Flutter 入門：アプリ開発をゼロから
ゼロから始める、無料でインタラクティブなFlutter講座です。Dartで本物のアプリを書き、エディタの隣のスマホ画面で動かします。ホットリロード、AIのヒント、セクションごとの修了証つきです。
1,000+ 人のcoddersが登録中
219 レッスン219 チャレンジ297 クイズの問題
- 初心者向け
AIによるコーディングサポート
実践的なインタラクティブレッスン
全レッスンに音声ナレーション付き
知識を確かめるクイズ
無料の修了証明書
シラバス
セクション 1
はじめてのアプリ
セクションを始める開始開く閉じるFlutterで作る最初のアプリ：Flutterとは何か、ウィジェットツリー、テキストとそのスタイル、色付きのボックス、パディング、RowとColumn、アイコンと画像、そして必要なDartの基礎を学びます。最後に名刺アプリを作ります。Flutterを始めよう
6 レッスン68行と列
6 レッスン68アイコンと画像
5 レッスン55セクション 2
アプリをインタラクティブにする
セクションを始める開始開く閉じる操作に応えるアプリ：ボタン、関数とConsole、StatefulWidgetとsetState、constとfinal、ifと真偽値による条件分岐、テキストフィールド、スイッチ、チェックボックス、スライダー、それらを支えるDartの知識を学びます。最後にチップ計算アプリを作ります。ボタン
5 レッスン57状態を持つWidget
6 レッスン610const と final
2 レッスン24条件分岐
5 レッスン58テキストフィールド
5 レッスン57スイッチとスライダー
3 レッスン34プロジェクト：チップ計算機
プロジェクト5 レッスン56セクション 3
リストと画面
セクションを始める開始開く閉じる複数の画面を持つアプリ：スクロールできるリストとリストタイル、カードとグリッド、データを扱う独自のDartクラス、画面間の移動とデータの受け渡し、タブ、ドロワー、スワイプによる削除を学びます。最後にレシピブックアプリを作ります。スクロールするリスト
5 レッスン58カードとグリッド
3 レッスン33自分でクラスを作ろう
6 レッスン611複数の画面を使う
5 レッスン58タブ、ドロワー、スワイプ
5 レッスン58プロジェクト：レシピブック
プロジェクト6 レッスン67セクション 4
画面サイズに合わせたレイアウト
セクションを始める開始開く閉じるどんなスマートフォンにも合う画面：Expanded、Flexible、Spacerを使ったRow内のスペース配分、オーバーフローエラーの読み方と修正方法、Wrap、StackとPositioned、SafeArea、最大幅、画面サイズとブレークポイント、enumとswitch、アプリのテーマとダークモードを学びます。最後に音楽プレーヤーの画面を作ります。行を共有する
4 レッスン45オーバーフローエラー
5 レッスン56ウィジェットを重ねる
4 レッスン45サイズとブレークポイント
4 レッスン44enumとswitch
3 レッスン33テーマとダークモード
5 レッスン56プロジェクト：音楽プレーヤー
プロジェクト5 レッスン55セクション 5
状態管理
セクションを始める開始開く閉じるウィジェットや画面間でデータを共有する方法：値とコールバックを使った状態の持ち上げ、モデルクラスに必要なDartの知識、ChangeNotifierを使うProvider、ConsumerWidget、StateProvider、Notifierを使うRiverpod、そしてそれぞれの使いどころを学びます。最後に、2つの画面で共有するショッピングカートを作ります。Stateのリフトアップ
4 レッスン48モデル向けのDart
4 レッスン48Provider
7 レッスン714Riverpod
6 レッスン612プロジェクト：ショッピングカート
プロジェクト6 レッスン68セクション 6
データとネットワーク
セクションを始める開始開く閉じるデータを待つアプリ：Future、asyncとawait、FutureBuilderを使った読み込みスピナー、tryとcatchによるエラー処理、サーバーからのJSONをDartクラスに変換する方法、引っ張って更新、intlを使った日付と価格の表示を学びます。最後に天気アプリを作ります。Future
4 レッスン46読み込み中の画面
5 レッスン58呼び出しが失敗するとき
5 レッスン56JSON
5 レッスン59日付と価格
3 レッスン33プロジェクト：天気アプリ
プロジェクト5 レッスン56セクション 7
プロジェクト
セクションを始める開始開く閉じるこれまで学んだことをすべて使い、4つのアプリを手順を追って作ります：ToDoリスト、クイズ、カート付きのストア、連続記録とダークモードを備えた習慣トラッカー。それぞれ仕上げまで作り込み、人に見せられるアプリにします。プロジェクト：To-doリスト
プロジェクト9 レッスン910プロジェクト：クイズ
プロジェクト9 レッスン99プロジェクト：ストア
プロジェクト9 レッスン99プロジェクト：習慣トラッカー
プロジェクト9 レッスン99
使える機能
コーディングを学ぶために使うすべて
実践で学ぶ
実際のコードを書き、データベースをクエリし、ウェブサイトを構築し、AIプロンプトをマスターしましょう。インタラクティブなレッスンで現代の開発者に必要なすべてのスキルを網羅しています。
playground.js
コードエディタ
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3 return greeting + " " + name
4}
5
テスト #1
テスト #2
テスト #3
入力
"Alex"
出力
"Hello, Coddy! Alex"
連続記録を築こう
継続して進捗を見守りましょう！毎日のコーディング習慣を追跡し、フリーズ日で連続記録を守り、毎日参加することで報酬を獲得しましょう。
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
あなたは一人じゃない
グローバルリーダーボードで競い、友達を招待して報酬を獲得し、お互いの成功を祝いましょう。プログラミングは友達と一緒の方が楽しい！
チャレンジャーリーグ上位7名が昇格
1
Alex7+ Days
2840
2
Jordan7+ Days
2650
3
Sam7+ Days
2420
4
Casey
2180
5
Morgan7+ Days
1950
昇格ゾーンあらゆる学び方に対応
読む・聴く・自分を試す・AIに聞く・学んだことを調べる。どんな学び方にも対応したレッスンです。
変数の入門
音声
変数は、後でプログラム内で参照できる値を格納する、名前のついた入れ物です。
Pythonでは、名前、イコール記号、格納したい値の順で書くことで作成します。
値は後から変えられます。再代入すると、名前は新しい値を指すようになります。
1xSarah
修了証を取得
完了したすべてのコースで証明書を獲得しましょう。LinkedInプロフィールや履歴書に追加して、雇用主にプログラミングスキルをアピールしましょう。
修了証明書これは以下を証明します山田 太郎が正常に完了しました
Pythonの基礎
Pythonの基礎
日付2026年1月
LinkedInに追加CoddyでFlutterを学ぶ理由
- コードとアプリが横に並んでいます。「実行」を押すと、アプリはCoddyのサーバーでコンパイルされ、エディタの隣のスマホ画面でFlutterのWebエンジンによって動きます。ホットリロードは変更を反映し、アプリの状態はそのまま残ります。コンソールには
print()の出力とエラーが表示されます。「チェック」を押すと、アプリが画面に表示している内容でレッスンが採点されます。 - FlutterもDartも知らなくて大丈夫です。最初のセクションでは、
Text、色つきのボックス、余白、RowとColumn、アイコンと画像でウィジェットツリーを組み立て、名刺アプリで締めくくります。2つ目のセクションでは、ボタン、StatefulWidgetとsetState、constとfinal、テキスト入力、スイッチ、スライダーでアプリが反応するようになり、最後はチップ計算アプリです。 - 複数の画面を持つアプリとして、スクロールするリスト、カードとグリッド、自分で作るDartのクラス、画面の移動、タブ、ドロワー、スワイプで削除を学びます。そのあと、どのスマホにも収まるレイアウトとして、
Expanded、Flexible、Spacer、オーバーフローエラーとその直し方、Stack、SafeArea、ブレークポイント、テーマとダークモードに進みます。 - 実際のアプリと同じ方法で状態とデータを扱います。状態の持ち上げ、
ProviderとChangeNotifier、RiverpodとConsumerWidget、Notifier、そしてどれをいつ使うか。続いてFuture、asyncとawait、FutureBuilder、tryとcatch、サーバーから受け取ったJSONをDartのクラスにする方法を学び、天気アプリで締めくくります。
Flutterの学習についてよくある質問
Flutterを学ぶのにDartの知識は必要ですか？
いいえ。FlutterのアプリはDartで書きますが、この講座では必要なDartを進みながら学びます。変数、関数、
if、クラス、asyncとawaitを、アプリで初めて必要になったときに学びます。プログラミングの経験は要りません。Dartの講座を先に受けるべきですか、それともFlutterから始めるべきですか？
アプリを作りたいなら、ここから始めてください。最初のレッスンからFlutterアプリを書き、その中でDartを学びます。コマンドラインのプログラムやより深いDartなど、言語そのものを先に学びたい場合は、先にDartの講座を受けると、この講座をより速く進められます。
Android Studioやエミュレーター、スマホは必要ですか？
いいえ。アプリはCoddyのサーバーでコンパイルされ、ブラウザ内のスマホ画面で動くので、Flutter SDKの設定もエミュレーターの起動も要りません。講座はWebサイト上にあり、パソコンでもスマホのブラウザでも使えますが、Coddyのモバイルアプリには入っていません。あとでAndroidやiOS向けにアプリを公開するときは、自分のパソコンにFlutterをインストールします。ここで書いたコードはそのまま使えます。
このFlutter講座ではどんなアプリを作りますか？
各セクションの最後にアプリを作ります。名刺、チップ計算、レシピ帳、音楽プレーヤーの画面、2つの画面で共有するショッピングカート、天気アプリです。最後のセクションでは、さらに4つを一歩ずつ作ります。ToDoリスト、クイズ、カートつきのショップ、連続記録とダークモードつきの習慣トラッカーです。
Flutter講座は無料ですか？
はい。レッスン、アプリのプレビュー、AIのヒント、修了証は無料です。無料アカウントでは1日にいくつかのレッスンを進められ、Proにすると1日の上限がなくなります。
Flutter講座の修了証はもらえますか？
はい。7つのセクションそれぞれを終えると、無料の修了証がもらえます。修了証には専用のページがあり、共有したりLinkedInに追加したりできます。
