Flutterキャッチアップ

Developer Roadmap

https://roadmap.sh/flutter

概要

• Android, iOSまでついでに環境構築をする
• Dartの文法(if, switch, for, クラス分割, interface)
• 状態保持(Flutter)
• ページ遷移で状態保持
• UIの作成の仕方
• Widgetsについて理解する
• Supabaseとの通信のやり方
• ユニットテスト
• GoogleAnalyticsの取り方
• よく使われるアーキテクチャ

お試しプロジェクトの設定画面

https://app.supabase.com/project/ahulhaysrydeiqhxkbjx/settings/api

やってみるやつ

↓こちらが割とちょうど良いらしい
https://supabase.com/docs/guides/getting-started/tutorials/with-flutter

ビルド

flutter run -d chrome # webのビルド

Flutterのお作法について

1. FlutterはState管理に何使うかでディレクトリの切り方は決めた方が良くて、やれMVVMだCleanだと理想論で組み始めると破綻する
2. Flutterのお作法はどちらかというとReactインスパイアなのでNext.jsをイメージすると良き
3. State管理については、ちっこいのはProvider、おっきいのはProviderかRiverpodかBlocでGetXは認めない
4. ロジックや実装は基本的にlibディレクトリにいれる。Next.jsの、appDirのイメージで利用する
5. .gitignoreはデフォからいじらなくてokだし、変にいじると壊れる。ビルド結果などのコントロールの関係でそうした方が良い

参考

Dart

https://dart.dev

Flutter

https://roadmap.sh/flutter
https://pub.dev/packages/supabase_flutter
https://pub.dev/packages/flutter_dotenv
https://github.com/SandroMaglione/flutter-supabase-template/blob/v4-supabase-auth/lib/app.dart
https://www.sandromaglione.com/techblog/flutter-supabase-authentication-complete-tutorial
https://zenn.dev/imasaka0909/articles/00ebfaf74f9cea
https://blog.logrocket.com/supabase-authentication-flutter/
https://zenn.dev/flutteruniv_dev/articles/riverpod_generator_in_action
https://zenn.dev/sugitlab/books/flutter_poke_app_handson/viewer/introduction
https://www.flutter-study.dev/widgets/state-widget
https://zenn.dev/kboy/books/ca6a9c93fd23f3/viewer/381ec5
https://api.flutter.dev/flutter/widgets/DefaultTextStyle-class.html
https://zenn.dev/astrologian/articles/5723d0596b8ec1
https://blog.pentagon.tokyo/3110/
https://b1san-blog.com/post/flutter/flutter-text/
https://zenn.dev/spacemarket/articles/flutter-localize-script
https://zenn.dev/lisras/articles/bdd4a43ce16cfc

Linter

https://dart-lang.github.io/linter/lints/library_private_types_in_public_api.html