Series
Flutter導入と基礎
『Flutter導入と基礎』シリーズの記事一覧（全38回）。Windows 11 で Flutter を始めたい初学者〜初級者で、WSL2を使わずに Android 向けの開発環境を最短で作りたい人向けの内容です。
Posts
シリーズの記事一覧
公開順（シリーズ内の並び順）に読めます。
-
Windows 11で始めるFlutter開発環境：Android Emulatorで動かすまで
Windows 11でFlutter SDKとAndroid StudioとVS Codeをそろえ、Android Emulatorで最初のFlutterアプリを動かす。
-
Flutter + FVM で開発環境のバージョンを固定する
Windows 11 の Flutter 環境に FVM を追加し、プロジェクトごとに Flutter SDK を固定して `fvm flutter run` まで確認できるようにする。
-
Flutterで画像・SVG・アイコンを管理する（flutter_gen最小構成）
Flutterで flutter_gen を最小導入し、PNG 画像、SVG イラスト、SVG アイコンを型安全に参照する流れを 1 本で確認できるようにする。
-
Flutterで最初に詰まりやすいDartの書き方：final・const・null safety・async/await を最初に整理する
Flutter のサンプルコードで止まりやすい final / const・null safety・named parameters・async/await・build 内の collection if / for の読み方を、最初の1本向けに整理する。
-
DartのStream入門（非同期データの流れをつかむ）
Dart の Stream を Flutter の文脈で整理し、StreamController・listen・await for・StreamBuilder の最小例を通して非同期データの流れを読めるようにする。
-
FlutterのWidgetライフサイクル入門（initState / dispose で詰まらないために）
Flutter の StatefulWidget で initState / build / dispose の役割を最小例で整理し、初回読込の置き場と Controller の後始末で迷わないようにする。
-
FlutterでBuildContextとKeyを理解する
Flutter の BuildContext と Key を最小例で整理し、Widget ツリー上の位置と並び替え時の state 対応付けを判断できるようにする。
-
Flutterのレイアウト入門（Column / Row / Stack の使い分け）
Flutter の Column / Row / Stack を最小例で整理し、RenderFlex overflow の原因と Expanded / Flexible の使い分けまで判断できるようにする。
-
Flutterのテーマ設計入門（ThemeData + Theme Extension）
Flutter の ThemeData と ThemeExtension を最小例で整理し、標準テーマと業務固有トークンの置き場を判断できるようにする。
-
FlutterでMediaQueryとLayoutBuilderを使って画面サイズに対応する（スマホ・タブレット両対応）
Flutter の MediaQuery と LayoutBuilder を最小例で整理し、スマホでは 1 カラム、幅が広い端末では 2 カラムや 2 ペインへ切り替える判断基準を持てるようにする。
-
FlutterのContainerとSizedBoxを使いこなす（余白・サイズ・装飾の基本）
Flutter の SizedBox・Padding・Container を最小例で整理し、余白・サイズ・装飾をどこへ書くか判断できるようにする。
-
FlutterのListViewとGridViewで一覧画面を作る（基本パターン）
Flutter の ListView・ListView.builder・GridView.count を最小例で整理し、一覧画面を縦リストかグリッドで組み始める判断基準を持てるようにする。
-
Flutterのダイアログ・スナックバー・ボトムシートを使う（確認・通知UIの基本）
Flutter の Dialog・SnackBar・BottomSheet を最小例で整理し、確認 UI と通知 UI を場面に応じて選べるようにする。
-
FlutterのTabBarとBottomNavigationBarで複数画面を切り替える
Flutter の BottomNavigationBar と TabBar を最小例で整理し、Navigator と役割で切り分けながら複数画面を設計できるようにする。
-
Flutterでカスタムウィジェットを作る入門（StatelessWidget の分割と再利用）
Flutter の StatelessWidget 分割を最小例で整理し、親から子への値渡しと再利用の判断基準を持てるようにする。
-
Flutterのルーティング入門（Navigator と go_router の使い分け）
Flutter の Navigator と go_router の役割を最小例で整理し、画面遷移、値の受け渡し、戻り先の設計を判断できるようにする。
-
FlutterからREST APIを呼ぶ最小構成（JSON通信 + エラー処理）
Flutter から json-server の REST API を呼び、http パッケージで GET / POST、JSON 変換、エラー処理を最小構成で確認できるようにする。
-
Flutterでjson_serializable + build_runnerを使ってJSONモデルを型安全に扱う
Flutterで json_serializable と build_runner を導入し、ネストした JSON モデルの fromJson / toJson 自動生成と再生成の運用を最小構成で確認できるようにする。
-
Flutterの状態管理入門（Riverpod最小構成）
Flutterで flutter_riverpod を最小導入し、NotifierProvider と派生 Provider で UI とロジックを分けながら状態変更と画面反映を確認できるようにする。
-
Flutterでローディング・空状態・エラー表示を整える
Flutterで FutureProvider と AsyncValue を使い、ローディング・空状態・エラー表示を分けながら再試行と共通 UI 化の入口まで確認できるようにする。
-
Dart 3のsealed classとパターンマッチングで分岐を安全に書く
Dart 3の sealed class と switch 式のパターンマッチングを使い、API 結果の成功 / 0件 / 未認証 / 通信失敗を型で分けながら安全に分岐する入口を整理する。
-
Flutterでgo_routerの認証ガードを実装する（redirect最小構成）
Flutterで go_router の redirect を使い、未ログイン時のログイン画面への分岐、ログイン後の戻り先保持、詳細 route への direct access を最小構成で確認できるようにする。
-
Flutterで端末設定と利用者設定を保存する（SharedPreferencesとsecure storageの使い分け）
Flutterで SharedPreferences と flutter_secure_storage を使い分け、端末設定と利用者設定の保存、初期値復元、保存後反映を最小構成で確認できるようにする。
-
Flutterでログイン状態を保持する（JWT + secure storage 最小構成）
Flutterで JWT を secure storage に保存し、ログイン API 呼び出し、起動時復元、ログアウト時の破棄までを最小構成で確認できるようにする。
-
Flutterアプリを日本語化する（l10n + arb 最小構成）
Flutter標準の l10n と arb を使い、日本語 UI、引数付き文言、複数形、バリデーションメッセージの最小構成を確認できるようにする。
-
Flutterで業務用バーコード読み取りアプリを作る（最小構成）
Flutterで業務用バーコード読み取りの最小アプリを作り、カメラ検出、履歴表示、重複スキャン抑止までを1画面で確認できるようにする。
-
Flutterでスキャン入力を受けて処理する
Flutterでキーボード入力型のスキャン値を受け取り、常時フォーカス、Enter確定、不可視文字除去、形式エラー時の再入力導線までを1画面で確認できるようにする。
-
FlutterでGS1-128バーコードを解析する
FlutterでGS1-128文字列を括弧あり / なし両対応で分解し、GTIN・有効期限・重量・補助識別子を型付きデータとして扱う最小構成を確認できる。
-
Flutterで単一画面の入力フローを作る
Flutterで読取結果の確認、追加入力、保存条件の判定を1画面で組み立て、業務向けの単一画面入力フローを最小構成で確認できる。
-
Flutterで複数画像の添付UIを作る
Flutterでギャラリーから複数画像を選び、上限枚数の制御、サムネイル一覧、削除、差し替えまでを1画面で確認できるようにする。
-
Flutterでデータをファイルに書き出す
Flutterで path_provider を使い、data.csv と添付画像を書き出す最小構成を通して、フォルダ名・画像名・失敗時の再出力まで整理できる。
-
permission_handler でAndroid権限を実践的に扱う（カメラ・ストレージ・Bluetooth）
Flutterで permission_handler を使い、Android のカメラ、ストレージ系、Bluetooth 権限について、要求タイミング、拒否時分岐、設定画面誘導までを最小構成で整理する。
-
Flutterアプリのネイティブ設定を整える（アプリ名 / アイコン / スプラッシュ / 署名）
Flutter アプリで Android のアプリ名、ランチャーアイコン、起動画面、リリース署名を最小構成で整え、配布前の見た目と build 設定をそろえる。
-
Flutterの環境切替と配布前チェック（flavor / release build / 権限確認）
Flutter で Android の flavor と `--dart-define` を組み合わせ、環境切替、権限確認、release build までを配布前チェックとして整理できるようにする。
-
FlutterのWidgetテスト入門（画面ロジックを壊さない最小構成）
Flutter で Widget テストの最小構成を作り、画面表示、ボタン押下後の変化、Riverpod の Provider 差し替えを確認できるようにする。
-
FlutterのIntegration Test入門（ログインから一覧表示まで確認する）
Flutter で Integration Test の最小構成を作り、ログイン画面から一覧画面までの遷移を Android Emulator 上で確認できるようにする。
-
Flutterアプリを社内配布する（Android APK サイドロード + MDM 概要）
Flutter の signed release APK を Android 端末へ社内配布する流れを整理し、adb install、手動サイドロード、MDM へ渡す項目まで説明できるようにする。
-
Sentryでクラッシュとエラーを検知する（Flutter最小構成）
Flutter へ sentry_flutter を最小導入し、runZonedGuarded、FlutterError.onError、手動送信の 3 経路でクラッシュと例外を検知できるようにする。