FlutterでBLoCパターンの実装を行う「flutter_bloc」の使い方をまとめました。 はじめに セットアップ 基本的な使い方 Blocで状態管理クラスを作る 生成済みの状態インスタンスを別のページで使う 複数の状態を使用する 対象の状態をフィルタリングするBlocS…

FlutterでRiverpodを使っているウィジェットをWidgetbookでカタログ化する方法です。 はじめに Riverpodを使ったウィジェットを作る appBuilderを使ってProviderScopeで囲う ProviderScopeのoverrideにプロバイダーのモックを設定 関連

Flutterでウィジェットのライフサイクルを管理するFlutter Hooksの概要と基本的なフックの使い方についてまとめました。 Flutter Hooksとは？ useState: 状態を持つWidgetを簡単に書ける useEffect: 初期化・破棄の処理を簡単に書ける useMemoized: 重い処理…

Flutterでウィジェットのカタログを作れるWidgetbookの基本的な使い方をまとめました。 はじめに インストール〜ビルドまで コンポーネントとユースケースを追加する アドオン ノブ 参考

FlutterでRiverpodを使う場合の単体テストとウィジェットテストのやり方についてまとめます。 はじめに 単体テスト（Providerのテスト） readとlistenの使い分け ウィジェットテスト Providerのモックを使う NotifierをMockingすることもできる（非推奨） 参…

FlutterにおけるRiverpodの概要と基本的な使い方についてまとめました。 Riverpodとは？ セットアップ 簡単なアプリケーションを作ってみる 非同期処理で状態を更新する Streamによる非同期処理を扱う 状態のキャッシュについて 参考

Dartでイミュータブル/ミュータブルなモデルを作るFreezedの基本的な使い方をまとめました。 Freezedとは？ セットアップ イミュータブルなモデルを作る ミュータブルなモデルを作る List、Map、Setの挙動 モデルをコピーする メンバを自分で定義したい場合 …

DartにおけるStreamとStreamControllerの使い方をざっとまとめます。 Streamの概念 Streamの基本的な使い方 Streamのハンドリング色々 Stream Controllerを使ってStreamを作る StreamControllerのStreamを複数回Listenする 参考

Flutterでウィジェットテストをする方法についてまとめました。 準備 簡単なテストを作成する いろいろなFinder いろいろなMatcher pumpメソッドとpumpAndSettleメソッド 参考

Flutterで単体テストをする方法についてまとめました。 テストするクラスを作成する 単体テストを書いて実行する Matcherによる判定 メッセージ（reason） 非同期メソッドのテスト グルーピング テスト前後処理 個々のテストの前後処理 テスト対象から除外す…