ぱちぱち素材屋

わんコメ（OneComme）のカスタムテンプレートとして使う、家計簿配信ボードです。家計簿配信やお金の見直し企画で、今月の予算と使った額、残りを画面の隅に出しておけます。食費・日用品などの費目ごとの合計は円グラフに。レシートを読み上げながらコマンドで入れるだけで、予算を超えそうになると色が変わって知らせます。横1280×縦720・背景透明。画面の四隅のどこか（右上・左上・右下・左下から選べます）に「11月の予算 80,000円」「使った 52,340円」「のこり 27,660円」と進みの棒の札が出ます。デザインは10種類です。金額は、配信者がコメント欄のコマンドで入れます（表示だけの道具で、口座やカードとはつながりません）。 ■ 流れ 1. OBS に入れます。最初は config.js に書いた予算（初期設定は 80,000円）と今月の月の札が出ています（入力が無くても出ます） 2. 予算を決めるときは配信者がコメント欄に `!kb budget 100000` と書きます 3. レシートを読み上げながら、`!kb 食費 1280 スーパー`（費目・額・メモ。メモは省けます）と書きます。使った額とのこり、棒が変わります。費目は番号でも書けます（`!kb 2 500` は 2 番目の費目）。間違えたら `!kb undo` 4. 使った額が予算の 80% で棒が黄色（「あと少し」の印）、100% で赤（「予算いっぱい」「予算オーバー」。のこりは「超過 840円」の表示）になります 5. （有料版）反対側の縁に、費目ごとの合計と円グラフ（最大 8 費目）、直近 5 件の入力が出ます。`!kb cat 食費 30000` で費目ごとの予算も決められます 6. （有料版）`!kb in 50000 おこづかい` で収入を残せます（予算・使った額・のこりには入れず、札の下と一覧に出ます） 7. （有料版）`!kb list` で、画面の中ほどに今月の入力の一覧の札が出ます 8. （有料版）`!kb hide amount on` で、金額の数字を出さず％だけにします。`!kb hide amount off` で戻ります 9. （有料版）`!kb yoso open` のあと、視聴者が `#予想 3000` と書くと次のレシートの額の予想に（1人 1 回）。次の支出（`!kb 食費 1400`）を入れると、いちばん近かった人が「ニアピン ○○さん 2,980円」の札で発表されます 10. 月が変わったら `!kb month`。次の月に切り替わって 0 円から始まり、前の月の合計は記録に残ります（有料版） ■ 特長 ・隅の札: 札の名前と入力の件数、「11月の予算 80,000円」、「使った 52,340円」、大きな「のこり 27,660円」、進みの棒と％。使った額が 80% 以上で黄、100% 以上で赤（のこりの下線と「あと少し」「予算いっぱい」「予算オーバー」の印も同じ色） ・金額は 1 件 1〜999,999、予算は 1〜9,999,999。単位は config.js の currency で変えられます（'円'・'G'・'pt' など）。費目の名前も config.js の categories で自由に（有料版 8 つまで・1 つ 6 文字まで） ・（有料版）円グラフ: 支出の費目ごとの合計をドーナツ形の円グラフと一覧で。中央は予算に対して使った％。費目の予算（`!kb cat`）を決めた費目は、その費目の棒が 80% で黄・100% で赤 ・（有料版）直近の入力: 新しい順に 5 件（費目・メモ・額）。無料版は 3 件 ・（有料版）収入: `!kb in` で収入を残します。予算・使った額・のこりには入れません ・（有料版）入力の一覧: `!kb list` で今月の新しい 10 件と合計、前の月の合計の札。config.js の listSeconds（既定 10 秒）のあと消えます ・（有料版）額を隠す: 予算・使った額・のこり・費目の合計・入力の額をすべて％にします ・（有料版）視聴者のレシート額予想: `#予想 3000`（全角・カンマ・「円」付きも可）。次のレシートの額にいちばん近い人を「ニアピン」の札と差で発表（差が同じなら先に予想した人）。config.js の cardSeconds（既定 6 秒）のあと消えます ・（有料版）月の記録: `!kb month` で入力を 0 に戻し、前の月の使った額・収入・件数を最大 12 か月ぶん残します ・位置は config.js の position で四隅から選べます（横の札は反対側の縁の同じ高さ。中央の札は、どの隅でも隅の札・横の札と重なりません） ・配信者のコマンドは配信者本人のコメントだけ有効（視聴者が「!kb budget 999999」と書いても予算は変わりません）。全角の「！」・全角スペース・全角の数字も可 ・費目・メモ・名前は文字として表示します（タグを書いてもそのまま文字で出ます）。予算 9,999,999円・1件 999,999円・予想 123 人・長い名前でも、札からはみ出さないよう文字を縮めて収めます ・予算・入力・月・前の月の記録・費目の予算・額を隠す設定・予想は localStorage（キー onecomme-kakeibo-v1）に保存され、OBS を再読み込みしても、配信の途中で OBS を開き直しても同じ状態が続きます。同じコメントで二度数えません ・config.js で、position・budget・categories・currency・monthLabel・cardSeconds・listSeconds・アクセントカラーを変えられます ・アクセントカラー: color を変えると、札の枠・進みの棒・件数/予想/合計の札・のこりの下線・円グラフの1色目・ニアピンの札の光線ときらきら・光の色が変わります（文字の基本色・札の地・予算の黄色と赤は変わりません） ・OBS の「ローカルファイル」で index.html を選んで入れても、自動でわんコメの URL に開き直して動きます ・デザイン10種: ネオン（夜のネオン管の札）／ゆめかわ（パステルの札）／ピクセル（8bit の枠）／和風（茶の札に金の縁）／ミニマル白／ミニマル黒／肉球・猫（やさしい暖色の札）／宇宙（星空の札）／宝石（紺の面に宝石色の縁）／ターミナル（緑の線画の端末） ・背景は透明。外部フォント・外部画像は使わず、システムフォント＋プログラム描画で表示。音は鳴りません ■ こう使う 1. 使いたいデザインのzip（例: neon.zip）を、わんコメの「テンプレート」画面にドラッグ＆ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ＆ドロップする（OBSの「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます） 3. OBSのブラウザソースの幅1280・高さ720を設定し、画面いっぱいに置く 4. 配信者が `!kb 食費 1280 スーパー` と書くと、使った額が変わります ■ 動作環境 わんコメ 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の変え方・アクセントカラー・デモ表示・動作環境・利用規約） ■ 注意 ・コマンドはわんコメの配信者（自分のチャンネル）のコメントだけが効きます。視聴者のコメントで動くのは、予想の受付中の「#予想 3000」（有料版）だけです。 ・このテンプレートは、予算と使った額・のこりを表示するための道具です。表示だけで、口座・カード・家計簿アプリなどとはつながりません。お金の管理方法についての助言は行いません（金額は配信者が入力します）。画面の見本に出てくる金額・件数・「ユーザー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