ReactNativeとDatadogで整えるモニタリング基盤

Transcript

1. 2025.06.25 Datadogで整えるモニタリング基盤 React Native Meetup #22
2. ⾃⼰紹介 名前：KazukiOno 年齢：25歳 所属：株式会社カナリー 趣味：フェス、サッカー 普段の業務内容 不動産アプリ「カナリー」のモバイルアプリ 開発をTLEとして担当しています
3. カナリー
4. モニタリングしっかりできていますか？？
5. Datadogとは？ • Datadog はクラウド アプリケーションのための モニタリングとセキュリティ プラットフォームで す。Datadog の SaaS プラットフォームは、インフラストラクチャ監視、 アプリケーションパ フォーマンス監視、ログ管理を統合および自動化して、お客様のテクノロジースタック全体を 一元的にリアルタイムで監視できるようにします（※公式サイトより引用） • React Native向けにRUM SDKを提供しており、画面遷移・エラー・クラッシュ・フローズンフ レームを自動収集してくれる • 収集したデータはダッシュボード上で可視化され、クラッシュ率や UX指標、パフォーマンス傾 向をチーム全体で共有・監視できる Datadogを導入することで、アプリのオブザーバビリティを向上させることができる
6. 選定理由 • すでに社内のモニタリングはほぼDatadogが使⽤されている • すでに存在していたSentryを⽤いたモニタリング基盤を踏襲できる ◦ アラート ▪ 1時間あたりのCrash Free Session Rateが98％を下回ったことをslack に通知 ▪ 24時間あたりのCrash Free Session Rateが99.3％を下回ったことを slackに通知 ▪ 起動時間が通常値を上回っています ▪ 1時間あたりに100回発生したエラーを通知 ▪ 新しいIssueが発生しました
7. Datadogの使⽤機能 • RUM ◦ ユーザー視点のリアルタイムデータ収集 （画面遷移、クラッシュ、UXエラー など） • Logs ◦ アプリ内部で出力されたシステムログやエラー情報の記録 • Dashboards ◦ RUM、Logsから得られた指標や傾向をグラフで可視化 • Monitors ◦ RUMやLogsのデータを使い、しきい値ベースで異常をアラート → RUM・Logsで収集したデータをDashboards‧Monitorsで可視化
8. Dashboards
9. Dashboardsの概要 ボード⼀覧 • クラッシュ • エラーログ • リフレッシュレート • フローズンフレーム • CPU • メモリ • アプリ起動時間 • プロダクト情報 ※次から紹介するDashboardsは全てdevのものです
10. クラッシュ ボード一覧 • クラッシュフリーセッション率 • クラッシュログ一覧 • バージョン・OSごとのクラッシュ数
11. エラーログ ボード一覧 • スクリーンごとのエラーログ一覧 • Issues一覧 • エラーログ一覧 • エラー数推移
12. フローズンフレーム フローズンフレームとは 700ms 以上でレンダリングされるフレーム。ア プリケーション上でスタック、または無反応の ように⾒える。 ボード⼀覧 • フローズンフレーム発生回数 • 各OSごとのフローズンフレーム発生回数 • フローズンフレーム発生率 • フローズンフレームが発生している画面ラン キング • スクリーンごとのフローズンフレーム推移 • バージョンごとのフローズンフレーム発生す る
13. リフレッシュレート リフレッシュレートとは 画面が1秒間に何回描画されるかを示す値。 高いほ ど滑らか、低いとカクついた体験になる。 ボード一覧 • バージョンごとのリフレッシュレート • OSごとのリフレッシュレート • 平均リフレッシュレート • リフレッシュレートが低い画面ランキング
14. CPU CPUとは アプリがどれだけ処理能力を使っているか の指 標。高すぎるとバッテリー消費や動作遅延につなが る。 ボード⼀覧 • 画⾯ごとのCPU使⽤量 • バージョン‧OSごとのCPU使⽤量 • 画⾯ごとのCPU使⽤量
15. メモリ メモリとは アプリが使用している メモリ容量 。メモリの使⽤量が 多いと、メモリ不⾜によるクラッシュが発⽣する 可能性がある。 数値悪化の原因 大きな画像や動画の読み込み、 FlatListやScrollView の非最適化によるリストのメモリリーク ボード⼀覧 • メモリ使⽤量 • 各OSごとのメモリ使⽤量 • 画⾯ごとのメモリ使⽤量推移
16. 起動時間 ボード⼀覧 • アプリ起動時間 • バージョンごとのアプリ起動時間 • アプリ起動時間推移
17. プロダクト情報 • OSごとの割合 • 各OSの機種ランキング • バージョンごとのセッション数 • スクリーンごとの平均滞在時間 • 使⽤されている画⾯ランキング
18. Monitors
19. Monitors • 特定の条件でSlackやメールなどに通知することができる • パフォーマンスの閾値値やログベースの事象で通知を設定できる
20. モニター 実際に設定しているモニター一覧 • クラッシュを引き起こしたエラーが発生したら • 1時間あたりのCrash Free Session Rateが98％を下回ったら • 24時間あたりのCrash Free Session Rateが99.3％を下回ったら • 新しいIssueが発生したら • エラー数が急増したら • アプリ起動時間が長くなったら
21. 今後
22. 今後のモニタリング • AIとDatadogを用いた全自動アラート対応仕組み化 • 主要機能のモニタリング監視強化 • アラートのノイズ削減と精度向上 • フロント ↔ バックエンドのトレーシング統合 • SLOの策定 プロダクトの成⻑を⽀えるモニタリング基盤に
23. ご清聴ありがとうございました！