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

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

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

第2弾で増えたのは「次の配信まであと◯」の札です。書いた時刻から、いちばん近い予定までを数えます。始まる時刻を過ぎると「いま配信中」に変わります。外のサイトを見に行くのではなく、予定表の時刻とPCの時計だけで出しているので、配信サイトに繋がっていなくても動きます。

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

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

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

◆ できること

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

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

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

・「次の配信まであと◯」を出す（「あと 3日 2時間」「あと 45分」「まもなく」）

・始まる時刻を過ぎると「いま配信中」に変わる（何時間そう出すかは設定できます）

・終わった曜日を「薄くする」「消す」ことができる

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

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

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

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

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

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

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

・corkboard.html … コルクの掲示板（画鋲で留めた紙が少しずつ傾いて並ぶ）

・sticky.html … ふせん（貼った付箋。角が折れている）

・deskcal.html … 卓上カレンダー（リングで綴じた台紙）

・tvguide.html … 新聞のテレビ欄（細い罫線と詰めた組み。明朝体）

・receipt.html … レシート（上下がギザギザに切れた感熱紙。等幅）

・manga.html … マンガのコマ（太い黒枠。今日のコマだけ集中線が入る）

・clipboard.html … バインダー（クリップで留めた用紙。薄い横罫）

・gantt.html … 時間の帯（予定が横棒になって伸びる）

・cassette.html … カセットの見出し（上に色帯。インデックスカードの形）

・whiteboard.html … ホワイトボード（銀の枠にマグネットで短冊を留める）

・stamp.html … スタンプカード（終わった曜日に丸い印が押される）

・labeltape.html … ラベルテープ（1件が1本のテープ。端がV字に切れている）

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

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

◆ 予定の書きかた

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

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

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

　火 / 休み /

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

　木 / 20:00 / ゲーム配信

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

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

　日 / 休み /

曜日は「月」「月曜」「月曜日」、英語の「Mon」「Monday」も読みます。書いた順ではなく、週の始まりに合わせて並べ替えます。時刻は「20:00」「20時」「20時30分」「8:30 PM」を読みます。4つめに書いた言葉は右端の小さなタグになります。「休み」の行は、時刻のところに 休み／なし／off などと書いてください。

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

◆ 設定ボタン（⚙）

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

OBSでソースを右クリック →「対話」→ 画面にマウスを乗せると右上に ⚙ が出ます。予定も色も並べ方も、そこから変えて「保存して閉じる」だけです。普段 ⚙ は見えないので配信画面には映りません。歯車が見つからないときは、対話ウィンドウ内で S キーでも開きます。設定はOBSを再起動しても残り、「設定を初期化」でいつでも元に戻せます。

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

◆ ご注意

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

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

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

・「今日」と「あと◯」の判定はPCの時計を見ています。PCの時計がずれていると同じだけずれます

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

・「いま配信中」は、書いた時刻と「配信の長さの目安」から出しているだけです。実際に配信を始めたかどうかを見ているわけではありません

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

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

◆ 動作環境

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

OBSのブラウザソース（Chromium）で使うために作っています。こちらでの動作確認は Chrome / Edge で行いました。Streamlabs など、ブラウザソースがある配信ソフトでも同じ形で読み込めます。ネット接続は不要で、外部へは一切通信しません（Webフォントも広告も入っていません）。書体はお使いのPCに入っているものを使います。

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

◆ 同梱

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

HTML 12本 ／ はじめにお読みください.txt ／ READ ME FIRST (English).txt ／ 利用規約.txt ／ Terms of Use (English).txt