環境構築から、Dart の文法・Widget とレイアウト・画面遷移とフォーム・Riverpod による状態管理・HTTP と保存・テスト・署名とストア提出まで。全50レッスンで「1 つのコードから iOS・Android・Web に出せるメモアプリを、テスト付きでビルドできる」ところまで進みます。コードと実行結果はすべて Flutter 3.47.5 / Dart 3.13.4 で実際に動かしたものです。
全50レッスンを7つの章に分けています。第1章から順に進めるのがおすすめですが、
気になるところだけ拾い読みしてもかまいません。
※ ブラウザ内で実行できないため、手元に Flutter SDK 3.47 系を入れて dart run と flutter test で試してください。第1〜5章は実機もエミュレータも要りません。第6章から先で、シミュレータとエミュレータを使います。
Flutter のコードを読むために要る Dart だけを、実際に動かしながら押さえます。型と null 安全・コレクション・クラス・sealed class・非同期まで進み、この章を抜ければ第2章以降のコードが「知らない文法」で止まらなくなります。
プロジェクトを作って最初の画面を出し、Widget ツリー・StatelessWidget と StatefulWidget・レイアウトの基本を覚えます。最後は「制約は下へ、大きさは上へ」の原則を実測して、はみ出しのエラーを自分で直せるところまで行きます。
一覧・スクロール・画面遷移・入力フォーム・テーマをそろえて、アプリらしい画面を組み立てます。最後はメモの一覧画面を 1 枚作り、次の章で状態管理へ持ち上げる前の形を用意します。
setState がどこで行き詰まるかを実際に確かめてから、InheritedWidget と Riverpod で値を Widget ツリーの外へ出します。再描画の範囲を数えながら絞り、最後はメモアプリを Riverpod に載せ替えます。
手元にサーバーを立てて HTTP を往復させ、JSON を型に写し取り、失敗の種類を型で表します。設定とファイルへの保存まで進み、最後は閉じて開き直しても残るメモアプリに仕上げます。
プラットフォームごとの分岐と権限の流れを押さえ、ユニット・Widget・統合の 3 種類のテストを書き分けます。落ちたテストの読み方まで扱うので、赤くなった出力で手が止まらなくなります。
debug と release の違いから、Android の署名・iOS のビルド・アイコン・ストア提出の準備までを実際のコマンドで通します。最後に Flet との違いを並べ直し、次にどこへ進むかの地図を渡します。
全50レッスンを終えたら、同じ画面の仕組みを Python から使う Flet 入門コース、ネイティブ側から見直す Kotlin & Android 入門コース や Swift 入門コース、アプリがつなぐ API を設計する API 設計入門コース へ。メンバーシップで全コースが解放されます。