いつから見てる？ 視聴歴タイムライン｜周年・記念配信の定番質問がそのまま1本の年表になる【OBS/わんコメ対応】

周年配信や記念配信で必ず一度は聞く「いつから見てる？」——その答えを集計して、チャンネルの歴史の上に重ねるOBSオーバーレイです。視聴者は形式を気にせず普通に答えるだけ。「2024年3月から」「去年の夏」「3年前」「初見です」「最初から見てます」を全部そのまま読み取って、月ごとの棒が伸びていきます。古参が何人いるか、どの月に人が増えたか（バズった月・切り抜きが出た月）が、コメントを読み上げているうちに形になります。HTML1枚・サーバー不要。

視聴者は形式を気にせず、普通に答えるだけ

■ こういう書き方を全部そのまま拾います

　2024年3月から → 2024.03　　　2023/07 → 2023.07

　２０２２年１月（全角）→ 2022.01　　二年前（漢数字）→ 24ヶ月前

　去年の夏 → その年の7月　　　今年の春 → 今年の4月

　一昨年の11月 → 一昨年の11月　　3年前 → 36ヶ月前

　半年前くらい → 6ヶ月前　　　1年半前 → 18ヶ月前

　初見です / 今日から → 今月

　最初から見てます / 開設当初から → いちばん左の月

■ 季節は真ん中の月に寄せます

春→4月、夏→7月、秋→10月、冬→1月。気象庁の区分（春3〜5月・夏6〜8月・秋9〜11月・冬12〜2月）の中央にあたる月です。当てずっぽうではなく根拠のある置き方にしてあります。

■ 読み取れないコメントは、何も起こしません

「こんばんは」「wwww」で棒が伸びることはありません。そして「3月から新生活です」のような年が分からない言い方も、わざと拾いません。どの年か決められないものを勝手にどこかへ置くと、年表が静かに嘘をつくためです。拾わなかった分は配信者が手で入れ直せます。

■ 1人1回

既定では1人1回だけ答えられます（連投で年表が歪まないように）。何度でも答えられるようにもできます。

出てくる数字と、置き方

■ 4つの数字が自動で出ます

・最古参 … いちばん古い答えの月と、それが何ヶ月前か

・いちばん多い月 … 人がいちばん増えた月。バズった月や切り抜きが出た月が、だいたいここに出ます。周年配信の話のネタになります

・平均視聴歴 … 答えた人の視聴歴の平均（ヶ月）。周年ごとに撮っておくと伸びがそのまま記録になります

・今月はじめて … 今月から見はじめた人の数

■ 置き方

zipを展開して、OBSの「ブラウザ」ソースに board.html を指定するだけです。URLの末尾に start=2022-04 のように「チャンネルを始めた月」を入れてください。そこがいちばん左の月になります（省略すると直近3年）。

横幅は width= で決められます。年表は横に伸びるので、ここを指定しておかないと、チャンネルの年数が増えるたびにOBSのソースサイズを直すことになります。

（OBSで設定を効かせるには「ローカルファイル」のチェックを外して、URL欄に file:///… から貼ってください）

■ 続きから再開できます

集計はブラウザに保存されるので、OBSを閉じても残ります。PNGボタンでそのときの年表を画像として書き出せるので、記念配信のまとめ投稿にそのまま使えます。配色は7種類から選べます。

ファイル・動作環境・ライセンス（正直に書いておくこと）

■ 同梱ファイル

board.html（本体・これ1枚で動きます）／index.html（設定を作る画面＋その場で動くプレビュー）／lib/whenparse.js（日本語の時期表現を読むエンジン）／shared/（共通CSS・JS）／fonts/（Chakra Petch・JetBrains Mono、SIL Open Font License 1.1）／README.txt／利用規約。zipは約231KB・13ファイルです。

■ 動作環境

OBS Studio のブラウザソース、または普通のブラウザ。サーバーもアカウントも要りません。

■ 集計の精度について（正直にお伝えします）

本商品は日本語のコメントから「時期」を推定します。推定であって正確な日付の特定ではありません。「去年の夏」のような曖昧な表現は、その季節の中央の月に寄せています。出力される数字は、あくまで「その配信でコメントした人の申告」の集計であり、チャンネル全体の視聴者構成を表すものではありません。

時期の読み取りは61項目の自動テストで検証しており、そのテスト自体が本当に機能することも、わざと壊した版を通して確かめています。

■ わんコメ連携について（重要・正直にお伝えします）

コメント連携は任意の追加機能で、ご利用の場合はご自身のPCに「わんコメ（OneComme）」を別途インストールしてください（無料版で動作します。本商品には同梱していません）。

接続は公式ドキュメント（onesdk-js）どおりに実装していますが、制作環境にわんコメ本体が無いため、実機での接続確認ができていません。この点を承知のうえでご購入ください。手動入力での動作はブラウザ実機で確認済みで、わんコメが無くても手動だけで最後まで使えるよう設計しています。

■ 視聴者の名前の扱い

既定では、答えた方の表示名を数秒間その月の上に表示します（fly=0 で止められます）。集計はご自身のPC内にのみ保存され、外部のサーバーには一切送信されません。

■ ライセンス

商用・非商用を問わず、ご自身の配信・動画・イベントでご利用いただけます（収益化を含む）。改変も自由です。ファイルそのものの再配布・再販売、および本商品を学習データに用いた機械学習・生成AIモデルの作成は禁止です。クレジットは任意（不要）です。詳細は同梱の利用規約をご覧ください。