← ホームに戻るよくある質問(FAQ)
アカウント登録・ログインについて
- •Google または GitHub の OAuth でサインインできます。メールアドレスとパスワードの登録は不要です。
- •同じメールアドレスに紐づく Google アカウントと GitHub アカウントの両方でログインできます(アカウントは自動的にリンクされます)。
プロジェクトの作成方法
- •ダッシュボードの「新規プロジェクト」ボタンからプロジェクトを作成できます。
- •プロジェクト名と URL 用のスラッグを設定してください。スラッグはプロジェクトの識別子として使用されます。
ウィジェットの埋め込み方法
- •プロジェクトの設定画面に表示される埋め込みコードをコピーしてください。
- •コピーした '<script>' タグをサイトの '<body>' 末尾に追加します。
- •data-api-key 属性にはプロジェクト固有の API キーが設定されています。この値は変更しないでください。
- •設定画面の「許可オリジン」にウィジェットを設置するサイトのオリジン(例: https://example.com)を追加してください。CORS 制御に使用されます。
GitHub 連携の設定方法
- •プロジェクト設定画面の「GitHub 連携」セクションにある「GitHub App をインストール」ボタンをクリックしてください。
- •GitHub の画面に遷移したら、Bugoon App をインストールし、Issue を作成したいリポジトリへのアクセスを許可してください。
- •インストール完了後、自動的にダッシュボードに戻ります。「リポジトリ」欄に Issue 作成先のリポジトリ名を owner/repo 形式(例: myorg/my-app)で入力して保存してください。
- •「GitHub ラベル」セクションで、自動作成される Issue に付与するラベルをカスタマイズできます。空欄にするとそのラベルはスキップされます。
- •設定完了後、バグレポートが送信されると GitHub Issue が自動的に作成されます。トークンの期限管理は不要です。
メンバー招待について
- •プロジェクトのオーナーは、設定画面の「メンバー管理」セクションからメールアドレスを入力してメンバーを招待できます。
- •招待されたユーザーが既に Bugoon にアカウントを持っている場合は即座に参加できます。未登録の場合は、次回ログイン時に自動的にプロジェクトに参加します。
- •オーナーはプロジェクトの設定変更・削除・メンバー管理が可能です。メンバーはバグレポートの閲覧・ステータス更新ができます。
セキュリティについて
- •API キーはプロジェクトごとに一意に生成されます。設定画面で確認できますが、第三者に共有しないでください。
- •GitHub 連携は GitHub App 方式を採用しており、ユーザーのトークンをサーバーに保存しません。GitHub App の認証情報はサーバー側で安全に管理されています。
- •「許可オリジン」に登録されたドメインからのみウィジェットのリクエストが受け付けられます(CORS 制御)。不正なオリジンからの送信はブロックされます。
スクリーンショット方式について
- •「自動(推奨)」モードでは、Bugoon Chrome 拡張がインストールされている場合は拡張経由でピクセルパーフェクトなスクリーンショットを撮影します。拡張がない場合は DOM 描画(html-to-image)にフォールバックします。
- •「画面共有」モードでは、ブラウザの Screen Capture API を使用します。ダイアログで画面を選択する操作が必要ですが、CORS 画像・iframe・Canvas/WebGL など DOM 描画では撮れない要素も正確にキャプチャできます。
- •スクリーンショット方式はプロジェクト設定画面の埋め込みコードセクションで選択できます。スクリプトタグの data-capture 属性で制御されます。
- •大半のサイトでは「自動」で問題ありませんが、外部画像や埋め込みコンテンツが多いサイトでは「画面共有」モードをお試しください。
Chrome 拡張機能について
- •Bugoon Screenshot 拡張をインストールすると、ウィジェットのスクリーンショットがブラウザのネイティブ API 経由でピクセルパーフェクトにキャプチャされます。
- •拡張がなくてもウィジェットは DOM 描画(html-to-image)で動作します。拡張はスクリーンショット品質の向上のためのオプションです。
- •Chrome ウェブストアからインストールできます: https://chromewebstore.google.com/detail/gbfcojmjpgijmdpccdmppnbagflgjphl
- •拡張は activeTab と host_permissions のみを使用し、データの収集・送信は一切行いません。スクリーンショットはブラウザ内でウィジェットに渡されるだけです。