BugShot.

BugShot（バグショット）

BugShotは、ブラウザ上でバグを発見・記録・報告するまでのワークフローを一元化するChrome拡張機能です。スクリーンショット撮影、動画録画、DOM要素の検証、そしてAIによる自動レポート生成をシームレスに連携させ、従来の複数ツールを行き来していた手間を大幅に削減します。開発者が求める詳細なコンテキスト情報を自動収集し、Jira・GitHub・Linear・Notionなどの主要プロジェクト管理ツールへワンクリックで連携可能です。

製品の主な特徴

• ビジュアルインスペクター: ページ上の任意の要素をクリックして適用されているCSSスタイルや属性を即座に確認し、リアルタイムで編集・検証できます
• AIスタイリング: 自然言語で修正内容を入力すると、AIがCSSを自動生成。Before/Afterの比較確認がページ内で完結します
• 録画＆リプレイ: 常時バックグラウンド録画により、バグ発見後に過去30秒の操作を遡ってキャプチャ可能です
• AIレポート生成: 収集したデータから再現手順・期待結果・実際の結果を含む構造化されたバグ報告書を自動作成します
• 自動コンテキスト収集: ブラウザ種別・画面解像度・DOM情報を報告書に自動添付し、開発者とのやり取りを最小化します
• ワンクリック連携: Jira、GitHub、Linear、Notionなど主要ツールへ、添付ファイル付きでチケットを即座に作成できます
• 同期ログビューアー: 録画動画とコンソールログ・ネットワークログ・アクション履歴を時系列で連動再生できる専用ビューアーを提供します
• ステータストラッキング: BugShot内で提出済みチケットのリアルタイムステータスを確認し、外部ツールを開かずに更新操作が可能です

活用シーン

• QAエンジニアの日次テスト作業: 手動テスト中に発見したUI崩れや機能不具合を、その場で要素検証→動画記録→チケット作成まで一気通貫で処理します
• プロダクトマネージャーから開発者への要件伝達: 「ここをもう少し右に」のような曖昧な口頭指示を、AI生成CSS付きのビジュアル差分で正確に共有します
• リモートワーク環境での非同期バグ報告: タイムゾーンの異なる開発チームに対し、再現手順と動画証拠を含む完全な報告書を残します
• フロントエンド開発のスタイル調整: デザイナーとの細かいUI調整を、ブラウザ内で即座に試行錯誤し確定したCSSを共有します
• カスタマーサポートからエンジニアへのエスカレーション: ユーザーからの不具合報告を、技術的コンテキストを補完した形で開発チームに引き継ぎます

対象ユーザー

Chromeブラウザを使用し、Webアプリケーションの品質保証・開発・プロジェクト管理に携わるQAエンジニア、フロントエンド開発者、プロダクトマネージャー、カスタマーサポート担当者を対象としています。特に複数のツールを切り替えることなく、ブラウザ内でバグ報告ワークフローを完結させたいチームに最適です。