誰がいつ来たかを、配信画面にカレンダーで出します。 インストールは要りません。OBSの「ブラウザ」に入れるだけです。 わんコメが無くても使えます。 ──────────────────────── ■ こんな画面が出ます ──────────────────────── 出席カレンダー　2026-11 日 月 火 水 木 金 土 [1] 2 [3] 4 [5] [6] 7 [8] 9 [10] 11 [12][13] 14 [15] 16 [17] 18 [19][20] 21 [22] 23 [24] 25 [26] 27 28 29 30 連続記録 さくら　　15日連続 ゆい　　　14日連続 あおい　　12日連続 来た人が多い日ほど、マスの色がはっきりします。 マスの中には、その日に来た人数が出ます。今日のマスには枠が付きます。 ──────────────────────── ■ ここが他と違います：連続は「配信した日」で数えます ──────────────────────── 毎日配信するわけではありません。 カレンダーの日で連続を数えると、誰の連続も1日で止まってしまいます。 このツールは「誰か1人でも来た日」＝配信した日だけを並べて、 その中で連続して来ているかを見ます。 11/1 配信した　　　→　来た 11/2 配信していない →　飛ばす 11/5 配信した　　　→　来た　　→　2日連続 だから「3か月、1回も休まずに来てくれている人」が、ちゃんと分かります。 さらに、1日の区切りは朝5時です。 深夜0時をまたぐ配信も、まとめて1日として数えます。 （config.js の dayStart で変えられます。0 にすると真夜中で切れます） ──────────────────────── ■ できること ──────────────────────── ・わんコメが無くても、チャット欄を貼り付けるだけで使えます ・誰がどの日に来たかを、1か月のカレンダーで出します ・人が多く来た日ほど、マスの色がはっきりします ・今日のマスに枠が付きます ・連続記録を上から何人でも出せます（初期値は3人） ・連続は「配信した日」で数えます（配信していない日は飛ばします） ・深夜0時をまたぐ配信も、1日として数えます（区切りの時刻は変えられます） ・同じ日に何回コメントしても、その日は1回の出席です ・何回コメントしたら出席にするかを決められます ・前の月・次の月・今月に、配信中でも切り替えられます ・自分や読み上げBOTを、一覧のボタンで1クリックで外せます ・同じ人をまとめます（前後の空白・大文字小文字・前後の飾り記号） ・同じチャットをもう一度貼り付けても、重なった所は飛ばします ・記録をCSVで保存・読み込みできます（二度読んでも増えません） ・インターネットにつながりません ──────────────────────── ■ こう動きます ──────────────────────── 同じ日に何回コメントしても　　　　→　その日は1回の出席 配信していない日　　　　　　　　　→　連続の計算で飛ばす 0時をまたぐ配信　　　　　　　　　 →　1日として数える（既定は朝5時区切り） 配信した日に来なかった　　　　　　→　連続は0に戻る（最高記録は残る） 同じ連続日数の人が並んだ　　　　　→　同じ扱い（どちらも上に出る） 同じ連続日数で、どちらを上にするか →　先に来はじめた人 「数えない」を押した　　　　　　　→　カレンダーからも連続記録からも消える 行の先頭に時刻が付いている　　　　→　時刻は名前にならない 時刻だけの行　　　　　　　　　　　→　人として数えない 同じチャットをもう一度貼り付けた　→　前の貼り付けと重なった所は飛ばす 少しずれた窓を貼った　　　　　　　→　新しい行だけ数える 同じCSVをもう一度読み込んだ　　　 →　記録は増えない（置き換えるため） 12月の次の月　　　　　　　　　　　→　次の年の1月 OBSを閉じて開き直した　　　　　　 →　記録は残る・今月に戻る 本体と操作パネルは、同じ置き場所を見ているので答えが食い違いません。 ──────────────────────── ■ 名前の集め方は2つ ──────────────────────── 【A】わんコメ（OneComme）を使っている場合 　　config.js の onecomme.enabled を true にするだけ。 　　コメントした人が、自動でその日の出席に入ります。 　　つなぐ先は同じパソコンの中（localhost）だけ。外へは何も送りません。 　　わんコメが無い・起動していないときは、何も起きません。 【B】わんコメを使っていない場合 　　操作パネルに、チャット欄をそのまま貼り付けて「この人たちを出席にする」。 　　　さくら: こんばんは 　　　ゆい: いえーい 　　　20:05 あおい: やあ 　　→ 名前だけ取り出して、その日の出席に入れます。 　　同じチャットをもう一度貼り付けても大丈夫です。 　　前に貼った分と重なっている所を飛ばすので、二重に数えません。 ──────────────────────── ■ 入っているもの ──────────────────────── attend.html 本体（OBSに置くのはこれ） control.html 操作パネル（貼り付け・月の切り替え・CSV） ※ OBSの 表示 → ドック → カスタムブラウザドック に入れて使います。 　 ダブルクリックで開くと保存場所が別になり、OBSの画面は動きません。 config.js 設定ファイル README_使い方.txt 使い方 README_English.txt 英語版 ──────────────────────── ■ できないこと（先に書いておきます） ──────────────────────── ・ハンコの絵や、ごほうびのバッジは出ません。マスの色と人数だけです ・音は鳴りません ・アイコン（人の画像）は出ません ・連続記録に順位の数字は出ません。名前と日数だけです ・貼り付けは「押した日」の出席になります。昨日のログを貼っても、昨日にはなりません ・わんコメの「二重に数えない」は、その画面を開いているあいだだけです。 　OBSでソースを更新すると、配り直された分をもう一度数えることがあります ・1人ぶんだけのカレンダー（その人の出席表）は出せません。全体の1枚です ・わんコメ以外の連携はありません（YouTube や Twitch に直接つなぐ機能はありません） ・わんコメを使わない場合、出席は自動では増えません。貼り付けたときだけ増えます ・貼り付けは「名前: 本文」か「名前␣␣本文」の形に対応します。 　名前と本文が別の行になる形式（画面からのコピーなど）は、 　本文の行も人として数えてしまいます ・同じ1行だけを2回貼ると、貼り直しとみなして2回目は数えません。チャット欄ごと貼ってください ・配信していない日に誰かがコメントすると、その日も「配信した日」になります ・「数えない」にした印は、CSVには入りません（その人の記録は入ります）。 　パソコンを替えたら、押し直してください ・CSVの読み込みは置き換えです。2台のパソコンの記録を足し合わせることはできません ・名前を変えた人は、別の人として扱われます（同じ人だと分かる方法がないため） ・記録はこのパソコンの中にだけあります。別のパソコンで使うときはCSVで持っていってください ・OBSで「シーンが非アクティブのときにソースをシャットダウン」を入れていると、 　シーンを切り替えるたびに今月に戻ります ──────────────────────── ■ 動作環境 ──────────────────────── ・OBS Studio の「ブラウザ」ソース向けに作っています ・Chrome（Windows）で動作を確認しています ・インターネット接続は不要です（わんコメ連携も同じパソコンの中だけ） ※ だれがどの日に来たかは、ブラウザの中に保存されます。 　 OBSの「キャッシュを削除」をすると消えます。 　 大事な記録は、操作パネルからCSVで保存しておいてください。 ──────────────────────── ■ 更新履歴 ──────────────────────── 2026-11-08　v1.0.0　はじめて出しました ──────────────────────── ■ 同じ作りの、ほかの商品 ──────────────────────── OBSに置くだけ・インターネットにつなぎません。 ・常連さんランキング（コメント数） https://techmeparty.booth.pm/items/9119328 ・初見さん判定（言わない人も分かる） https://techmeparty.booth.pm/items/9002170 ・エンドロール（同じ人を1行にまとめる） https://techmeparty.booth.pm/items/8992208 ・コメント投票（リアルタイムアンケート） https://techmeparty.booth.pm/items/9006380 ・OBS透過ウィジェット まとめ 15本 https://techmeparty.booth.pm/items/9118489 ──────────────────────── ■ よくある質問 ──────────────────────── Q. OBS にはどうやって入れますか？ A. OBS の「ソース」で「ブラウザ」を追加し、「ローカルファイル」にチェックを入れて 　　attend.html を選びます。 　　幅 380 / 高さ 440 くらいが目安です。 Q. インストールは必要ですか？ A. 要りません。zipを解凍して、OBSのブラウザソースにファイルを指定するだけです。 Q. 背景は透過しますか？ A. します。OBSのブラウザソースに入れると、配信画面の上に重ねて表示されます。 Q. わんコメ（OneComme）は必要ですか？ A. わんコメがあれば、コメントを自動で読み取ります。 　　わんコメが無くても、チャット欄を貼り付けて使えます。 Q. 毎日配信しないのですが、連続記録は意味がありますか？ A. あります。連続は「配信した日」だけで数えます。 　　配信していない日は飛ばすので、週1配信でも「10回連続で来てくれた人」が分かります。 Q. 自分のコメントを数えたくありません A. 一覧の小さなボタンを押してください。カレンダーからも連続記録からも消えます。 　　読み上げBOTなど、最初から外したい名前は config.js の exclude に書けます。 Q. CSVを二度読み込んだら、記録が倍になりませんか？ A. なりません。読み込むと、同じ名前の人の記録は CSV の中身に置き換わります。 　　足し算ではないので、同じCSVを何度読んでも同じ結果になります。 Q. 設定はどこで変えますか？ A. config.js をメモ帳などで開いて、数字や文字を書き換えて保存します。 　　OBSのソースを「更新」すると反映されます。 Q. インターネットにつながりますか？ A. つながりません。外部のサービスには一切つなぎません。 Q. 商用利用できますか？ A. できます。作った物の使用は、個人・法人を問わず自由です。 　　ファイルそのものの再配布・転売だけはご遠慮ください。 ──────────────────────── ■ 使ってよい範囲 ──────────────────────── ・このツールで作ったものは、自由にお使いいただけます（商用可・表記不要） ・配信・動画でお使いいただけます（表記不要） ・ツールのファイルそのものの再配布・販売はご遠慮ください