何度もFlutterに入門してる気がするけど、
再々度入門してみたときの備忘録(*´ω｀*)
前回はこちら
Flutter自体もだけど、主要ライブラリも大きく変わっていて、
便利だけど、再度キャッチアップが必要なところが多かった印象。
準備・プロジェクト作成・flavorの用意
- 環境の切り替え(本番/ステージング/開発)
- flutter_flavorizr| Flutter Package
- flavorの雛形作成のみ。iconはflutter_launcher_iconsで作成
- flutter_launcher_icons | Dart Package
- flutter_flavorizr| Flutter Package
詳細はこちらの記事に記載
hooks_riverpod/flutter_hooks
詳細はこちらの記事に記載
参考にしたのはこのあたり。
- hooks_riverpod | Flutter Package
- flutter_hooks | Flutter Package
- Riverpod
- Flutter Riverpod Snippets - Visual Studio Marketplace
freezed/freezed_annotation
詳細はこちらの記事に記載 - Flutterのfreezedパッケージでimmutableなオブジェクトを楽に扱う - くらげになりたい。
go_router
詳細はこちらの記事に記載
- Flutterのgo_routerに再入門する - くらげになりたい。
- Flutterでページ遷移をいい感じにする(animations/標準トランジション) - くらげになりたい。
- Flutterのgo_routerでパスとタブを一致させる(StatefulShellRoute.indexedStack/BottomNavigationBar) - くらげになりたい。
多言語対応(i10n)
詳細はこちらの記事に記載
よく使うライブラリたち
必要に応じて、適宜インストールする。
# dependenciesに追加 $ fvm flutter pub add flutter_flavor # dev_dependenciesに追加 $ fvm flutter pub add -d flutter_flavorizr # パッケージのインストール $ fvm flutter pub get # キャッシュの削除 $ fvm flutter clean cache # 更新の確認 $ fvm flutter pub outdated # バージョンの更新 $ fvm flutter pub upgrade
- 状態管理など
- ルーティング
- 多言語対応
- Firebase関連
- firebase_core | Flutter Package
- firebase_auth | Flutter Package
- firebase_messaging | Flutter Package
- firebase_storage | Flutter Package
- firebase_analytics | Flutter Package
- cloud_firestore | Flutter Package
- firebase_database | Flutter Package
- cloud_functions | Flutter Package
- firebase_crashlytics | Flutter Package
- firebase_ui_auth | Flutter Package
- firebase_ui_localizations | Flutter Package
- SharedPreference
- ローカルプッシュ通知
- ネットワーク関連
- 位置情報関連
- geolocator | Flutter Package => 位置情報の取得
- geocoding | Flutter Package => 位置情報から国や場所の情報を取得
- その他
- パッケージ情報取得: package_info_plus | Flutter Package
- URL launch: url_launcher | Flutter Package
- スプラッシュ画面: flutter_native_splash | Flutter Package
他にいいのがあったら追記するかも？
その他の書いた記事
- FlutterでWebを含めてPlatformを判定する - くらげになりたい。
- Flutterでレスポンシブに対応する方法 - くらげになりたい。
- Flutterでアプリのライフサイクルをhookする - くらげになりたい。
- Flutter Version Management(FVM)でプロジェクトごとにバージョンを固定する - くらげになりたい。
追加したVSCode拡張機能
- Flutter - Visual Studio Marketplace
- Flutter-Auto-Import - Visual Studio Marketplace
- Error Lens - Visual Studio Marketplace
- Flutter Color - Visual Studio Marketplace
- Flutter Riverpod Snippets - Visual Studio Marketplace
とりあえず、以上!!
細かい点については、実際のアプリを作りながら、キャッチアップしてこう(*´ω｀*)
