OpenReplay Logo
12k
12k

開発者ツール

セッションリプレイに組み込まれた開発者ツールでより速くデバッグ

ユーザーセッションの問題を、まるでローカル環境で発生したかのようにトラブルシューティングできます。ログ、エラー、ネットワークリクエスト、JS イベントなど、完全な技術的コンテキストにアクセスできます。推測を排除し、記録的な速さで問題を修正します。

Network Requests

MethodURLStatusTimeSize
POSThttps://api.openai.com/v1/chat/500340 ms1.8 KB
POSThttps://api.example.com/v1/auth/401230 ms1.2 KB
GEThttps://api.example.com/v1/redirect30280 ms600 B
GEThttps://api.example.com/v1/status10150 ms400 B

やり取りを繰り返さずに問題を解決

正確なバグの再現

手がかりを追い求めることなくバグを再現できます。コンソールログ、ネットワーク呼び出し、状態の変化にアクセスし、内部で何がトリガーされたかを確認できます。

解決までの時間を短縮

ユーザーのセッションに直接入り込み、エラーが発生したとおりに正確に再現できます。やり取りの繰り返しを排除し、数日ではなく数分で問題を解決します。

データの完全な管理

OpenReplay をセルフホストで、または専用のクラウド環境で利用できます。コンプライアンスを維持し、最も厳しい規制要件を満たします。

Gilad Novik
We went from spending hours debugging some production issues down to minutes after using OpenReplay.

そのバグを再現するために必要なすべてのコンテキスト

Console

エラーの根本原因を理解する

セッションリプレイ内で、完全なスタックトレースと sourcemaps を備えた JavaScript エラーを直接確認できます。ユーザー操作中にエラーがいつ、どこで発生したかを正確に特定します。

コンソールのスタックトレース
Network

すべてのリクエストを検査する

API 呼び出しを検査し、失敗したリクエストを追跡し、機密データをサニタイズした状態でレスポンスのペイロードを分析できます。ネットワークのボトルネックを把握し、ユーザー体験に影響する不足リソースを素早く特定します。

Session insights dashboard
パフォーマンス指標

リソース使用状況を監視する

各セッションを通じて、CPU 使用率、メモリヒープ、DOM ノード、フレームレートを監視できます。パフォーマンスのボトルネックを特定し、アプリを遅くしている原因を見つけます。

Session insights dashboard
状態管理

状態の変化を追跡する

ユーザーセッション中のアプリケーションの状態の変化を追跡できます。データがアプリケーション内をどのように流れるかを確認し、予期しない状態の変化を特定します。

Session insights dashboard
X-Ray

技術的な問題をユーザー行動と関連付ける

セッション録画の中で、ネットワーク障害、パフォーマンスの低下、JavaScript エラー、ユーザーのフラストレーションを統合的に把握できます。

Session insights dashboard
連携

オブザーバビリティスタックをセッションリプレイに取り込み、何が問題だったのかをより深く把握しましょう

セッションリプレイを Sentry、Bugsnag、GraphQL、または Datadog に関連付けて、より深い洞察とより速いデバッグを実現します。

完全なブラウザコンテキストで問題をデバッグする

Image

このバグを再現できませんか?

曖昧なバグレポートを正確な再現手順に変換します。ユーザーのブラウザで何が起こったかを正確に確認し、開発環境で問題を再現します。

Image

本番環境で API が失敗していますか?

セッションのコンテキスト内でネットワークアクティビティを確認し、失敗したリクエストを検査できます。ペイロードの問題、認証の失敗、その他の API 関連の問題を特定します。

Image

ユーザーがアプリは遅いと言っていますか?

フレームレート、CPU、メモリをユーザーの操作と同期して分析し、実際の利用におけるパフォーマンスのボトルネックを捉えます

OpenReplay の開発者ツールは、バグをより速く再現するのにどのように役立ちますか?

OpenReplay は、コンソールログ、ネットワークアクティビティ、メモリ使用量、状態の変化を含む、完全なユーザーセッションをキャプチャします。セッションリプレイに組み込まれた開発者ツールを使えば、何が起こったかを観察し、ローカル環境でのデバッグと同じように技術的なコンテキストを検査できます。

OpenReplay は JavaScript エラーをスタックトレースとともに追跡しますか?

はい。JavaScript エラーは、完全なスタックトレースとソースマップのサポートとともにキャプチャされます。セッションリプレイから直接、元のソースコードまでエラーをたどることができます。

OpenReplay は他のセッションリプレイツールと何が違うのですか?

OpenReplay は、セッションリプレイの中に開発者ツールのデータを含む数少ないセッションリプレイおよびプロダクト分析プラットフォームの一つです。また、セルフホストが可能でオープンソースであるため、完全なコントロールと、その上に構築する能力が得られます。

OpenReplay で API エラーやネットワークリクエストを検査できますか?

はい。OpenReplay には、すべてのリクエスト、レスポンス、ステータスコード、ペイロードをコンテキストの中で確認できる、セッションベースのネットワークインスペクターが含まれています。失敗している API 呼び出しをすばやく特定できます。

CPU やメモリ使用量などのフロントエンドのパフォーマンスを監視できますか?

はい。OpenReplay の開発者ツールは、CPU 使用率、メモリヒープ、DOM ノード数、フレームレート(FPS)を追跡します。実際のユーザーセッション中にパフォーマンスのボトルネックを特定できます。

機密性の高いユーザーデータを安全に保ちながら OpenReplay の開発者ツールを使えますか?

はい。ペイロード内の特定のフィールドをサニタイズすることで、デバッグに必要な技術的コンテキストを保ちつつ、機密データを非表示にできます。