Flutter

単一のコードベースからモバイルアプリを

FlutterはひとつのDartコードベースからiOSとAndroidのアプリ（そしてそれ以外も）を構築します。ウィジェット、レイアウト、ナビゲーション、状態管理、API、永続化、さらにアニメーションやテストまで。本格的なモバイルアプリを作りましょう。

基礎

初級 - 基本を一歩ずつ

• FlutterとDart：インストールと最初のプロジェクトFlutterとDartが何かを知り、ツールをインストールし、最初のプロジェクトを作成して、ホットリロードの魔法を体験しましょう。
• Dartの基礎：変数、関数、null安全性型付き変数に値を保存し、関数を書き、nullに対する保護のしくみを理解しましょう。
• すべてはウィジェット：Text、Container、IconText、Container、Iconという三つの基本的な部品を通して、Flutterの大きな考え方であるウィジェットツリーを理解しましょう。
• レイアウト：Row、Column、Padding、Expanded、SizedBox列、行、余白、空間の配分を使って、画面上の複数のウィジェットを整理しましょう。
• 対話性：ボタン、StatefulWidget、setStateボタンのタップに反応し、setStateで表示を更新して、画面に命を吹き込みましょう。

ステップアップ

中級 - 実践的なものを作る

• ListView.builderによる高性能なリストListView.builder、ListTile、そして独自のウィジェットに切り出した項目のおかげで、数千個の項目のリストを遅延なく表示しましょう。
• Navigatorで画面間を移動するNavigator.pushとpopで画面をプッシュしたりポップしたりし、コンストラクターでデータを渡し、画面が閉じるときに結果を受け取りましょう。
• フォーム：TextField、コントローラー、検証TextEditingControllerで入力フィールドを操作し、FormとTextFormFieldのおかげですべての入力を一度に検証しましょう。
• 状態の共有：状態のリフトアップとコールバック状態を共通の祖先に置き、子ウィジェットを、コールバックを通じて変化を報告する制御されたウィジェットに変えましょう。
• テーマ：ThemeData、Material 3、ダークモード色とタイポグラフィをThemeDataに集約し、ColorScheme.fromSeedでMaterial 3のパレットを生成し、労せずにダークモードを提供しましょう。

応用

上級 - 高度なパターンとパフォーマンス

• データをモデル化する：クラス、JSON、不変性fromJson、toJson、copyWith、そして信頼できる値の等価性を使って、JSONを不変なDartのクラスへと変換しましょう。
• Dartの非同期：Future、async/await、FutureBuilderUIをブロックしたり、うっかりリクエストを再発火させたりすることなく、Future、async/await、FutureBuilderを使いこなしましょう。
• HTTP APIを呼び出す：デコードと画面の状態httpパッケージでプロフェッショナルなネットワーク呼び出しを組み立てましょう。タイムアウト、ステータスコード、型付きデコード、そして網羅的な状態です。
• 構造化された状態管理：ChangeNotifierとProviderChangeNotifierとProviderでアプリケーションの状態を共有し、狙いを定めたリビルドのためにwatch、read、selectを使いこなしましょう。
• shared_preferencesによるローカルな永続化shared_preferencesで設定や軽量なデータを永続化しつつ、そのセキュリティと容量の限界を知っておきましょう。

マスター

エキスパート - 設計、内部構造、エッジケース

• アプリの設計：UI、ロジック、データリポジトリパターンと型付きのsealed結果を使って、Flutterアプリを密閉された層に構造化しましょう。
• アニメーション：暗黙的と明示的、その内部の仕組み暗黙的アニメーションの内部の仕組みを理解し、自分のAnimationControllerを細かく操作しましょう。
• パフォーマンス：const、再構築、キー、DevToolsconst、キー、そして照合のおかげで無駄な再構築をなくし、それからDevToolsで計測しましょう。
• アダプティブ：LayoutBuilder、MediaQuery、プラットフォーム親の制約、ウィンドウ、そして各OSの慣習に適応するインターフェースを作りましょう。
• テスト：Dartの単体テストとウィジェットテスト手書きの偽物、シミュレートされた時計、そして正しいpumpの反射神経で、ロジックとウィジェットをテストしましょう。