【配信】お願い・ルール板 12デザイン｜箇条書きを書くだけで板になる｜1行だけ強調・1列/2列・行頭の記号も選べる｜OBS用・設定ボタン(⚙)つき・登録不要

配信画面に出しておく「お願い」「ルール」「注意」の板です。箇条書きは自分で書きます。行数が2行でも12行でも、板の大きさが勝手についてくるので組版が崩れません。同じ機能のまま、見た目だけ違うものを12デザインそろえました。

待機画面に大きく出す使いかたと、配信中に画面のすみへ小さく出す使いかた、どちらもこの1枚でできます。まわりは初期状態で透過なので、そのまま配信画面に重ねられます。

動画ファイルではありません。その場で描いているので、容量はごくわずかで、ループの継ぎ目もありません。文字はHTMLの文字なので、どんな大きさでもにじみません。

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

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

◆ こんなときに

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

・参加型企画のルール（「参加はお一人さま1回まで」「順番は先着です」）

・視聴のお願い（「ネタバレはご遠慮ください」「初見さんも歓迎です」）

・注意書き（「音量が大きい場面があります」）

・休憩中や待機中の画面に、開始前の約束ごとをまとめて

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

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

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

・paper.html … 紙・罫線（クリーム色の紙。1行ごとに罫が入り、左に朱の綴じ代）

・card.html … 角丸カード（上に差し色の帯。いちばん素直な板）

・chalk.html … 黒板（木の枠つき。チョークの粉が薄く残っています）

・washi.html … 和紙（縁がちぎれた紙。見出しの下に筆の線、右下に朱の印）

・neon.html … 発光（暗い板のふちが光ります。文字は光らせないので読みやすいまま）

・terminal.html … ターミナル（黒地に細い枠。最後の行のうしろでカーソルが点滅）

・pixel.html … ドット絵（角がカクカクした枠。枠の上を光が1粒ずつ流れます）

・notice.html … 貼り紙・画鋲（四隅を画鋲でとめた紙。少しだけ傾いています）

・tape.html … テープ留めのメモ（左上と右下をマスキングテープで留めたメモ）

・minimal.html … 極細（線は細く、区切りだけ。読ませることに全部よせた板）

・pop.html … 丸文字パステル（ふちが太い丸い板。下が波、まわりに小さな粒）

・blueprint.html … 製図（方眼と隅の見当。左に寸法線、右下に図面枠）

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

◆ 箇条書きの書きかた

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

⚙の欄に1行1件で書くだけです。改行するとそのまま項目が増えます。

・行頭に「!」を付けると、その1行だけ差し色になって太くなります。いちばん読ませたい行にどうぞ

・行を足しても減らしても、板の大きさが自動でついてきます

・長い行は折り返します。折り返した2行目も、行頭の記号のぶんだけ字下げされます

・件数が多いときは2列にできます（⚙で切り替えるだけ）

・行頭の記号は ●／✓／連番（1. 2. 3.）／▸／つけない から選べます。連番は行を足し引きしても自動でふり直します

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

◆ 設定ボタン（⚙）

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

文章も、記号も、色も、URLを書き換えずに設定できます。

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

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

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

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

・設定は保存され、OBSを再起動しても残ります。「設定を初期化」で購入時の状態に戻せます

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

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

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

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

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

・?rules=1人1回まで|!ネタバレ厳禁 … 箇条書き（「|」で区切る。⚙の欄では改行）

・?title= / ?note= … 見出し／下の一行（空にすると消えます）

・?bullet=check … 行頭の記号（dot／check／num／arrow／none）

・?cols=2 … 2列にする（初期は1列）

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

・?align=center … 文字を中央寄せ ／ ?scale=1.6 … 文字の大きさ（0.3〜3）

・?bg=on … 画面いっぱいに地を敷く（初期は敷かない＝透過）

・?anim=off … 飾りの動きを完全に止める

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

・?lang=en … 英語表示 ／ ?mode=stream … ⚙を完全に出さない

※ URLに「#」を書くとそこから先が切れます。「#」を含む文はURLではなく⚙の欄に書いてください。

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

◆ OBSへの入れ方

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

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

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

3. 幅・高さを決める（待機画面に大きく出すなら配信画面と同じ大きさ、すみに小さく出すなら板に近い大きさ）

4. 画面の好きな位置に置く

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

◆ ご注意

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

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

・文章は自分で書くものです。ひな型の文はあくまで例として入れてあります

・視聴者コメントの読み取りや、外部アプリ・APIとの連携機能はありません

・箇条書きの並べ替えや、時間で切り替える機能はありません（出す内容は固定です）

・「!」による強調は、色と太さが変わるだけです（点滅などはしません）

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

◆ 特長

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

・文字はHTMLの文字、板の絵だけキャンバス。どの解像度でもにじみません

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

・板の絵は「その時刻の絵」を毎回計算しているだけなので、長時間つけっぱなしでもメモリが増えません

・動画ではないので容量はごくわずかで、ループの継ぎ目もありません

・Chrome／Edge で動作確認済み

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

◆ こんな方に

・毎回コメントで同じお願いを繰り返している方

・参加型企画のルールを画像で作り直している方

・待機画面と配信中の両方で使える、軽い板がほしい方

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

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