使い方ガイド
QuizJamの導入から配信までの手順を解説します
1必要なもの
2管理画面の設定
2-1.ログインして管理画面を開く
- 1Google または X でログイン
- 2自動的に管理画面（ダッシュボード）に移動します
2-2.カテゴリを選ぶ
- 1「クイズ設定」タブで出題したいジャンルをタップ（複数選択可）
- 2カテゴリを1つ以上選ぶと「OBS連携」タブが解放されます
2-3.配信プラットフォームを設定
- 1「配信プラットフォーム」タブで使用するサービスのURLを入力
- 2YouTube・Twitch・TikTok Live・Kick・ツイキャスに対応
- 3コメント・ブーストの自動取得に使用されます
2-4.その他の設定（任意）
- 1難易度: かんたん / ふつう / むずかしい
- 2回答時間: 10〜60秒（スライダーで調整）
- 3ブーストしきい値: 各レベルの金額をカスタマイズ
- 4ゲームモード: 回答者モード / 出題者モード
3OBSの設定
3-1.オーバーレイURL をOBSに追加
- 1管理画面の「OBS連携」タブからオーバーレイURLをコピー
- 2OBSを開き「ソース」パネルの＋ボタン → 「ブラウザ」を選択
- 3名前を「QuizJam」にしてOK
| URL | コピーしたオーバーレイURLを貼り付け |
| 幅 | 1920 |
| 高さ | 1080 |
| カスタムCSS | 空欄にする（デフォルトを全削除） |
カスタムCSSにデフォルトで入っている
body { background-color: ... } は必ず削除してください。透過背景にしないとゲーム画面が見えなくなります。3-2.ドックURL をOBSに追加
- 1管理画面の「OBS連携」タブからドックURLをコピー
- 2OBSメニュー → ドック → カスタムブラウザドック
- 3ドック名「QuizJam」、URLに貼り付けて追加
- 4OBS画面内にドック（操作パネル）が表示されます
3-3.ソースの順序を調整
- 1QuizJamのブラウザソースをゲーム画面より上に配置
- 2これでゲーム画面の上にクイズが重なって表示されます
URLは固定です: 一度設定すれば、URLの変更や貼り直しは不要です。次回以降はOBSを開くだけで準備完了。
4配信中の操作
OBSのドック内から全ての操作ができます。
4-1.ドックでの操作（推奨）
- 1「ゲーム開始」ボタンでクイズスタート
- 2「次へ」で次の問題、「答え表示」で正解を表示
- 3ブースト・コメントは自動でオーバーレイに反映されます
- 4オーバーレイの操作はドック経由でリアルタイムに同期されます
4-2.キーボード操作（上級者向け）
ブラウザでオーバーレイURLを別途開き、そのウィンドウでキーボード操作も可能です。
| キー | 動作 |
|---|---|
| N | 次の問題を表示 |
| R | 答えを表示（正解が緑色でハイライト） |
| D | ブーストテスト（デバッグ用） |
| C | コメントテスト（デバッグ用） |
| S | サンプル問題にリセット |
5トラブルシューティング
OBSで背景が黒くなる▼
ブラウザソースのプロパティを開き、カスタムCSSの内容をすべて削除してください。background-color の指定があると透過されません。
オーバーレイが小さい・ずれる▼
ブラウザソースのプロパティで幅 1920、高さ 1080 に設定してください。OBSのキャンバスサイズに合わせてリサイズも可能です。
問題が表示されない▼
管理画面でカテゴリを1つ以上選択し、OBS連携タブからURLを正しく設定しているか確認してください。ドック内で「ゲーム開始」を押すと表示が開始されます。
ブーストエフェクトが反応しない▼
管理画面の「配信プラットフォーム」タブで、配信中のプラットフォームURLが正しく設定されているか確認してください。
ドックが表示されない▼
OBSメニュー → ドック → カスタムブラウザドック からドックURLを追加してください。追加後、OBSのレイアウト内にドックパネルが表示されます。