Flutterを使って
モバイルアプリを作った軌跡
2019/09/20 sh-ogawa
きょうの流れ
Flutterについて
Flutterで作る前に何をしたか
Flutterで作ってみてどうだったか
Flutterについて
● ハイブリッドアプリケーションプラット
フォーム
● Googleが開発
● version 1.9が最新
ハイブリッドアプリケーシ
ョンプラットフォーム
● センサなどデバイスへのアクセス可能
● Webベース
● ネイティブベース
Webベース
● cordova/phonegap、ionic
● html5/css3/javascript
● SPAの元祖(言い過ぎかもしれない)
ネイティブベース
● xamarin、react native、flutter
● コンパイルされる
Flutter
● Dart製
● 下側はプラットフォームレベルのCと連携し
ている模様
● コンパイルすると.soが作られる
● Android/iOS用に拡張できる
アプリ作る前にやったこと
● とりあえず本読んだ
https://www.amazon.co.jp/dp/4798055832/ref=cm_sw_em_r_mt_dp_U_wkVGDb77K2H7S
● Flutter official site document
https://flutter.dev/docs
● TODO書いてみた
https://github.com/sh-ogawa/flutter-todo
● Flutter Widget of the week
https://www.youtube.com/playlist?list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG
● Effective Dart
https://dart.dev/guides/language/effective-dart
コードを読んでみる
Flutterで作ってみてどう
だったか
● UIの微調整は慣れが必要
● Widgetはイミュータブル
● Widgetツリーを意識する
● ジェスチャーの実装が楽
● リソース読み込みは全部非同期
● ログは読みづらいけど親切ではある
UIの微調整は慣れが必要
● 思ったようにマージン適応できない
● LEFTが思ったように効かない
● ListView使うとエラーになる
Widgetはイミュータブル
● 常に新しく作られて置き換わる
● パネルで考えると判りやすい
Widgetツリーを意識する
● Widgetのリビルド範囲に直結する
● 何も考えないで配置すると激重になる
● Stateによって再生成するものは外側へ
● StatefullWidgetのサンプル悪ない?
ジェスチャーの実装が楽
● スワイプとかダブルタップとか標準
● オブジェクトがどこに配置されているか管理
不要
リソース読込みは非同期
● Futureが強力(Async/Awaitのこと)
● Futureにジェネリクスが使える
● Promiseをある程度使えない人にはFlutter
は難しい
ログは親切
● だらだら垂れ流してくるから読みづらい
● 必要なことは書いてある
● だが読みづらい
おしまい

Flutter first impression

Editor's Notes

  • #6 ionicは割と頑張っている印象