【わんコメテンプレート】初見さん歓迎カード 10デザイン|初見さんに名前入りの歓迎カード・今日の初見さんの数と一覧・手で追加【OBS/初見さん】
- Digital700 JPY


わんコメ(OneComme)のカスタムテンプレートとして使う、初見さん歓迎カードです。わんコメが付ける「初見」の印(その人の最初のコメント)を見て、名前入りの歓迎カードを `showSeconds`(既定 6)秒出し、画面の隅の「今日の初見さん ○人」のカウンターと、今日の初見さんの名前の一覧(20 人まで。超えたら「ほか ○人」)に加えます。横1280×縦720・背景透明。カード・カウンター・一覧・光はすべて画像を使わずプログラムで描画しています。デザインは10種類です。音は鳴りません。 配信アラートの初見演出より、初見さんの数と名前をしっかり残したい人向けです。アラートは「出て、消える」演出、この商品は「今日の初見さんの数と一覧が画面に残る」道具です。同じ 10 デザインの名前(neon〜terminal)で、並べて使うこともできます。 ■ 流れ 1. 配信を始めると、画面の隅に「今日の初見さん 0人」が出ます(一覧は初見さんが来てから出ます) 2. 初見の印が付いた人がコメントすると、名前入りの歓迎カード(「今日 ○人目」つき)が出て、カウンターと一覧に加わります。続けて来たときは 1 枚ずつ順番に出ます 3. (有料版)カードが出ている間に、視聴者が「いらっしゃい」「ようこそ」「👋」を書くと、カードのまわりに小さな光が 1 つずつ増えます(最大 12) 4. 印が付かなかった人は、配信者が `!shoken add 名前` で手で足せます(有料版) 5. 日付が変わると自動で 0。`!shoken reset` でもいつでも 0 に戻せます ■ 特長 ・歓迎カード: 初見さんの名前・「今日 ○人目」・歓迎の文(config.js の welcomeText。既定「はじめまして!ようこそ」)。showSeconds 秒で消えます ・今日の初見さんのカウンター: 画面の隅に「今日の初見さん ○人」。いつも出ています ・今日の初見さんの一覧: 来た順に最大 20 人(無料版は 5 人)。超えたぶんは「ほか ○人」。listPosition で左右を選べます。`!shoken hide` で隠し、`!shoken show` で戻せます(カウンターは残ります) ・視聴者の反応(有料版): 「いらっしゃい」「ようこそ」「👋」で、カードのまわりの光が 1 つずつ増えます ・手で追加(有料版): `!shoken add 名前` で、印が付かなかった人を足せます(同じ名前は 2 回足せません) ・記録は localStorage(キー onecomme-shoken-v1)に保存され、OBS を再読み込みしても、配信の途中で OBS を開き直しても、今日の初見さんが続きます。日付が変わったら自動で 0。処理済みのコメントも覚えていて、同じコメントを二重に数えません ・配信者コマンド: `!shoken add <名前>` / `!shoken reset` / `!shoken hide` / `!shoken show`(全角の「!」・全角スペースも可。配信者本人のコメントだけ有効。共通名の書き方は受け付けないので、当店の他のテンプレートと同時に使っても混ざって動きません) ・HTML は実行されず、名前は書かれたとおりの文字で出ます ・config.js で、歓迎の文(welcomeText)・歓迎カードを出す秒数(showSeconds)・一覧の左右(listPosition)・数えない名前(excludeNames)・アクセントカラーを変えられます ・アクセントカラー: color を変えると、歓迎カードの枠・四隅と線の飾り・「初見さん」の札・カウンターの枠と下線・一覧の枠と見出しの線・光の色が変わります(文字と背景の色は変わりません) ・OBS の「ローカルファイル」で index.html を選んで入れても、自動でわんコメの URL に開き直して動きます ・デザイン10種: ネオン(夜のネオン管)/ゆめかわ(パステルにハート)/ピクセル(8bit の枠)/和風(茶に金の二重枠と落款)/ミニマル白/ミニマル黒/肉球・猫(やさしい暖色)/宇宙(星空)/宝石(紺の面に面取りのガラス)/ターミナル(緑の線画の端末) ・背景は透明。外部フォント・外部画像は使わず、システムフォント+プログラム描画で表示。見本に出る名前はすべて架空です ■ こう使う 1. 使いたいデザインのzip(例: neon.zip)を、わんコメの「テンプレート」画面にドラッグ&ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ&ドロップする(OBSの「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます) 3. OBSのブラウザソースの幅1280・高さ720を設定し、画面いっぱいに置く 4. 初見の印が付いた人のコメントで、歓迎カードが出ます ■ 動作環境 わんコメ 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の変え方・アクセントカラー・デモ表示・動作環境・利用規約) ■ 注意 ・「初見さん」は、わんコメが付ける「初見」の印で決まります。すでにわんコメに記録のある人は印が付かないので数えません(そのときは `!shoken add 名前` で足せます)。 ・コマンドはわんコメの配信者(自分のチャンネル)のコメントだけが効きます。視聴者やモデレーターのコメントでは動きません。 ・初見さんの名前が画面に大きく出ます。内容に気をつけてご利用ください(名前はそのまま出ます)。 ・画像・動画を生成する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

