BugCapturerが必要な理由
従来のバグフィードバックがどれほど苦痛か
ウェブサイトの問題を見つけて報告したい場合、従来のワークフローは次のようになります：BugCapturerならどうするか
主な機能
エリアスクリーンショット
拡張機能アイコンをクリックした後、ウェブページ上でドラッグするだけで任意のエリアを選択できます。全画面をキャプチャしてから切り抜く必要はありません — 報告したい部分を正確に選択できます。- 8方向のリサイズハンドルで正確な選択
- 選択範囲外の自動暗転でフォーカスを強調
- 右クリックコンテキストメニューからのクイック起動（「スクリーンショットフィードバック」）
5つの注釈ツール
スクリーンショット後、注釈エディタは5つのツールを提供します：| ツール | 目的 | 例 |
|---|---|---|
| 矢印 | 特定の問題要素を指す | 重なっているボタンを指す赤い矢印 |
| 四角形 | 問題のエリアを強調 | ずれたレイアウトブロックを囲む四角形 |
| テキスト | テキストメモを追加 | 「テキストがここで途切れている」と注釈 |
| ブラシ | フリーハンド描画 | 円、下線、チェックマーク |
| モザイク | 機密情報をぼかす | ユーザー名、メール、APIキーをマスキング |
自動技術メタデータ収集
フィードバックを送信する際、BugCapturerは以下の情報を自動的に収集します — 手動入力不要：| 情報 | なぜ重要か |
|---|---|
| ページURL | 問題のページを正確に特定 |
| ブラウザ名とバージョン | ブラウザ互換性の問題を診断 |
| オペレーティングシステム | OS固有の問題を診断 |
| 画面解像度 | 異なる解像度でレイアウトを確認 |
| ビューポートサイズ | レスポンシブレイアウトの問題を特定 |
| デバイスピクセル比（DPR） | Retina/HiDPIディスプレイの問題を検出 |
| タイムスタンプ | 問題が発生した時刻を記録 |
自動コンソールエラー収集
ウェブページに問題がある場合、ブラウザのコンソールにはほぼ常にエラーメッセージが表示されます。しかし、ほとんどの人はコンソールの開き方を知りません。ましてやそこからエラーをコピーすることは。 BugCapturer V1.0.1は自動コンソールエラー収集を追加しました：errorレベルのエントリのみ収集（info/warnノイズをフィルタリング）
- エラーメッセージ＋ソース位置（ファイル名:行:列）を含む
- 最新のエラーを最大10件収集
- 送信時のみ収集、バックグラウンドモニタリングなし
- ユーザーはオプションのチェックを外して完全に制御可能
自動失敗ネットワークリクエスト収集
多くのウェブページの問題はフロントエンドのレンダリングが原因ではありません — 失敗したAPIコールが原因です。データが到着しなかったため、ページが壊れて見えます。 BugCapturer V1.0.1は失敗したネットワークリクエストを自動的に収集します：- ステータスコード ≥ 400 のリクエストのみ収集（実際の失敗）
- URL、HTTPメソッド、ステータスコード、ステータステキストを含む
- 最新の失敗を最大5件収集
- URL内の機密パラメータは自動的にサニタイズ（
token、key、secret、passwordを*に置換）
- 送信時のみ収集、バックグラウンドモニタリングなし
ワンクリックメール送信
説明を入力した後、「メール送信」をクリック：- システムのデフォルトメールクライアントを自動起動
- メール件名は自動生成（フィードバックタイプとページタイトルを含む）
- メール本文には：説明、技術メタデータ、コンソールエラー、ネットワークエラー
- スクリーンショットは自動的にクリップボードにコピー — Ctrl+Vで添付として貼り付け
- すべて事前入力済み — 「送信」をクリックするだけ
7言語サポート
BugCapturerは7つの言語をサポートしています：- 中文（簡体字中国語）
- English
- Deutsch
- Français
- Español
- Português（ブラジル）
- 日本語
プライバシーバイデザイン：ゼロデータアップロード
BugCapturerは誕生以来一つの原則を守っています：あなたのデータはあなただけのもの。| 原則 | 実装 |
|---|---|
| ゼロデータアップロード | いかなるサーバーにもデータはアップロードされません。スクリーンショット、注釈、技術情報はすべてローカルに留まります |
| 登録不要 | アカウント作成なし、メール認証なし — インストールしてすぐ使える |
| 最小限の権限 | 必要なブラウザ権限のみ要求 — 閲覧履歴なし、タブコンテンツへのアクセスなし |
| 一回限りの収集 | コンソールエラーとネットワークリクエストは送信時のみ収集、バックグラウンドモニタリングなし |
| ユーザー制御 | 技術診断情報はデフォルトで有効ですが、ワンクリックで無効化可能 |
| URLサニタイズ | ネットワークリクエストURL内の機密パラメータは自動的に*に置換 |
| ダイレクトメール | レポートはあなた自身のメールクライアントから送信、第三者を経由しません |
BugCapturerは誰のためのものか
QA / テストエンジニア
主要なユーザーグループ。毎日何十ものバグレポートを提出する際、BugCapturerは各レポートを5〜15分から30〜60秒に圧縮し、技術診断情報を自動的に添付して「再現不可」のやり取りを削減します。フロントエンド開発者
クロスブラウザ互換性の問題をデバッグする際、ブラウザ間で見た目がどう異なるかを素早くドキュメント化する必要があります。BugCapturerはブラウザバージョン、解像度、ビューポート情報を自動収集 — 手動ドキュメント作成の手間を省きます。プロダクトマネージャー
ユーザーフィードバックを収集する際、ユーザーは問題を明確に説明できないことがよくあります。BugCapturerをインストールしてもらえば — 問題がどこにあるか正確に「見せてもらえ」、添付された技術情報でフォローアップの質問が不要になります。UI/UXデザイナー
ビジュアルレビューの際、デザインモックアップと実際のページの違いに注釈を付ける必要があります。BugCapturerの5つの注釈ツールは、あらゆる視覚的問題をマークするのに十分な精度があります。日常的なインターネットユーザー
ウェブサイトの問題を見つけて報告したい人なら誰でも。技術的なバックグラウンド不要、DevTools不要 — 30秒でプロフェッショナルなレポートを提出できます。BugCapturer vs. 他のアプローチ
| 側面 | 手動スクリーンショット+メール | チャットでスマホ写真 | プロフェッショナルフィードバックプラットフォーム | BugCapturer |
|---|---|---|---|---|
| 時間 | 5〜15分 | 2分 | 3〜5分 | 30秒 |
| 注釈 | なし/弱い | なし | 強い | 5ツール |
| 技術情報 | 手動 | なし | 自動収集 | 自動収集 |
| コンソールエラー | DevTools必要 | なし | 一部 | 自動収集 |
| ネットワークエラー | DevTools必要 | なし | 一部 | 自動収集 |
| プライバシー | 各种 | 低い | クラウドにデータ | ゼロアップロード |
| 価格 | 無料 | 無料 | 有料 | 無料 |
| 登録 | なし | なし | 必須 | 登録不要 |