MIGIWA-YA
ミギワヤ
WORKS
JOURNAL
ABOUT
CONTACT
ACTIVE
JP
·
EN
INDEX
/
JOURNAL
VOL. 2026 · ALL ENTRIES
MIGIWAYA · TECHNICAL JOURNAL
JOURNAL
開発記録 · 技術ノート · 覚書 — 全 13 篇
一致 · MATCHING
13
/ 13
絞り込み
— なし (全 13 篇を新しい順に表示)
CLEAR ALL ×
Flutter の基礎を実コードで学ぶ
最小の実コードを追いながら、Flutter アプリの構造と基礎概念を順番に押さえていく連載。
全 7 話
Flutter の基礎を実コードで学ぶ II
第一連載で押さえた骨格の上に、レイアウト・入力・ナビゲーション・保存など、画面を実際に作りきるための道具を積み上げる連載。
全 8 話
LOG-013
ENGINEERING
Flutter の基礎を実コードで学ぶ II · 6/8
Freezed が書いてくれるもの
同じ内容なら同じ値として扱いたい——その当たり前を Dart の素のクラスで満たすと、定型コードが増え続ける。Freezed が何を肩代わりしているのかを、値等価・copyWith・union・JSON 変換の順に、生成されるものの側から理解する。
#flutter
#dart
2026 · 09 · 04
約 5 分
→
LOG-012
ENGINEERING
Flutter の基礎を実コードで学ぶ II · 5/8
見た目と文言を一箇所に集める
色や文字サイズ、そして画面に出る文言は、書いた場所に散らばると直せなくなる。ThemeData と ColorScheme、ThemeExtension による独自トークン、そして gen-l10n による多言語化まで、アプリ全体の一貫性を保つ仕組みを整理する。
#flutter
#dart
2026 · 08 · 28
約 5 分
→
LOG-011
ENGINEERING
Flutter の基礎を実コードで学ぶ II · 4/8
画面はスタックで積まれる
Navigator のスタックという土台から、go_router によるパスでの宣言、認証ガードとしての redirect、タブごとに履歴を保つ StatefulShellRoute まで。画面と画面のあいだをどう設計するかを整理する。
#flutter
#dart
2026 · 08 · 21
約 6 分
→
LOG-010
ENGINEERING
Flutter の基礎を実コードで学ぶ II · 3/8
StatefulWidget を Hooks で書き換える
コントローラの生成と dispose、初期化と後始末——State クラスの定型を Flutter Hooks で畳む。useState と useEffect が StatefulWidget の何に対応するのか、守るべき呼び出し順のルール、そして Riverpod との組み合わせまでを整理する。
#flutter
#dart
2026 · 08 · 14
約 5 分
→
LOG-009
ENGINEERING
Flutter の基礎を実コードで学ぶ II · 2/8
入力を受け取り、結果を返す
入力された文字はどこに保持され、いつ検証され、どうやって呼び出し元へ返るのか。TextEditingController と Form、validator、フォーカスとキーボード、そしてダイアログから値を受け取るまでを一本の線でつなぐ。
#flutter
#dart
2026 · 08 · 07
約 5 分
→
LOG-008
ENGINEERING
Flutter の基礎を実コードで学ぶ II · 1/8
制約は上から、サイズは下から
Flutter のレイアウトは、親から子へ制約が下り、子から親へサイズが上る一往復で決まる。Row や Column、Expanded、スクロール、Stack、画面幅への対応まで、この一つのモデルで読み解けるようにする。
#flutter
#dart
2026 · 07 · 31
約 7 分
→
LOG-007
ENGINEERING
Flutter の基礎を実コードで学ぶ · 7/7
Flutter のテストを三つの層で理解する
Flutter のテストは unit・widget・integration の三層に分かれる。それぞれが何を速く・何を現実に近く検証するのか、依存の差し替え方まで含めて、最小の実コードで整理する。連載の最終回。
#flutter
#dart
2026 · 07 · 24
約 4 分
→
LOG-006
ENGINEERING
Flutter の基礎を実コードで学ぶ · 6/7
await をまたいだら、その画面はもう無いかもしれない
非同期処理の完了時、Widget はすでに破棄されていることがある。await をまたいで setState や BuildContext を使う前に、なぜ mounted・context.mounted を確認するのかを短く整理する。
#flutter
#dart
2026 · 07 · 17
約 2 分
→
LOG-005
ENGINEERING
Flutter の基礎を実コードで学ぶ · 5/7
非同期データを三つの状態で描く
サーバーや DB から届くデータには loading・data・error の三状態がある。Dart の Future/async/await を土台に、Riverpod の AsyncValue と FutureProvider で三状態をひとつの型として扱い、UI へ落とし込む。
#flutter
#dart
#riverpod
2026 · 07 · 10
約 4 分
→
LOG-004
ENGINEERING
Flutter の基礎を実コードで学ぶ · 4/7
Riverpod の watch・read・listen
共有状態は Widget の外に持ち出す。Riverpod で状態を宣言し、それを読む三つの入口 watch・read・listen の違いと使い分けを、最小の実コードで整理する。
#flutter
#dart
#riverpod
2026 · 07 · 03
約 4 分
→
· 1/1
#__tag__
約 1 分
→
NO MATCHING ENTRIES
条件に一致する記事がありません。
記事の読み込みに失敗しました。
再試行
もっと見る — 残り 0 篇
INQUIRY
CONTACT
お問い合わせ / ご依頼
ミギワヤのプロダクト運営と並行し、モバイル/Web アプリケーションの設計・開発を承ります。お仕事のご相談は以下までご連絡ください。
[email protected]
✉
LOCATION
横浜, 神奈川
STATUS
Active / Open
ESTABLISHED
2024 · 5 · 5
FORM
個人事業主