Flutter 調査

[HideakiSago]

調査項目一覧

• Log
• Dart
• 非同期処理 (RxDart)
• Serialization (JSON, etc..)
• REST API Client
• DB
• Key-Value Store
• File
• Localization
• Assets (image, etc..)
• Theme color
• Firebase
• Release Build
• Build Flavor
• Test
• UI
  • 画面遷移
  • Text, Button
  • ImageView
  • ScrollView
  • ListView
  • Drawer
  • Progress
  • Dialog
  • Toast
  • Snackbar
  • FAB
  • Pager
  • TabLayout

[HideakiSago]

Log

Logging (Flutter 公式)

print, debugPrint, log などいくつか logging の手段がありそうだけど、違いが謎。

とりあえず https://pub.dev/packages/fimber を使っておけば良さそう..?
→ Fimber はちょっと微妙だった。。。

2020-12-26 20:17:16.722 7054-7085/com.example.flutter_sample I/flutter: 2020-12-26T20:17:16.722071	D	fimberSample:	 DEBUG
2020-12-26 20:17:16.722 7054-7085/com.example.flutter_sample I/flutter: 2020-12-26T20:17:16.722373	I	fimberSample:	 INFO
2020-12-26 20:17:16.722 7054-7085/com.example.flutter_sample I/flutter: 2020-12-26T20:17:16.722791	W	fimberSample:	 WARN
2020-12-26 20:17:16.723 7054-7085/com.example.flutter_sample I/flutter: 2020-12-26T20:17:16.723095	E	fimberSample:	 ERROR

VERBOSE は Tree で Filter されていてそもそも出力されず..
logcat 上は全部 INFO level で出てしまう...
マルチプラットフォームという点では仕方ないのかもしれない...

とりあえず面倒なので Fimber 使っておきます。

[HideakiSago]

Dart

基本文法

• Dartの基本文法を振り返る
• A tour of the Dart language (Dart 公式)

要点・注意点

• オーバーロードができない (コンストラクタも含む)
  代わりにデフォルト引数が使えたり、名前付きコンストラクタを定義できる
• 型推論は可能。
• Kotlin の data class に相当するものがない。自分で定義するかライブラリ使うか。
• public や private 修飾子が無い。 変数名の先頭を _ にすると private になる。 (なんじゃそりゃ)
• protected は概念が無いらしい... @protected で実現できるとかなんとか.. (なんじゃそりゃ)
  Add syntax to support object protected inheritance dart-lang/sdk#3193 (comment)
  https://tech-rise.net/explain-about-dart-programming-language/

Kotlin (Swift) に慣れてると、基本的な言語の設計がダサいなーという印象..
コンパイル性能とかブラウザで動かすことを想定するとこれが限界なんだろうか..

Null Safety

• Announcing Dart null safety beta によると、 2020/12 現在、 Beta channel で利用可能に。 Stable channel は Early 2021 とのこと！期待！
• Sound null safety (Dart 公式) (Sound は 音とは別の単語として、健全という意味もあるらしい)

拡張関数

• 2019年秋、Dartに待望の「拡張関数」がやってきた

[HideakiSago]

非同期処理

言語標準で async, await があるっぽいけど、
Rx に慣れてるので、もう普通に RxDart で良いかなと言う感じ。

[HideakiSago]

Serialization

JSON convert は dart:convert (Flutter 公式) を使えば良さそう。

[HideakiSago]

REST API Client

標準 package

標準でもある程度簡単に実装できそう。 dart:convert 使えるし、 Rx は対応してなさそうだけど、 async 対応してるので、そのままでもまぁ使えそう。

• Fetch data from the internet
• Parse JSON in the background

でもやっぱり http status code を全 API 実装するのはめんどいよなー..

Retrofit

Square 製じゃないのが気になるけど、、

• Retrofit For Dart

[HideakiSago]

DB

いろいろあるけど、 Floor 一択かな..

その他参考

• Dart/FlutterのローカルDBの比較
• Persist data with SQLite
• sqflite

[HideakiSago]

Key-Value Store

• Store key-value data on disk (Flutter 公式)
• Shared Preferences