ピン留めされたアイテム

概要

Flutter×Firebaseを使ったアプリ開発で

調べたこと
疑問点
学び・気づき
をひたすらメモしていく。

アプリ全体設計

Flutter
- Riverpod, State_notifier,Freezedで状態管理
Firebase
- Authで認証管理
- Firestoreでトレーニングログ管理
- Cloud functionsでログをデータ整形→Firestoreで管理
- Remote configでバージョン管理(強制アップデート)
- Analyticsで利用状況/イベント管理
- Crashlyticsでクラッシュ監視
Codemagic
- CI/CD

▷BIG3記録管理アプリ「LifterLog」

Rere

VSCodeの設定

Snippet

Android Studio→VSCodeに乗り換える際に設定したsnippet。
Freezed, Reiverpod, State_notifierでよく使うものだけを一旦。

本当は正規表現使って、ファイル名からクラス名を自動生成したいけどそれはまた今後。
（ファイル名から"_",と拡張子を削除→Upper Camel Caseに変換）

参考記事

dart.json


{
	"Freezed Class": {
		"prefix": "freezed_class",
		"body": [
			"import 'package:freezed_annotation/freezed_annotation.dart';",
			"part '${TM_FILENAME_BASE}.freezed.dart';",
			"part '${TM_FILENAME_BASE}.g.dart';",
			"",
			"@freezed",
			"abstract class ${1:CLASS_NAME} with _$${1:CLASS_NAME}{",
			"const factory ${1:CLASS_NAME}({",
			"}) = _${1:CLASS_NAME};",
			"",
			" factory ${1:CLASS_NAME}.fromJson(Map<String, dynamic> json) => _$${1:CLASS_NAME}FromJson(json);",
			"}"
		],
		"description": "Freezed Class"
	},
	"State_notifier": {
		"prefix": "state_notifier",
		"body": [
			"import 'package:hooks_riverpod/hooks_riverpod.dart';",
			"import 'package:state_notifier/state_notifier.dart';",
			"",
			"class ${1:CLASS_NAME} extends StateNotifier<${2:STATE_NAME}> {",
			" ${1:CLASS_NAME}() : super();",
			"}"
		],
		"description": "Freezed Class"
	},
	"Riverpod_stateNotifier": {
		"prefix": "riverpod_state_notifier",
		"body": [
			"final ${1:PROVIDER_NAME} = StateNotifierProvider<${2:STAETE_NAME}, ${3:CALLBACK_NAME}>(",
			" (ref) => ${4:SOME_ACTIONS}",
			");",
		],
		"description": "Freezed Class"
	},
	"Riverpod_streamNotifier": {
		"prefix": "riverpod_stream_autoDispose",
		"body": [
			"final ${1:PROVIDER_NAME} = StreamProvider.autoDispose<${2:CALLBACK_NAME}>(",
			" (ref) {",
			" ${3:SOME_ACTIONS}",
			  "}",
			");",
		],
		"description": "Freezed Class"
	},
}

拡張機能

こちらの記事を参考

Rere

ファイル/フォルダ名の変更をpathや他ファイルなどに一括反映させる拡張機能

Rere

Auto Saveを有効に。

Rere

fromJson()/toJsonでのTimeStamp←→DateTimeの変換

こちらの記事とmonoさんのコードを参考にjson_converterを設定して対応。

json_converter.dart

import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:json_annotation/json_annotation.dart';

class TimestampConverter implements JsonConverter<DateTime?, Timestamp?> {
  const TimestampConverter();

  @override
  DateTime? fromJson(Timestamp? json) => json?.toDate();

  @override
  Timestamp? toJson(DateTime? object) =>
      object == null ? null : Timestamp.fromDate(object);
}

使用例↓

example_state.dart

@freezed
abstract class ExampleState with _$ExampleState {
  const factory ExampleState({
    required @TimestampConverter() DateTime createDate,
    required @TimestampConverter() DateTime updateDate,
  }) = _ExampleState;

  factory ExampleState.fromJson(Map<String, dynamic> json) =>
      _$ExampleStateFromJson(json);
}

Hidden comment

Rere

flutter upgrade

やpackageのアップデート等でpodfile周りの依存関係のエラーが起きた場合は

rm -rf Pods
rm -rf Podfile.lock
rm -rf ~/.pub-cache/hosted/pub.dartlang.org
pod cache clean --all
flutter clean
flutter pub get
pod repo update
pod install

でPodfileを作り直すと解決することが多い。

Rere

Hidden comment

Rere

メモにはScrapboxがいいかも。
notion等のような階層構造ではなく、wikiのように双方向リンクを形成する。

https://scrapbox.io/

Rere

image_picker：端末のローカルに画像が自動保存されるので利用後は削除する。

Rere

Codemagicのビルド番号を自動的に取得→常に最新のものに設定する。

Rere

Unhandled Exception: PlatformException(sign_in_failed, com.google.android.gms.common.api.ApiException: 10: , null, null)の対処法

Rere

CocoaPods could not find compatible versions for pod "flutter_facebook_auth":
  In Podfile:
    flutter_facebook_auth (from `.symlinks/plugins/flutter_facebook_auth/ios`)

Specs satisfying the `flutter_facebook_auth (from `.symlinks/plugins/flutter_facebook_auth/ios`)` dependency were found, but they required a higher minimum deployment target.

flutter_facebook_authがios>11以上に指定されていたので、Podfileの platform :ios, を11にして対応。