コンプ耐久メーカー 操作マニュアル

1. このツールでできること

• 好きなお題で コンプリート耐久（全部そろえる／全部答える／目標数まで集める）を配信できます
• 配信中に グリッド / リスト / 一覧 をクリックして票やチェックを進めます
• 専用 URL で 視聴者にリアルタイム共有できます（観覧専用）
• OBS ブラウザソースとして透過素材を出せます（背景ありの不透明表示も選べます）
• 進行フェーズ（段階名・必要票数・色はすべて編集可）で盛り上がりを可視化します
• マス達成 / グループ全達成 / コンプリート の 演出（スタンプ・紙吹雪・ファンファーレ・歓声 効果音）
• 状態を 設定ファイルでバックアップ / 復元できます
• 𝕏 (Twitter) シェア用テキストの自動生成

用語について: このツールでは、コンプ耐久の各項目を「マス」、質問耐久の各項目を「質問」、個数耐久の各項目を「回答」と呼びます。全マスを達成すると「コンプリート」です。

2. 3 つの耐久タイプ

トップ画面の「新規イベントを作成」で、まず 耐久タイプを選びます。タイプによって表示・達成条件・操作が変わります。

2-1. コンプ耐久のお題

「お題を選ぶ」で プリセット（12星座 / 16タイプ性格診断 / 血液型 / 誕生月）か カスタムを選べます。12星座・16タイプ・誕生月のプリセットは、各マスに専用イラストが付きます。

カスタムは空の状態で作成し、マスの追加・削除は作成後の配信者画面（耐久画面）で行います。各マスには任意の画像をファイル選択またはドラッグ&ドロップで設定できます（詳しくは「5-2」）。

プリセットによってはグループ（例: 16タイプのグループ、誕生月の季節）を持ち、グループを全達成すると専用の演出が出ます。

2-2. 質問耐久のお題

質問耐久も空の状態で作成し、質問の追加・削除は作成後の配信者画面（耐久画面）で行います。順番は自由で、答えた質問から消化していきます。

2-3. 個数耐久の目標数

個数耐久を選ぶと 目標数の入力欄が表示されます。回答は配信中に追加していき、目標数に達したら達成です（例: 「漫画200」なら目標数 200）。

3. 全体の流れ

1. トップ画面で 配信タイトルを入力（空欄なら耐久タイプ / お題に応じた名前になります。入力欄のプレースホルダーに既定名が出ます）
2. 耐久タイプとお題（コンプ耐久はプリセット / カスタム、個数耐久なら目標数）を選ぶ。カスタムと質問耐久は空で作成します
3. 作成する を押す
4. 配信者画面を開く ボタンが表示されるので押して配信者画面を別タブで開く（視聴者URL / OBS URL は配信者画面の⚙ 設定から取得できます）
5. カスタム・質問耐久はここで、配信者画面でマス / 質問を追加する（「5-2」参照）
6. 視聴者URL を X でシェアしたり、配信概要欄やコメント欄に貼ったりして共有する
7. OBS を使う配信なら、OBS URL を OBS の「ブラウザソース」に貼る
8. 配信中にグリッド / リスト / 一覧をクリックして進める
9. グループ全達成・コンプリートでフィナーレ演出

4. 3 つの URL の役割

3 URL とも同じイベントを参照しているので、配信者の操作は視聴者と OBS に即時反映されます。視聴者URL と OBS URL は、作成後は配信者画面の ⚙ 設定 → 共有URL からコピーできます（作成直後の画面には配信者画面を開くボタンだけが出ます）。

5. 配信者画面の操作

5-1. 画面レイアウト

• 左上: 達成数（N / 全体）+ 総投票数
• 右上: サーバとの接続状態（接続OK / 切断 など）
• 👑 TOP 3: 票数上位のランキング
• 進捗バー: 全体の達成率
• 中央: コンプ耐久はグリッド、質問耐久はリスト、個数耐久は回答一覧
• 右側パネル「スロット別カウント」: 各マスの票数一覧（プリセットにグループがある場合は、その下にグループ別カウント）

5-2. カウント / チェックの操作

操作は耐久タイプで少し変わります。画面のヒント表示（左クリック=+1 / 右クリック=-1 / Alt+クリック=名前修正 ／ スマホは タップ=+1 / − ボタン=-1）も参考にしてください。

コンプ耐久（グリッド）

カスタム耐久のマス管理: グリッド上部の入力欄（マス名を入力して追加）＋ マス追加 でマスを増やせます。各マスの左上 × で削除。各マスの右下 🖼 ボタンでの画像選択、または画像ファイルをマスにドラッグ&ドロップで、そのマスに好きなイラストを設定できます（自動で縮小されます。画像なしのマスは名前だけ表示）。

質問耐久（リスト）

• 上部の入力欄（質問を入力して追加）＋ 質問追加 で質問を増やせます。各行の × で削除できます
• 質問をクリックすると、その行が赤くハイライトされ、画面下に大きく表示（スポットライト）されます
• 各行の ✓ ボタンで回答済みにします（取り消し線が付く。もう一度押すと解除）
• 用意した質問を全部答えたら達成です

個数耐久（回答一覧）

• 上部の入力欄（例: 回答を入力して追加（例: ワンピース））に打ち込んで 追加。似た既出があるとあいまい検索で警告が出ます
• 一覧の行をタップすると +1 票。− ボタンは 2 票以上のときだけ表示され、1 票までしか減りません（0 にはなりません）
• × で回答を削除します
• 目標数 N に達したら達成です。右上に総投票数が出ます

5-3. ↩ 取り消し（Undo）

ボードのツールバーにある ↩ 取り消し ボタン、または Ctrl+Z で 直近 1 手を取り消せます。票の増減・エントリの追加/削除・スポットライト・マス名修正が対象です。押すとボタンは無効化されます（取り消せるのは 1 手のみ）。

5-4. 名前で絞り込み

右パネル「スロット別カウント」上部の検索ボックス（名前で絞り込み）に打つと、一覧から該当マスだけが残ります。配信中に特定のマスを素早く操作したいときに便利です。

5-5. 設定パネル

ヘッダ右の ⚙ 設定 を押すと右からドロワーが開きます。閉じるには:

• 右上の × をクリック
• 背景の暗い部分をクリック
• ESC キー

ドロワー内のセクションは 耐久タイプに応じて絞られます:

• 共有URL: 視聴者URL / OBS URL のコピーと、OBS 表示パーツの選択（背景の透過/不透明の切替を含む。「10. OBS への設置」参照）
• 進行フェーズ: 段階名・必要票数・色のカスタマイズ（コンプ耐久のときだけ表示。後述）
• バックアップ: 現在の状態を設定ファイルで保存
• 操作: 全カウントのリセット
• 演出テスト: 紙吹雪 + ファンファーレを手動再生
• ⚠ 危険な操作: このイベントを完全削除。票・設定・登録画像をサーバーから完全に削除します（視聴者・OBS の表示も消え、元に戻せません。二段階の確認あり）

5-6. 設定の保存

段階名や色、必要票数を変更したら、進行フェーズ欄の 設定を保存して全員に反映 を押してください。視聴者画面と OBS にも即時反映されます。

6. 達成条件と進行フェーズ

6-1. タイプ別の達成条件

• コンプ耐久: 全マスが「出現」以上（＝最初の段階に到達）でコンプリート
• 質問耐久: 用意した質問をすべて回答済みにしたら達成
• 個数耐久: 回答数が目標数 N に達したら達成

6-2. 進行フェーズ（コンプ耐久）

進行フェーズは コンプ耐久のときだけの機能です。各マスの票数に応じて、グリッドと一覧の色が 4 段階で進化します。既定の段階名は「出現 / 常連 / 推し / ガチ」ですが、段階名・必要票数・色はすべて自由に変更できます（お題に合わせて書き換えられます）。

「出現 / 常連 / 推し / ガチ」はあくまで既定の段階名であって固定ではありません。設定パネルの「進行フェーズ」で好きな名前に書き換えられます。

段階の無効化

必要票数を 0 にすると、その段階より上の段階に昇格しなくなります。
例: 常連=0 にすると、何票入っても「出現」止まりになります（推し・ガチも同様に 0 にする運用が直感的です）。

7. 演出

7-1. マス達成（票が増えるたび）

• 該当マスの上に マス名 + フェーズ名！のスタンプがポップ表示されます
• 例: おひつじ座 出現！ → おひつじ座 常連！ → おひつじ座 推し！ → おひつじ座 ガチ！
• 効果音 が票数に応じて鳴ります

質問耐久では回答時に「回答済み！」のスタンプ演出が出ます。右クリックでの -1 やリセットでは再生しません。

7-2. グループ全達成

プリセットにグループがある場合、そのグループが全達成されるたびに グループ名オーバーレイ + 歓声 効果音が再生されます。

7-3. コンプリート（全マス達成）

全マスが達成されたら、紙吹雪 + ファンファーレの総決算演出が出ます。個数耐久は目標数に到達したとき、質問耐久は全問回答したときが同様のフィナーレです。

7-4. star テーマ

12星座など star テーマのお題では、達成時に星が舞う演出 + シャラーン音が加わります。

7-5. 手動演出テスト

設定パネル → 演出テスト → 紙吹雪 + ファンファーレ で、コンプリート演出をいつでも再生できます。

8. 𝕏 シェア

ヘッダの 𝕏 シェア ボタンで、X (Twitter) のポスト下書きが新しいタブで開きます。本文は 耐久タイプに応じて自動生成されます。

• コンプ耐久: 進捗と 残りマスを列挙（入る分だけ並べ、あふれた分は「他 N 件」で締めます）
• 個数耐久: 現在数 / 目標件・総投票数・あと ◯ 件などを表示
• ハッシュタグ #コンプ耐久 #HydeyTools と視聴者URL を本文末尾に付けます（URL は投稿後に X 側で t.co 短縮されます）
• 達成済みなら祝いのコメント版に切り替わります

X の文字数制限と URL 短縮を考慮して、列挙する項目数は自動で調整されます。

9. イベントの再開 / バックアップ

イベントを後から開き直す方法は 2 通りです:

• 同じブラウザの「続きから」: ワンクリック再開。日常の中断/再開はこれで OK
• 設定ファイル (バックアップ/復元): 別の PC・別ブラウザに移したい / 完全に同じ状態を残したい場合

9-1. 「続きから」リスト

トップ画面の「🕘 続きから」セクションに、このブラウザで 作成・開いた配信者画面の履歴が新しい順で並びます。配信者画面を開く でそのまま再開できます（票数・設定はすべてサーバに保存済み）。

• 履歴はブラウザのローカル保存です。別の PC やプライベートモードでは復元できません
• 削除 ボタンはこの一覧から消すだけです。サーバ上のイベントは残ります
• 同じブラウザでも、長期間操作が無いと一覧の項目が指すイベントが自動削除される場合があります（次項参照）

9-2. 設定ファイルでバックアップ

右側の設定パネル → バックアップ → この状態を設定ファイルで保存 でダウンロードします。中身は:

• タイトル / 目標値 / 段階名 / 色 設定
• 各マスの名前・票数・初達成時刻

配信者用の秘密キーは含まないので、共有しても安全です。

9-3. 設定ファイルから復元

トップ画面の 🗂 過去の設定ファイルから復元 セクションで設定ファイルを選んで 設定ファイルから復元する を押します。

• 新しい配信者URL / 視聴者URL / OBS URL が発行されます（元の URL とは別のイベント）
• 元イベントは破壊されません（設定ファイルから何度でも分岐を作れます）
• 票数・目標・色がそのまま引き継がれます

10. OBS への設置

1. OBS のシーンに 「ブラウザソース」を追加
2. URL に OBS URL を貼る
3. 幅 1920 × 高さ 1080 推奨（縦型なら後述のレイアウトを使用）
4. 「ソースが非アクティブのときシャットダウン」をオフ推奨（配信中の途切れ防止）
5. 配信者画面で操作すれば OBS にも即時反映、演出も同期されます

透過レイアウト / 背景を付ける

OBS URL は既定で背景が透過で、UI も操作不可（pointer-events: none）です。テキストにはアウトラインシャドウが入っているので、明るいゲーム画面の上に重ねてもバキッと浮き上がります。

設定の 「🎨 背景を付ける（不透明）」 にチェックを入れると、背景が不透明のダークになります（単体シーンや見た目確認用。URL に ?bg=1 が付きます）。チェックを外せば従来どおり透過です。

表示パーツを選ぶ

配信者画面 → ⚙ 設定 → 共有URL の OBS URL コピー欄の下に、表示パーツのチェックボックスがあります。 チェックを外したパーツが OBS 画面から消え、上の OBS URL が自動で更新されるので、その都度コピーして OBS のブラウザソースに貼り直してください。 チェック項目は耐久タイプに応じて絞られます。

例: 「スロット別カウント (右パネル)」と「残りテロップ」のチェックを外せば、グリッド + 左カラムだけのスッキリした OBS レイアウトになります。チェックを変えると配信者画面の OBS プレビューも即時反映されるので、見た目を確認しながら調整できます。

(上級向け) URL の末尾には ?hide=stats,top3,... のように外したパーツのキーがカンマ区切りで付与され、縦型は ?layout=portrait、背景不透明は ?bg=1 が付きます。URL を直接編集して使うこともできます。

複数ソースで自在レイアウト

チェックの組み合わせを変えるたびに OBS URL が変わるので、異なる組み合わせの URL を順番にコピーして OBS のブラウザソースに別々に貼れば、各ソースを配置・サイズ調整して自由なレイアウトが組めます。各ソースはサーバと独立に同期するので、票数も演出もすべて揃います。

音声の扱い

グループ全達成の歓声・ファンファーレなどの 効果音 はブラウザソース側でも鳴ります。OBS の「音声モニタリング」設定で配信音声に乗せるか、独自に 効果音 を流すかを選んでください。

11. 視聴者画面

視聴者URL は 観覧専用です。視聴者がクリックしても何も起こりません。配信者の操作がそのままリアルタイムで反映され、進捗バッジ・グリッド / リスト / 一覧が即時更新されます。

視聴者にはこの URL だけを配って、配信中に「今どこまで進んでいるか」を見てもらう用途です。

12. トラブルシューティング

画面が読み込まれない / 真っ暗

• キャッシュをクリアして再読込（Ctrl+Shift+R / Mac は Cmd+Shift+R）
• 別のブラウザ、または「シークレット / プライベートウィンドウ」で開いてみる
• それでも直らない場合は お問い合わせ までご連絡ください

配信者URLでログインできない / 「認証失敗」と出る

• URL 末尾の 秘密キー（?t= 以降）が省略されていないか確認（コピー時に途中で切れている場合あり）
• 入力を求められたら、配信者URLを丸ごと貼り付けても、URL末尾の ?t= 以降の値だけを貼ってもOKです
• 復活できないときは設定ファイルのバックアップから復元するのが最速です

音が鳴らない

• ブラウザの自動再生ポリシーで、最初にどこかをクリックするまで音声がブロックされていることがあります。配信者画面の何かを 1 度クリックすると以降は鳴るようになります
• OBS のブラウザソースは「ページの音声を制御する」が ON のとき音が出ます

サーバを再起動したらデータは消える？

消えません。サーバ側に保存されているので、サーバや PC を再起動しても同じ URL でアクセスすれば復活します。URL を覚えているか、設定ファイルに保存しておくのが大事です。

イベントを作成できない / 「リクエストが多すぎる」と出る

イベント作成は連投防止で 3 分間に 5 回までに制限しています。少し時間を空けてから再試行してください。

13. お問い合わせ / 支援

不具合のご報告・ご質問は以下までお願いします。

• 📧 メール: aoyama.hyde2@gmail.com
• 🐦 X（旧 Twitter）: @AoyamaHyde

※ 個人運用のため、返信が遅くなる場合があります。あらかじめご了承ください。

不具合報告テンプレート

以下の項目のうち分かるものだけでもご記入いただけると助かります。

・発生した内容：
・発生手順：
・耐久タイプ（コンプ / 質問 / 個数）：
・利用環境（PC/スマホ・ブラウザ）：
・スクショ or 動画（あれば）：
・配信者URL / 視聴者URL / OBS URL のどれで起きたか：
・発生時のイベント（タイトル等、分かれば）：

支援のお願い（任意）

このツールが配信のお供になったり、ちょっと役に立ったら、 HydeyTools の Booth ページから 「金額を上乗せして応援（BOOST）」でご支援いただけるとうれしいです。 ツール本体は今後もずっと無料で提供を続けます。

🔗 https://hydeytools.booth.pm/items/8422961

※ ダウンロード自体は ¥0 で可能です。BOOST はあくまで任意の応援機能です。

14. ライセンス

• アプリ本体のコード: MIT
• 紙吹雪: canvas-confetti (ISC)
• Socket.IO クライアント: socket.io-client (MIT)
• 歓声 効果音:「Cheer-Crowd」素材（配布元のライセンスに従う）
• 日本地図 SVG: @svg-maps/japan by Victor Cazanave, CC BY 4.0（pref47 由来。現在はプロモページのみで使用）
• 誕生石アイコン（誕生月プリセット）: 市丸アノ（ano_ichimaru）
• 16タイプ性格診断イラスト: kei02工房（BOOTH）
• 12星座イラスト（12星座プリセット）: PIXTA（素材ID 82885164・ライセンス購入済み）

コンプ耐久メーカーは、47 県の耐久配信ツール pref47 のフォークです（realtime 同期 / OBS 透過 / 配信者主導の土台を活かし、対象を任意ラベルの汎用マスに拡張）。