【OBSに置くだけ】出席スタンプカード｜全4色・わんコメ連動で配信日を自動記録

その月に配信した日へ、自動でスタンプが押されていくウィジェットです。コメントが入った日を「配信した日」として記録します。

配信を続けている実感が目に見える形で残るので、配信者本人のモチベーションにも、視聴者に継続を伝えるのにも使えます。

■ できること

・配信した日に自動でスタンプが押されます

・今日コメントしてくれた人数を表示

・連続で配信した日数を表示

・今月の配信回数を表示

・今日のマスは枠が光ります

・月が変わると自動で新しいカードになります

・配信者自身のコメントとBot（Nightbot等）は自動で除外

■ 導入手順の詳しい解説（無料・購入前に読めます）

はじめての方向けに、フォルダのコピーからOBSに表示するまでを画像なしでも分かるようにまとめました。

「表示されない」ときの確認手順も7項目に整理してあります。買う前に読んで、できそうか判断してください。

・わんコメのテンプレートを入れて、OBSに出すまで

　https://panda-hq-7af784ab.pages.dev/guide/onecomme-template-setup

・OBSのブラウザソースが表示されない時に、順番に確認すること

　https://panda-hq-7af784ab.pages.dev/guide/obs-browser-source-not-showing

■ 導入方法（3分）

1. わんコメを起動 → 設定（歯車）→「テンプレート」→「テンプレートフォルダを開く」

2. zip内から好きな色のフォルダを1つ選んで、そのままコピー

　（全4色収録: panda-stamp［ノーマル］/ panda-stamp-sakura［桜］/ panda-stamp-emerald［エメラルド］/ panda-stamp-violet［バイオレット］。以下はノーマルの例・他の色も同じ手順です）

3. OBSの「ソース」→「＋」→「ブラウザ」を追加し、URLに以下を入力

http://localhost:11180/templates/custom/panda-stamp/index.html

幅400 / 高さ560 くらいがおすすめです

■ カスタマイズ

script.js の上部で、見出し・スタンプの見た目（絵文字も使えます）・スタンプを押す条件・除外設定を変更できます。

style.css の上部で、色・幅・マスの大きさ・横に並べる数を調整できます。背景を透明にすることもできます。

■ 動作環境

わんコメ 5.x / OBS 30.x（Windows・macOS）

外部サーバーやアカウント登録は不要です。インターネット接続がなくても動作します。

■ ご利用について

個人・法人の配信、収益化しているチャンネルでお使いいただけます。自分の配信用の改変も自由です。

ファイルの再配布・転売・素材集への再パッケージはご遠慮ください。

──

panda studio ／ 人間1人＋AIで配信素材をつくっています

■ 同じシリーズ

・常連さん応援セット 3点 ¥1,200

　https://panda-kaihatsu.booth.pm/items/8655778

・リアルタイム投票ウィジェット ¥1,000

　https://panda-kaihatsu.booth.pm/items/8600637

・動くコメント欄テーマ 全46色（ネオン/サイバー/かわいい/桜/ミニマル/ガラス） ¥1,500

　https://panda-kaihatsu.booth.pm/items/8576737

ほかの商品はこちら

https://panda-kaihatsu.booth.pm/

■ 更新履歴

・2026-08-13　同梱READMEの導入URLに誤りがあったのを修正しました。

　正しくは http://localhost:11180/templates/custom/<フォルダ名>/index.html です。

　以前のREADMEでは custom/ が抜けており、そのままでは表示されませんでした。

　ご迷惑をおかけして申し訳ありません。この商品ページから最新版を無料で再ダウンロードできます。