Flutterから利用できるFirebaseサービスをカウンターアプリで実践(Performance Monitoring編)
はじめに
Flutterから利用できるFirebaseの機能をカウンターアプリに実装し、内容をまとめたシリーズの第3回目です。
今回はFlutterアプリのパフォーマンス測定ができる、Firebase Performance Monitoringについてです。
目次
シリーズの内容
可能な限り毎日連載していきます。 また、順番は前後する可能性があります。
| 回数 | 内容 | リンク |
|---|---|---|
| 第0回 | 準備編 | ブログ |
| 第1回 | Analytics |
ブログ |
| 第2回 | Firebase Crashlytics |
ブログ |
| 第3回 | Firebase Performance Monitoring |
イマココ |
| 第4回 | Firebase Remote Config |
ブログ |
| 第5回 | Firebase Authentication |
ブログ |
| 第6回 | Cloud Firestore |
ブログ |
| 第7回 | Firebase Realtime Database |
ブログ |
| 第8回 | Cloud Storage for Firebase |
ブログ |
| 第9回 | Firebase Cloud Messaging |
ブログ |
| 第10回 | Firebase In-App Messaging |
ブログ |
| 第11回 | Firebase ML |
ブログ |
| 第12回 | Cloud Functions for Firebase |
ブログ |
| 第13回 | Firebase Hosting |
ブログ |
| 第14回 | Firebaseのその他のサービス | ブログ |
開発環境
| 項目 | 内容 |
|---|---|
| PC | Macbook Air(M1) |
| Flutter | 3.0.1 |
| Firebase | 11.0.1 |
| FlutterFire | 0.2.2+2 |
| デバッグデバイス | Android 12(APIレベル31), Chrome |
準備
準備編が完了出来ているものとします。
導入方法
プロジェクトにfirebase_performanceを導入するため、pubspec.yamlに追記します。
dependencies: firebase_performance: ^0.8.0+12
Firebaseの構成が最新の状態にするため、プロジェクトのルートディレクトリでターミナルを開き、flutterfire configureを実行します。
パフォーマンスの初期データ表示のため、プロジェクトをrunさせ、Firebase Consoleで表示されているか確認します。
グラフが表示されていたら成功です。
パフォーマンスの測定をカスタマイズすることで、一般的な属性だけではなくカスタム属性を追加することができます。
コード全文
前回からの変更はありません。
GitHubのページを貼ります。
