【わんコメテンプレート】配信ルール表示 10デザイン|コメントのお約束をやさしく表示・1項目ずつ切り替え・「ルール」コメントで呼び出し・初見さんにようこそ【OBS/待機画面/VTuber】
- Digital700 JPY


わんコメ(OneComme)のカスタムテンプレートとして使う、配信ルール表示です。配信のルール(コメントのお約束)を、待機画面や配信の始まりにやさしく表示します。視聴者が『ルール』とコメントするとカードが出るので、初見さんにも伝わります。横1280×縦720・背景透明。見出し(既定「この配信のお約束」)と、番号の札つきのお約束の一覧を、画面の中央に出します。デザインは10種類です。 ■ 流れ 1. config.js の rules に自分の配信のお約束を書きます(書き換えなくても、最初から入っている6つの例で使えます) 2. 配信の始まりに、配信者がコメント欄に `!rules show` と書くと、見出しと全項目のカードが出ます(`!rules hide` と書くまで出たままです) 3. 配信の途中は、`!rules cycle` で1項目ずつ画面の隅に順番に出し続けたり、`!rules 2` で2番目だけを大きく出したりできます 4. `!rules hide` で消えます 5. 視聴者が「ルール」「お約束」「rules」とコメントすると、全項目のカードが数秒出ます。初見さんには名前入りの「ようこそ!」を出す設定もあります ■ 特長 ・お約束の一覧(有料版は10項目まで)。番号の札つきで、項目が増えると行が詰まって画面に収まります。長い文は枠に収まる大きさまで文字が小さくなります ・既定のお約束は、汎用で中立なやわらかい言い方の例が6つ(「ほかの配信の話はほどほどに」「ネタバレは控えてね」「いやな気持ちになる言葉は控えてね」「個人情報は書かないでね」「宣伝やリンクの投稿はお休みしてね」「わからないことは気軽に聞いてね」)。config.js の rules で、自分の配信に合わせて書き換えられます ・見出しは config.js の title で変えられます(24文字まで) ・`!rules show`: 全項目のカード。`!rules hide`: 消す ・(有料版)`!rules cycle`: 1項目ずつ順番に画面の隅に出し続けます(cycleSeconds 既定8秒。「3 / 6」の番号と、次の項目までの残り時間の棒つき。position で左下・右下を選べます) ・(有料版)`!rules 2`: その1項目だけを大きく出します(番号の大きな札と、大きな文字) ・(有料版)視聴者の呼び出し: 視聴者のコメントが「ルール」「お約束」「rules」のどれかとちょうど同じなら、全項目のカードを cardSeconds(既定8)秒出します。全員あわせて viewerCooldownSec(既定60)秒に1回までです(ひらがな・カタカナ・全角半角・大文字小文字・語尾の「!」「?」の違いは見ません) ・(有料版)初見さんにようこそ: config.js の welcomeFirst を true にすると、その日に初めてコメントした人に「ようこそ! 〇〇さん、お約束はこちら」の札を出します(既定は false) ・配信者のコマンドは配信者本人のコメントだけ有効(視聴者が「!rules hide」と書いても消えません) ・名前・お約束は文字として表示します(タグを書いてもそのまま文字で出ます) ・表示モードは localStorage(キー onecomme-rules-v1)に保存され、OBS を再読み込みしても、セッションの途中で OBS を開き直しても同じ表示が続きます。同じコメントで二度数えません ・config.js で、title・rules・position・cycleSeconds・cardSeconds・callWords・viewerCooldownSec・welcomeFirst・excludeNames(BOT など数えない名前)・アクセントカラーを変えられます ・アクセントカラー: color を変えると、札の枠・見出しの札の枠・番号の札・1項目だけ大きく出す数字の札・残り時間の棒・ようこその札の見出しの色が変わります(文字の基本色・札の地は変わりません) ・OBS の「ローカルファイル」で index.html を選んで入れても、自動でわんコメの URL に開き直して動きます ・デザイン10種: ネオン(夜のネオン管の札)/ゆめかわ(パステルの札)/ピクセル(8bit の枠)/和風(茶の札に金の縁)/ミニマル白/ミニマル黒/肉球・猫(やさしい暖色の札)/宇宙(星空の札)/宝石(紺の面に宝石色の縁)/ターミナル(緑の線画の端末) ・背景は透明。外部フォント・外部画像は使わず、システムフォント+プログラム描画で表示。音は鳴りません ■ こう使う 1. 使いたいデザインのzip(例: neon.zip)を、わんコメの「テンプレート」画面にドラッグ&ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ&ドロップする(OBSの「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます) 3. OBSのブラウザソースの幅1280・高さ720を設定し、画面いっぱいに置く(何も出していないあいだは、完全に透明です) 4. 配信者が `!rules show` と書くと、カードが出ます ■ 動作環境 わんコメ 9.1 以降 + OBS のブラウザソース。表示中はわんコメを起動しておいてください(テンプレートはわんコメ本体の OneSDK を読み込みます)。 ■ 同梱 ・デザイン別テンプレートzip 10個(neon / yumekawa / pixel / wafu / minimal-light / minimal-dark / nikukyu / uchu / houseki / terminal、それぞれ index.html + config.js) ・説明書.txt(導入手順・画面の見方・配信者のコマンド・視聴者の呼び出し・初見さんにようこそ・状態の記録・無料版との違い・config.jsの変え方・アクセントカラー・デモ表示・動作環境・利用規約) ■ 注意 ・コマンドはわんコメの配信者(自分のチャンネル)のコメントだけが効きます。視聴者のコメントでは動きません。 ・視聴者の呼び出しは、コメントが「ルール」「お約束」「rules」とちょうど同じときだけ働きます(「ルール教えて」のように言葉が足されたコメントには反応しません)。配信者本人のコメントは数えません。 ・既定のお約束は例です。自分の配信の決まりに合わせて書き換えてお使いください。 ・画像・動画を生成するAIは使っていません(プログラムで描画)。プログラムと説明文はAIアシスタント(Claude)が作成しています。 ・わんコメ公式のテンプレート追加機能(zipのドラッグ&ドロップ)で導入します。フォルダを直接配置する方法ではありません。 ・コメントを使う機能(配信者のコマンド・視聴者の呼び出し)が YouTube のコメントに反応するには、わんコメで Google ログインが必要です。 ・記録は OBS のブラウザソースの中(localStorage)に保存されます。別のパソコン・別のブラウザ・わんコメのプレビュー画面とは共有されません。OBS をわんコメと別のパソコンで使う場合は、URL に ?stay=1 を付けてください(説明書に手順があります)。 ・わんコメ本体を無料版で使う場合は、わんコメの規約により概要欄などへのわんコメのクレジット記載が必要です(わんコメ側の決まりです)。 ・配信・動画での使用可、収益化配信(投げ銭・広告収益等)での使用も可、このテンプレートのクレジット表記は不要です。 ・このテンプレート(zip・index.html・config.js等)そのものの再配布・転売は禁止です。 ・ご質問はメッセージでどうぞ。 ▼ わんコメテンプレート 全部入りセット(2,980円) https://moonlitprops.booth.pm/items/8924071

