わんコメ（OneComme）のカスタムテンプレートとして使う、読書配信ボードです。読書配信で、いま読んでいる本の題名と、何ページまで読んだかの進みを画面の隅に出しておけます。読んだ時間と1時間あたりのページ数も自動で計算。視聴者が『#おすすめ 書名』でおすすめの本を送ると一覧に並び、読み終わると読了の札が出ます。横1280×縦720・背景透明。画面の四隅のどこか（左下〔既定〕・右下・左上・右上から選べます）に「いま読んでいる本: 星降る町の図書館」「124 / 320 ページ（39%）」と進みの棒、「読書 1:12:30　約 52 ページ/時」の札が出ます。デザインは10種類です。本の題名とページは、配信者がコメント欄のコマンドで入れます。 ■ 流れ 1. OBS に入れます。最初は config.js に書いた題名と総ページ（初期設定は「星降る町の図書館」・320 ページ。架空の題名です）の札が出ています 2. 読む本が決まったら、配信者がコメント欄に `!rd book 星降る町の図書館 320`（題名と総ページ）と書きます。途中から読むときは `!rd p 61` 3. 読みはじめに `!rd start`、休むときに `!rd stop`。読んだ時間が「読書 1:12:30」と数えられます。読み進めたら `!rd p 124`（いまのページ）か `!rd +10`（10 ページ進む） 4. （有料版）`!rd rec open` で視聴者のおすすめを受け付けます。視聴者が「#おすすめ 風の手紙」と書くと、反対側の縁の一覧に並びます。同じ書名は「風の手紙 +2」にまとまります 5. （有料版）`!rd pick` で、おすすめから 1 つ抽選して「今日の1冊」の札が出ます 6. （有料版）読み終わったら `!rd done`。中ほどに「読了！ 星降る町の図書館　320ページ・4時間10分」の札が出て、読了の本棚に入ります。`!rd shelf` で本棚（最新 10 冊の題名と日付）の札が出ます 7. 次の本は `!rd book 題名 総ページ`。企画をやり直すときは `!rd reset`（題名と総ページは config.js の値に戻り、ページ・時間・おすすめ・本棚が消えます） ■ 特長 ・隅の札: 「いま読んでいる本」と読書の状態（読書中・ひと休み・読了）、題名、大きな「124」と「/ 320 ページ（39%）」、進みの棒、「読書 1:12:30」と「約 52 ページ/時」。長い題名は文字を縮め、40 文字まで収めます ・読書の時間は時刻の差で数えるので、動いている途中で OBS を再読み込みしても、ずれずに進み続けます（ずれは 1 秒以内。上限 999:59:59） ・（有料版）ページ/時: 計り始めてからのページ数 ÷ 読書の時間。1 分に届くまで・ページが進んでいないときは「--」、999 を超えると「999+」 ・（有料版）おすすめの一覧: 視聴者の「#おすすめ 書名」（40 字まで・1人 2 件まで）。同じ書名は 1 つにまとめて「+2」。最新 8 件を新しい順に並べます。受付は `!rd rec open`／`!rd rec close`、一覧は `!rd rec` で出す・隠す、`!rd clear` で消す ・（有料版）抽選: `!rd pick` で、おすすめから 1 つを選んで「今日の1冊」の札を出します ・（有料版）読了の札と本棚: `!rd done` で「読了！」の札（ページ数と読書の時間つき）。読んだ本は本棚に残り、`!rd shelf` で最新 10 冊の題名と日付の札が出ます。同じ本の 2 回目の `!rd done` では増えません ・（有料版）ページを書くと数字が上から切り替わります ・位置は config.js の position で四隅から選べます（一覧の札は反対側の縁の同じ上下の側。中央の札は、どの隅でも隅の札・一覧の札と重なりません） ・配信者のコマンドは配信者本人のコメントだけ有効（視聴者が「!rd p 320」と書いてもページは変わりません）。全角の「！」・全角スペース・全角の数字も可 ・題名・書名は文字として表示します（タグを書いてもそのまま文字で出ます）。総ページ 9999・時間 999:59:59・40 字の題名・99 人のおすすめでも、札からはみ出さないよう収めます ・題名・ページ・読書の時間（計り始めの時刻と合計）・おすすめ・本棚・札は localStorage（キー onecomme-dokusho-v1）に保存され、OBS を再読み込みしても、配信の途中で OBS を開き直しても同じ状態が続きます。同じコメントで二度数えません ・config.js で、position・title・totalPages・cardSeconds・アクセントカラーを変えられます ・アクセントカラー: color を変えると、札の枠・進みの棒・読書中の札・％の札の枠・読書の時間の下線・ページ/時の札・一覧の札と「+2」の札・読了の札の光線ときらきら・光の色が変わります（文字の基本色・札の地は変わりません） ・OBS の「ローカルファイル」で index.html を選んで入れても、自動でわんコメの URL に開き直して動きます ・デザイン10種: ネオン（夜のネオン管の札）／ゆめかわ（パステルの札）／ピクセル（8bit の枠）／和風（茶の札に金の縁）／ミニマル白／ミニマル黒／肉球・猫（やさしい暖色の札）／宇宙（星空の札）／宝石（紺の面に宝石色の縁）／ターミナル（緑の線画の端末） ・背景は透明。外部フォント・外部画像は使わず、システムフォント＋プログラム描画で表示。音は鳴りません ■ こう使う 1. 使いたいデザインのzip（例: neon.zip）を、わんコメの「テンプレート」画面にドラッグ＆ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ＆ドロップする（OBSの「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます） 3. OBSのブラウザソースの幅1280・高さ720を設定し、画面いっぱいに置く 4. 配信者が `!rd book 星降る町の図書館 320` と書くと、本が決まります ■ 動作環境 わんコメ 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の変え方・アクセントカラー・デモ表示・動作環境・利用規約） ■ 注意 ・コマンドはわんコメの配信者（自分のチャンネル）のコメントだけが効きます。視聴者のコメントで動くのは、おすすめ（有料版）の「#おすすめ 書名」だけです。 ・このテンプレートは、本の題名とページ・読書の時間・おすすめの書名を表示するための道具です。書名は配信者と視聴者が入力したものを文字のまま表示し、内容の確認はしません。画面の見本に出てくる題名・ページ・時間・おすすめの書名・「ユーザーA」などは仮のもの（架空）です。 ・おすすめの一覧と抽選・読了の札と本棚・ページ/時・数字の切り替えアニメーションは有料版の機能です。 ・画像・動画を生成する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