【配信】投票の板 12デザイン｜アンケート結果をOBSに出す｜票はクリックか1〜9キーで手入力（コメント自動集計なし）｜票数と％・1位が光る・締め切りで結果表示・背景透過・設定ボタン(⚙)つき

配信画面に出す「アンケートの結果表示」です。「どっちがいい？」の選択肢を並べて、票が入るとバーが伸びます。同じ機能のまま、見た目だけ違うものを12デザインそろえました。

━━━━━━━━━━━━━━━━━━

◆ 先にお読みください（いちばん大事なところ）

━━━━━━━━━━━━━━━━━━

このツールは、視聴者のコメントを読みません。自動集計もしません。

票は配信者が手で入れます。OBSの「対話」で選択肢をクリックするか、キーボードの 1〜9 を押すだけです。

「コメントを数えて自動で反映する」ものをお探しの場合は、これは違います。ご購入前に必ずご確認ください。

そのかわり、外部サービスにも配信サイトにもいっさい繋ぎません。アカウントもAPIキーも要りません。向こうの仕様が変わっても、このファイルだけで同じように動きます。

単一HTML・インストール不要・アカウント不要・オフライン動作。OBSのブラウザソースに入れるだけ。背景は透過。日本語／English 切替対応。

━━━━━━━━━━━━━━━━━━

◆ できること

━━━━━━━━━━━━━━━━━━

・選択肢は自分で書けます（1行に1つ、2〜9件。長い文は折り返します）

・クリックか 1〜9 キーで +1（Shift を押しながらで −1）

・票数と％の両方を出せます。票数だけ・％だけにもできます

・いちばん多い選択肢が差し色で光ります（同数なら両方）

・締め切ると «結果» の見た目になり、票が止まって1位に印が付きます

・まだ0票のときも「まだ票がありません」と出て、板として成立します

・1回で増える票は 1 / 5 / 10 … と変えられます（コメントを目で読んで まとめて入れる用）

━━━━━━━━━━━━━━━━━━

◆ 票の保存について

━━━━━━━━━━━━━━━━━━

入れた票は、OBSのブラウザの中に保存されます。ソースを更新しても、シーンを切り替えても、OBSを再起動しても残ります。

ただし、OBSのキャッシュを消すと票も消えます。消えても取り戻せるように、次の3つを用意しています。

・⚙の「いまの票」に、票の数をカンマ区切りで打ち込んで保存する

・⚙の「この結果をURLで持ち出す」に出ている1行を、ブラウザソースのURL欄に貼り直す

・URLに ?votes=18,7,4,2 と書く

⚙を開くと «いまの票» がそのまま欄に出ています。その1行を控えておけば、別のPCでも同じ票から続けられます。

━━━━━━━━━━━━━━━━━━

◆ 収録している12デザイン

━━━━━━━━━━━━━━━━━━

・bar.html … 横バー（見出しの下に帯が横へ伸びます。いちばん素直な形）

・column.html … 縦の棒グラフ（目盛りの線と下の軸つき。棒が下から伸びます）

・pill.html … 丸い帯（番号が丸バッジ。帯の角が完全に丸い）

・neon.html … ネオン（文字も帯も光ります。1位の帯だけゆっくり明滅します）

・terminal.html … ターミナル（CLI風。帯はブロックの連なり。下にカーソルが点滅）

・pixel.html … ドット絵（角を丸めません。帯が段でカクカク伸びます）

・paper.html … 紙の投票用紙（明朝体・罫線・左に四角いチェック欄）

・chalk.html … 黒板（木枠つき。チョークのように少しにじみます）

・card.html … カード（選択肢ごとのカード。数字が主役で、細い帯が下に付きます）

・minimal.html … 極細（板を敷きません。細い線と文字だけ）

・pop.html … 丸文字パステル（白い縁取りの明るい板に、太くて丸い帯）

・ballot.html … 投票箱と札（縦の箱に、札が下から積み上がります）

縦に並ぶのは column / card / ballot の3種、あとの9種は横バーの形です。中身と機能は12種とも同じです。

━━━━━━━━━━━━━━━━━━

◆ 票の入れかた

━━━━━━━━━━━━━━━━━━

OBSのソース一覧で右クリック →「対話」を開いてから操作します。配信画面そのものはクリックを受け取らないので、誤って票が入ることはありません。

・選択肢をクリック … +1 ／ Shift+クリック … −1

・1〜9 キー … その番号の選択肢に +1 ／ Shift+1〜9 … −1

・Enter キー … 締め切る／受付に戻す（押すたびに入れ替わります）

・0 キー … 票を全部 0 に戻す（1回では戻りません。確認が出るので、もう一度 0 を押します）

・S キー … ⚙ の設定を開く

━━━━━━━━━━━━━━━━━━

◆ こんな使いかたに

━━━━━━━━━━━━━━━━━━

・次に何をするか、その場で決める（ゲーム／雑談／歌枠／作業配信）

・2択でどっちか決める（延長する／しない）

・企画の途中経過を出しっぱなしにする

・締めて «結果発表» の画にする

・コメントを目で読んで、5票ずつまとめて入れる

・板を敷かずに、文字とバーだけ配信画面に乗せる

━━━━━━━━━━━━━━━━━━

◆ 設定ボタン（⚙）

━━━━━━━━━━━━━━━━━━

見出しも、選択肢も、色も、いまの票も、URLを書き換えずに設定できます。

1. ソース一覧の投票の板を右クリック →「対話」を選ぶ

2. 画面にマウスを乗せると、右上に ⚙ が出ます（出ないときは S キー）

3. 変更して「保存して閉じる」

・普段 ⚙ は見えないので、配信画面には映りません

・設定は保存され、OBSを再起動しても残ります

・「設定を初期化」で購入時の状態に戻せます（このとき入れた票も 0 に戻ります）

・?key=a ?key=b を付けると、同じデザインでもシーンごとに別の票を持てます

※ 設定と票の保存先はブラウザごとに別々です。Chromeで開いて票を入れてもOBS側には反映されません。OBSで使うぶんは、必ずOBSの「対話」画面の中で入れてください。

━━━━━━━━━━━━━━━━━━

◆ 12デザインすべてに共通の設定

━━━━━━━━━━━━━━━━━━

・?options=ゲーム|雑談|歌枠 … 選択肢（| 区切り。2〜9件）

・?votes=18,7,4 … いまの票（カンマ区切り）

・?step=5 … 1回で増える票（1〜1000。初期は1）

・?show=both … 数字の出しかた（both＝票数と％（初期）/ count＝票数だけ / pct＝％だけ）

・?bar=total … バーの長さ（total＝全体に対する割合（初期）/ max＝1位を満杯にする）

・?closed=on … 締め切った状態にする

・?title=次は何をする？ … 見出し（空にすると消えます）

・?keys=off … 選択肢の左の番号を消す ／ ?foot=off … 下の合計の行を消す

・?pos=br … 画面のどこに置くか（tl / tc / tr / ml / mc（初期）/ mr / bl / bc / br）

・?scale=1.6 … 大きさ（0.3〜4）／ ?alpha=0 … 板の下地の濃さ（0で文字とバーだけ）

・?anim=off … バーが伸びる動きを止める

・?theme=mint … 配色（デザインごとに3〜4色）

・?color= / ?accent= / ?bgcolor= … 色を自分で指定（#は不要）

・?lang=en … 英語表示 ／ ?key=a … 設定と票の保存先を分ける

・?mode=stream … 表示専用（クリックもキーも⚙も効かない）

━━━━━━━━━━━━━━━━━━

◆ OBSへの入れ方

━━━━━━━━━━━━━━━━━━

1. ソース →「＋」→「ブラウザ」

2.「ローカルファイル」にチェック → 使いたい .html を選ぶ

3. 幅・高さは 700 x 480 くらいから（column / card / ballot は横に伸びるので 900 x 480 くらい）

4. 背景は透過しているので、そのまま画面のすみに置けます

選択肢を増やすと板が伸びますが、枠からはみ出しそうなときは板ごと自動で縮んで収まります（切れません）。

━━━━━━━━━━━━━━━━━━

◆ ご注意

━━━━━━━━━━━━━━━━━━

・視聴者コメントの集計はしません。票は配信者が手で入れます

・外部アプリ・API・配信サイトとの連携機能はありません

・効果音はありません（表示のみです）

・票はこのPCのこのOBSに保存されます。OBSのキャッシュを消すと消えます（戻し方は上に書いてあります）

・配信画面そのものはクリックできません。票を入れるときは必ず「対話」を開いてください

・選択肢は2〜9件です。1件では成立しないので初期の選択肢に戻ります

・％は四捨五入して出しています。合計が 99% や 101% になることがあります

━━━━━━━━━━━━━━━━━━

◆ 特長

━━━━━━━━━━━━━━━━━━

・文字もバーもHTMLの図形。どの解像度でもにじみません

・外部への通信は一切ありません（ネット接続不要・Webフォントなし）

・画面に出しているのは «いまの票» だけで、履歴を溜め込みません。長時間つけっぱなしでもメモリが増えません

・動画ではないので容量はごくわずかです

・Chrome／Edge で動作確認済み

・配信可・商用利用可（同梱の利用規約参照）

◆ こんな方に

・アンケート結果を、画像の差し替えで手作業していた方

・外部サービスに繋ぐタイプの投票ツールが、仕様変更で止まって困った方

・「どっちがいい？」を、その場で画面に出したい方

万が一素材に不備がありましたらメッセージまでお願いします。

不具合・ご要望は BOOTH のメッセージからどうぞ。