RecordItバグレポートのミッションコントロールコンソールログとネットワークログ付き画面録画
バグ報告とデバッグのために設計。すべての録画に、画面上の出来事の裏側にあるコンソール、ネットワーク、操作データがフレーム単位で同期して付属します。
デバッグデータが動画再生と同期する様子を見る
バグ報告に必要なすべてを
録画している間、RecordItは開発者が求める技術的コンテキストを自動で記録します。
すべてのログ、警告、エラーをスタックトレース付きで発生した瞬間に記録し、動画のタイムラインに揃えます。
fetchとXHRの呼び出しを、ステータスコード、タイミング、リクエスト・レスポンスボディ、さらにWebSocketメッセージまで記録。失敗した呼び出しが発生したまさにその瞬間に確認できます。
クリック、フォーム送信、ページ遷移を追跡。何かが壊れる前にユーザーが何をしたのか正確にわかります。
「再現できない」から根本原因へ
再現手順を聞くのはやめて、リンクを送りましょう。
スクリーンショットではなくリンクを共有
リンクを開いた人はタイムラインを操作して、失敗したリクエストやコンソールエラーを発生したフレームそのままに確認できます。
エラーへ直接ジャンプ
エラーはタイムライン上にマークされます。クリックすると動画、コンソール、ネットワークビューが一緒にその時点へ移動します。
LLMに貼り付け
ワンクリックでセッションのテレメトリを構造化したダイジェストとしてコピー。AIアシスタントに貼り付けて根本原因の仮説を得られます。
使い方
バグを録画
拡張機能のアイコンをクリックして、問題が起きているタブを録画します。デバッグデータの記録は録画と同時に自動で始まります。
リンクを共有
録画をアップロードするとチームに送れるリンクが発行され、動画とテレメトリが1か所にまとまります。
完全なコンテキストでデバッグ
リンクを持っている人は誰でも動画を見ながら、各フレームに同期したコンソール、ネットワーク、操作データを調べられます。
開発者向けFAQ
デバッグデータの記録のしくみ。
RecordItはどんなデバッグデータを記録しますか?
スタックトレース付きのコンソールログ、タイミングとボディ付きのネットワークリクエスト、WebSocketメッセージ、JavaScriptエラー、クリックやページ遷移などのユーザー操作を記録します。すべてタイムスタンプ付きで動画に同期します。
リクエストとレスポンスのボディも記録されますか?
はい。fetchとXHRのボディをステータスコードやタイミングとともに記録するので、バグ発生時にAPIが実際に何を返したかを確認できます。
パスワードやトークンはどうなりますか?
パスワード、認証ヘッダー、トークンらしき文字列などの機密値は、データがページを離れる前の記録時点でマスクされます。
ユーザーセッションの記録に使えますか?
はい、狙いを絞った形で使えます。すべての訪問者を受動的に記録するのではなく、あなた自身やユーザーが特定のセッションを、テレメトリ付きの動画として録画します。報告されたバグの再現に最適です。
EdgeやBraveでも動きますか?
はい。RecordItはChromium拡張機能で、Google Chrome、Microsoft Edge、Braveで動作します。同じChromeウェブストアのページからインストールできます。
セッションをAIアシスタントに渡せますか?
はい。ビューアーにはLLM向けコピー機能があり、コンソール、ネットワーク、エラーのテレメトリを構造化したダイジェストを作成して、任意のAIアシスタントに貼り付けられます。