オレオレFlutter

1. オレの考えたeffective-flutter
2019/11/22 sh-ogawa

2. 最近Dartの気持ちが判ってきたような
気がする（多分気のせい）

3. 最近Flutterの気持ちが判ってきたような
気がする（多分気のせい）

4. 基本
● アプリの表現はページの組合せ
● StatefulWidgetの利用は最小限
● Navigatorは上手く使う
● PluginでOS差分を外に追いやる
● 腐敗防止層を置く

5. 4. エントリのファイル名を決めておく
ページの組合せ
1. 各ページを個別に作成
2. これらをコントロールするWidget
3. 単純なものは１つで構わない

6. StatefulWidget
● 何も考えないと画面全体がrebuild対象
● StatefulWidgetの配置場所を考える
● Blocパターンを使う

7. Blocパターンおさらい
● StreamBuilderを使う
● 入力をStreamで流して、更新させる
● RxDartを使うと簡単にできる
StreamBuilder
https://api.flutter.dev/flutter/widgets/StreamBuilder-class.html

8. Navigatorの使い方
● 画面をpush/popで切替えられる
● 安易に使うとappbarのleadingで苦しむ
● PageViewやIndexedStackを使う
● 履歴から削除しながら画面遷移させる
Navigator.pushNamedAndRemoveUntil(
context, routeName,
(Route<dynamic> route) => false
);

9. Plugin化の考え方
● OSの機能を使わないといけない
● 充分に抽象化されている
※業務ロジックが入り込まない
● パッケージが公開されてたら使うだろってものは公開す
る
※音を鳴らしたい、音量を変えたいとかそういうもの
● 機能は詰め込み過ぎない
※単一責任の原則に従う

10. Pluginの取り込み
● バイナリでは落ちてこない
● コンパイルしている
● プラグインを大量に取込んでも、サイズ的に
は対して変わらない（であろう）
● 処理は所詮ローカル呼び出し

11. 腐敗防止層
● Flutterに限った話ではない
● バックエンドとフロントのギャップを埋める
● あとMapは使いづらい
var _card = Card(
child: ListTile(
title: Text(map[‘title’]),
trailing: IconButton(
icon: Icon(Icons.arrow_forward_ios),
onPressed: () {
callback(map[‘value’]);
},
),
),
var _card = Card(
child: ListTile(
title: Text(entity.title),
trailing: IconButton(
icon: Icon(Icons.arrow_forward_ios),
onPressed: () {
callback(entity.value);
},
),
),
);

12. JSON to Entity on dart
● json_annotationを使う
● Javaのjsonicとほぼ同等
● アノテーションでプロパティとMapのキー
を紐づけて、リフレクションで箱クラスの実
態を作る
● 対象が変更される度に叩く
チームで使う場合はgit hookで叩かせる
flutter packages pub run build_runner build

13. その他(Dart)
● 1ファイルがpackage friendlyと考える
ex) request/response/convert to
Entity
● 名前付きコンストラクタを積極的に使う
● メソッド引数は名前付き引数を使う
● 必須にパラメータには@requiredを付ける

14. おしまい