【配信】週間スケジュール表 12デザイン｜今日の行が自動で光る｜曜日と時刻を書くだけ・縦/横に切替・背景透過・OBS用・設定ボタン(⚙)つき

「今週の配信予定」を1枚にまとめて出す表です。待機画面やプロフィール画面に置くほか、そのまま画像として貼れるようにも作ってあります。同じ機能のまま、見た目だけ違うものを12デザインそろえました。

予定は「月 / 20:00 / ゲーム配信」のように1行1件で書くだけ。あとはPCの時計を見て、今日の行が自動で光ります。つけっぱなしにしていても、日付が変わると勝手に隣の行へ移ります。

動画ファイルではありません。その場で描いているので、容量はごくわずかです。文字も枠もHTMLなので、どんな大きさでもにじみません。

単一HTML・インストール不要・アカウント不要・オフライン動作。OBSのブラウザソースに入れるだけ。背景は初期状態で透過です。日本語／English 切替対応。

━━━━━━━━━━━━━━━━━━

◆ できること

━━━━━━━━━━━━━━━━━━

・予定を自分で書く（曜日 / 時刻 / 内容 / タグ を1行1件）

・今日の行が自動で光る（PCの時計の曜日を見ています。設定は要りません）

・終わった曜日を「薄くする」「消す」ことができる（今週のどこまで来たかが分かります）

・「休み」の行は色が変わる

・週の始まりを月曜／日曜から選べる

・縦に並べる（リスト）／横に並べる（カレンダー風）を切り替えられる

・行が3行でも10行でも、枠の大きさに合わせて自動で収まります

━━━━━━━━━━━━━━━━━━

◆ 収録している12デザイン

━━━━━━━━━━━━━━━━━━

・card.html … カード（角丸の札が積み重なる。いちばん素直）

・minimal.html … ミニマル（極細の罫線だけ。文字を主役にする）

・neon.html … ネオン（暗い下地に発光。夜の配信向け）

・washi.html … 和紙（生成りの紙に縦書きの見出し。朱がさし色）

・chalk.html … 黒板（木枠の板にチョーク書き。今日は手描きの囲み）

・paper.html … 方眼ノート（方眼の紙と赤い余白線）

・terminal.html … ターミナル（黒地に等幅。曜日は [ ] で囲む）

・pixel.html … ドット絵（角のない太い枠と、ずらした影）

・poster.html … ポスター（大きい見出しと太い曜日。遠くからでも読める）

・ticket.html … 半券（切り取り線とえぐりのある券が並ぶ）

・glass.html … すりガラス（半透明の板。下地を敷くと後ろがぼける）

・pop.html … まるポップ（ぜんぶ丸い。パステルで柔らかく）

配色はデザインごとに3〜4色。⚙から切り替えるだけで、文字も札も下地も一緒に変わります。

━━━━━━━━━━━━━━━━━━

◆ 予定の書きかた

━━━━━━━━━━━━━━━━━━

⚙の「予定」の欄に、1行に1件、「/」で区切って書きます。

　月 / 20:00 / ゲーム配信 / 新作

　火 / 休み /

　水 / 21:00 / 雑談・お知らせ

　木 / 20:00 / ゲーム配信

　金 / 22:00 / もくもく作業

　土 / 19:00 / 参加型 / 募集あり

　日 / 休み /

・曜日は「月」「月曜」「月曜日」、英語の「Mon」「Monday」も読みます

・書いた順ではなく、週の始まりに合わせて並べ替えます

・時刻は好きな書き方でかまいません（20:00 / 20時 / 夜 など）

・4つめに書いた言葉は、右端に小さいタグとして出ます（要らなければ書かなくてOK）

・時刻のところに「休み」「お休み」「なし」「ー」などと書くと、休みの行になって色が変わります

・「火 / 休み / 用事のため」のように理由も書けます

・1つの曜日に2件書いても大丈夫です（最大14行）

━━━━━━━━━━━━━━━━━━

◆ 画像としても使えます

━━━━━━━━━━━━━━━━━━

⚙の「画面いっぱいの下地を敷く」を入れると、下地込みの1枚として成立します。

ブラウザで開いてスクリーンショットを撮れば、そのままSNSやプロフィールに貼れます。

（初期状態は透過なので、OBSにはそのまま重ねられます）

━━━━━━━━━━━━━━━━━━

◆ 設定ボタン（⚙）

━━━━━━━━━━━━━━━━━━

予定も、色も、並べ方も、URLを書き換えずに設定できます。

1. ソース一覧のスケジュール表を右クリック →「対話」を選ぶ

2. 画面にマウスを乗せると、右上に ⚙ が出ます（出ないときは S キー）

3. 変更して「保存して閉じる」

・普段 ⚙ は見えないので、配信画面には映りません

・設定は保存され、OBSを再起動しても残ります。「設定を初期化」で購入時の状態に戻せます

・?key=a ?key=b を付けると、同じデザインでもシーンごとに別の内容にできます

※ 設定の保存先はブラウザごとに別々です。Chromeで開いて設定してもOBS側には反映されません。OBSで使うぶんは、必ずOBSの「対話」画面の中で設定してください。

━━━━━━━━━━━━━━━━━━

◆ 12デザインすべてに共通の設定

━━━━━━━━━━━━━━━━━━

・?plan=月 / 20:00 / ゲーム配信|火 / 休み / … 予定そのもの（1件ずつを「|」でつなぎます）

・?title= … 見出し ／ ?note= … 下の小さい注記（どちらも空にすると消えます）

・?layout=grid … 横に並べる（カレンダー風）。list＝縦に並べる（初期）

・?week=sun … 週の始まりを日曜にする（初期は月曜）

・?past=dim … 終わった曜日を薄くする（normal＝そのまま（初期）/ dim / hide＝消す）

・?today=off … 今日の行を強調しない（初期は on）

・?dow=wed … 「今日」を水曜に固定する（見本づくり用。無指定ならPCの時計に従います）

・?theme=night … 配色（デザインごとに3〜4色）

・?scale=1.3 … 大きさ（0.3〜3）

・?bg=on … 画面いっぱいの下地を敷く（初期は透過）

・?color= / ?accent= / ?plate= / ?bgcolor= … 色を自分で指定（#は不要）

・?lang=en … 英語表示 ／ ?mode=stream … ⚙を完全に出さない

━━━━━━━━━━━━━━━━━━

◆ OBSへの入れ方

━━━━━━━━━━━━━━━━━━

1. ソース →「＋」→「ブラウザ」

2.「ローカルファイル」にチェック → 使いたい .html を選ぶ

3. 幅・高さを入れる（画面いっぱいなら 1920 x 1080、すみに置くなら 900 x 700 くらい）

4. 表は枠のまん中に、枠の大きさに合わせて収まります

━━━━━━━━━━━━━━━━━━

◆ ご注意

━━━━━━━━━━━━━━━━━━

・効果音はありません（表示のみです）

・日付（8月31日など）ではなく曜日の表です。日付は入れられません

・「今日」の判定はPCの時計を見ています。PCの時計がずれていると1日ずれます

・予定は自分で書くものです。カレンダーアプリや配信サイトからの取り込みはできません

・視聴者コメントの集計や、外部アプリ・APIとの連携機能はありません

━━━━━━━━━━━━━━━━━━

◆ 特長

━━━━━━━━━━━━━━━━━━

・文字も枠もHTML。どの解像度でもにじみません

・外部への通信は一切ありません（ネット接続不要・Webフォントなし）

・時計を見ているだけで、履歴も画像も溜め込みません。長時間つけっぱなしでもメモリが増えません

・表の大きさは枠と行数から毎回計算しているので、予定を増やしても減らしても崩れません

・Chrome／Edge で動作確認済み

・配信可・商用利用可（同梱の利用規約参照）

◆ こんな方に

・今週の予定を、毎回画像編集ソフトで作り直している方

・待機画面に「今日は何をやるか」を出しておきたい方

・SNSに貼る予定表と、配信画面に出す予定表を1つでまかないたい方

万が一素材に不備がありましたらメッセージまでお願いします。

不具合・ご要望は BOOTH のメッセージからどうぞ。