フロントエンドモニタリング

Grafana Faroとは？

Grafana Faroは、フロントエンドアプリケーションのオブザーバビリティのためのプロジェクトであり、高度に設定可能なWeb SDKを含んでいます。これは、ブラウザのフロントエンドアプリケーションをインスツルメンテーションしてオブザーバビリティシグナルをキャプチャします。収集されたフロントエンドのテレメトリは、バックエンドおよびインフラストラクチャデータと相関させることで、シームレスなフルスタックオブザーバビリティを実現できます。

GitHubプロジェクト

ブログ発表

ドキュメント

Grafana Faroの概要

Grafana Faro Web SDKは、高度に設定可能なオープンソースのJavaScriptエージェントであり、Webアプリケーションに簡単に埋め込むことで、リアルユーザーモニタリング（RUM）データ（パフォーマンスメトリクス、ログ、例外、イベント、トレース）を収集できます。

FaroはGrafana Labsで開発が開始され、2022年に発表されました。このプロジェクトのミッションは、ユーザーがWebアプリケーションのパフォーマンスを監視し、フロントエンドエラーを発見し、ユーザー行動を追跡して障害解決を容易にすることです。収集されたフロントエンドのオブザーバビリティデータは、Grafana Labs LGTMスタック（ログ用のLoki、可視化用のGrafana、トレース用のTempo、メトリクス用のMimir）のバックエンドおよびインフラストラクチャデータと相関させることで、シームレスなフルスタックオープンソースオブザーバビリティソリューションを提供できます。

Grafana Labsは、Grafana Faroプロジェクトの開発を主導し、GrafanaにFaroのファーストクラスサポートを組み込み、Grafana Labsの顧客が必要なFaroサポートとフロントエンドモニタリング機能を受けられるようにすることに誇りを持っています。

Grafana Faroの紹介

視聴

2:15

フロントエンドモニタリングにGrafana Faroを使用する理由

複数の自動および手動インスツルメンテーション機能を活用

Web Vitalsメトリクスを収集することでWebアプリケーションのパフォーマンスを監視し、ユーザーが感じるパフォーマンス、インタラクティブ性、視覚的安定性に関する洞察を提供

未処理のエラーと拒否されたプロミスをキャプチャし、元のソースコードのコンテキストでエラーを発見し、トラブルシューティングするのに役立つ

ユーザーセッション、主要イベント、機能使用状況、ユーザージャーニー、KPIなどのユーザーアクティビティを追跡

フロントエンドログを収集し、エラー、ユーザーアクティビティ、アプリケーションの状態に関する追加のコンテキストを取得

Grafana Labs LGTMスタック（Loki-Grafana-Tempo-Mimir）とシームレスに統合し、完全なオープンソースオブザーバビリティソリューションを提供

わずか2行のコードで埋め込み可能。パフォーマンスメトリクス、ログ、例外、イベント、トレースを即座に収集開始

OpenTelemetry-JS統合を介してフロントエンドトレースをキャプチャ

Grafana Faroはフロントエンドモニタリングでどのように機能しますか？

Once the Grafana Faro Web SDK is integrated with your application, it collects the necessary data and submits it to a collector that you can run yourself or that runs in Grafana Cloud.

The collector receives the data from the Grafana Faro Web SDK and saves it into Grafana Loki and Grafana Tempo.

You can then use Grafana to visualize real user monitoring data.