常用漢字2136 コンプリートボード｜コメントに出た漢字が壁を埋めていく視聴者参加型の長期耐久企画【OBS/わんコメ対応】

2136字の常用漢字がびっしり並んだ壁を、視聴者のコメントに出てきた漢字で少しずつ埋めていくOBSオーバーレイです。合言葉もコマンドも要りません。いつもどおり雑談してもらうだけで、その文章とその人の名前に入っていた漢字が灯ります。1回の配信では終わらないので、何ヶ月もかけて育てるチャンネルの共有資産になります。小学1年80字だけを選べば1配信で完走もできます。HTML1枚・サーバー不要。わんコメが無くても手動で最後まで使えます。

視聴者は何もしなくていい — ここが要点です

■ 合言葉もコマンドも要りません

視聴者はいつもどおり雑談するだけです。その文章に入っていた漢字が壁に灯ります。

　「今日も配信お疲れ様です」→ 今・日・配・信・疲・様 が点灯

しばらくすると、視聴者のほうから「まだ出ていない漢字」を狙って書く遊びに自然に変わっていきます。企画の説明に時間を使わなくて済むのが、この形のいちばんの利点です。

■ コメントした人の名前の漢字も拾います

「田中」さんが来れば 田・中 が灯ります。自分の名前が壁に残るので、常連さんほど盤面に思い入れが生まれます。名前を使いたくない場合は usename=0 で切れます。

（盤面に出るのは漢字1文字だけで、表示名そのものは盤面に出ません）

■ 荒れないように作ってあります

・同じ漢字は1回だけ。先に書いた人のものになり、あとから上書きされません。

・1コメントで取れるのは既定3字までです。上限が無いと、長い文章を貼り付けた人がたった一度で壁の大半を持っていってしまい、企画がその場で終わります。max= で変更できます。

・常用漢字に入っていない漢字（鰤・苺など）は、書かれても無視します。

・間違って埋まったマスは、クリックすれば取り消せます。

1回では終わらない — だから続けられます

■ 何ヶ月もかけて育てる盤面です

2136字は1回の配信では終わりません。埋めた分はブラウザに保存されるので、OBSを閉じても次の配信から続きを埋められます。「チャンネルの共有資産を少しずつ育てる」という使い方を想定して作りました。配信のたびに残り字数が減っていくので、区切りの回で「あと100字」と言えるようになります。

■ 1回で完走したいときは範囲を狭められます

　小学1年 80字 ← 1配信で終わります

　小学2年 160字／3年 200字／4年 202字／5年 193字／6年 191字

　教育漢字 1026字（小学校で習う全部）

　常用漢字 2136字（既定）

記念配信で「小1の80字を今日で埋める」、長期企画で「常用2136を年内に」というように使い分けてください。

■ 見た目

まだ出ていない漢字も、うっすらと表示されています。空の四角が2136個並んでいても漢字の壁には見えず、灯っていく様子が読み取れないためです。配色は7種類、学年ごとの色分けも選べます。PNGボタンでその時点の壁を画像として書き出せるので、達成報告の投稿に使えます。

ファイル・動作環境・データの作り方（正直に書いておくこと）

■ 同梱ファイル

board.html（本体・これ1枚で動きます）／index.html（設定を作る画面＋その場で動くプレビュー）／data/kanji.js（常用漢字2136字・学年つき・テキストエディタで編集できます）／shared/（共通CSS・JS）／fonts/（Chakra Petch・JetBrains Mono、SIL Open Font License 1.1）／README.txt／利用規約。zipは約236KB・13ファイルです。

■ 動作環境

OBS Studio のブラウザソース、または普通のブラウザ。サーバーもアカウントも要りません。常用漢字2136なら 幅1500×高さ950 くらいが目安です。

■ 中身のデータについて（ここは手を抜いていません）

2136字は、文化庁の常用漢字表を転載している日本語版Wikipediaの一覧表から機械的に抽出したもので、1文字も手で打っていません。通し番号1〜2136に欠けと重複が無いこと、学年配当が 1年80／2年160／3年200／4年202／5年193／6年191＝教育漢字1026字、残り1110字と合わせてちょうど2136字になることを、出荷前の自動検査で毎回確かめています。この学年別の数字は、別ページ（学年別漢字配当表）からも独立に取得して一致を確認しました。

なお常用漢字表には、いわゆる「しかる」の字のように通常の文字範囲の外にある文字が1字含まれています。本商品はこれを正しく1マスとして扱います（お使いの環境にフォントが無い場合、そのマスだけ空白に見えることがあります）。

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

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

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

■ ライセンス

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