診断＆Excel — BugCapturer | コンソールエラーとネットワークキャプチャ

コンソールキャプチャ

コンソールエラーを自動収集

エラーと警告を自動キャプチャ — メッセージ、ソース位置、スタックトレース付き。

キャプチャ範囲	ランタイムエラー、未処理のPromiseリジェクション、console.error、console.warn
レベル	error + warn（info/logを含まない）
タイミング	ページ読み込みから開始（document_start、MAINワールド）
上限	最大30件、レポートでは最近10件
フィールド	メッセージ + ソース（ファイル:行:列）+ スタック

🔴 Console

🔴 Cannot read property 'map' of undefined app.bundle.js:142:18

🟡 Deprecated: componentWillMount will be removed react.js:2384:12

🔴 ReferenceError: handleClick is not defined index.js:45:8

ネットワークキャプチャ

失敗リクエストを自動収集

失敗したネットワークリクエスト（HTTP ≥ 400）を自動キャプチャ — URL、メソッド、ステータス、ステータステキスト。

検出	PerformanceObserverでリソースエントリを監視
失敗判定	HTTPステータス ≥ 400
上限	最大20件、レポートでは最近5件
フィールド	URL（マスキング済み）、メソッド、ステータスコード、ステータステキスト
URLマスキング	token/key/secret/password/auth → ***

🟡 Network

🟡 GET https://api.example.com/users?token=*** [401] Unauthorized

🟡 POST https://api.example.com/orders [500] Internal Server Error

🟡 GET https://cdn.example.com/style.css [404] Not Found

プライバシー

プライバシー優先の診断

センシティブデータは保護、収集はオプトイン、アップロードなし。

🔒

URLマスキング

token/key/secret/passwordなどのセンシティブパラメータを***に自動置換。

✅

ユーザーの選択

デフォルトでチェック済み — いつでもオプトアウト可能。

⚡

一回限りの収集

送信時のみ収集、バックグラウンド監視なし。

🚫

アップロードなし

診断情報はローカルで組み立てられ、ユーザーがメールを送信する時のみ送信。

ExcelエクスポートNEW

12列Excel行、ワンクリック

構造化TSV行をクリップボードにコピー — Excel、Google Sheets、Numbersに貼り付けでフォーマット済み表に。

Description	Type	Screenshot	URL	Page Title	Browser	OS	Screen	Viewport	Time	Console	Network
Submit button overlaps Cancel button on mobile	Bug	Paste PNG	https://app.example.com/dashboard	User Dashboard	Chrome 126	Windows 11	1920 × 1080	375 × 667	2026-08-18 14:30	Cannot read property... (app.js:142)	GET /api/users [401]
Chart not rendering on dashboard load	Bug	Paste PNG	https://app.example.com/analytics	Analytics Overview	Edge 126	macOS 14	2560 × 1440	1440 × 900	2026-08-18 09:15	ReferenceError: chartData is not defined (chart.js:28)	POST /api/metrics [500]
Login form shows error on valid credentials	Bug	Paste PNG	https://app.example.com/login	Sign In	Chrome 125	Windows 10	1920 × 1080	1280 × 720	2026-08-17 16:42	TypeError: undefined is not a function (auth.js:67)	POST /auth/login [502]
Product image carousel skips every other slide	Bug	Paste PNG	https://shop.example.com/product/123	Product Detail — Wireless Headphones	Chrome 126	Windows 11	1920 × 1080	1920 × 937	2026-08-16 11:08	Warning: forceUpdate in Carousel (deprecated) (carousel.js:134)	GET /cdn/images/hero.webp [404]

📋

Excel行コピー

12列すべてのデータを含む単一行TSV — あらゆる表計算に貼り付け。

📋

Excelヘッダーコピー

初回テーブル作成用の12列ヘッダー行TSV。

メールプレビュー

完全なメール本文プレビュー

「技術診断情報を含む」にチェックすると、メール本文に構造化診断が自動的に含まれます。

[Bug Report] Bug - User Dashboard

To: dev@company.com

📋 Feedback

Description:Submit button overlaps Cancel button on mobile

Type:Bug

Contact:user@example.com

🔧 Tech Environment

URL:https://app.example.com/dashboard

Page Title:User Dashboard

Browser:Chrome 126

OS:Windows 11

Screen:1920 × 1080

Viewport:1440 × 900

DPR:1.5

Time:2026-08-18 14:30

🔴 Console Errors

[Error] Cannot read property 'map' of undefined — app.bundle.js:142:18

[Error] ReferenceError: handleClick is not defined — index.js:45:8

🟡 Network Errors

GET https://api.example.com/users?token=*** → 401 Unauthorized

POST https://api.example.com/orders → 500 Internal Server Error

📎 Screenshot

Screenshot copied to clipboard — Ctrl+V to paste into this email

使用シナリオ

診断を使う人

🧪

QAエンジニア

バグチケットに構造化診断を添付 — DevToolsからのコピペ不要。

💻

開発者

毎回のバグレポートでコンソールエラーと失敗リクエストを受信。

📊

プロダクトマネージャー

統一12列構造の表計算でバグをトラッキング。

その他の機能

さらに探索

📸

スクリーンショット＆注釈

任意のエリアをキャプチャ、5つのツールで注釈、ワンクリックメール送信。

🎥

画面録画

タブを録画、タイムラインをトリミング、WebMをエクスポート。

診断 Excel