【OBS用/HTML/MacOS対応】チェックリスト 配信者向けOBSウィジェット
- Digital580 JPY


配信前の準備や、配信中のTODO管理をスマートに視覚化!🎀 VTuber・配信者向けの OBS用配信チェックリスト(HTMLソース型配信素材 / ウィジェット) です🌸✨ 「操作用パネル(panel.html)」と「配信用ディスプレイ(display.html)」が連動する便利な2画面構成。 チェック付きの可愛いリストを配信画面(雑談配信、ゲーム配信、企画枠など)にそのまま表示でき、画面構成やオーバーレイの雰囲気に合わせて自由に配置できます。 ━━━━━━━━━━━━━━━━━ ✨ 主な機能・おすすめポイント ✨ ━━━━━━━━━━━━━━━━━ 📋 自由なリスト作成&タイトル設定 「今日のやること」など、配信内容に合わせた自由なタイトル入力が可能。シンプルな1列表示で、配信画面をすっきりと整えます。 🎨 豊富なカスタムアイコン&カラー変更 チェックマークは Font Awesome のアイコン( ✔️ / ⭐ / 💗 / 🎵 / ⚡ / ☁️ など)から自由に選択可能。背景色、文字色、アイコン色も好みのカラーにフルカスタマイズできます。 💾 安心のLocalStorage自動保存 入力内容やチェック状態は自動で保存されるため、配信中に再読み込みを行っても進行状況がリセットされず、安心して利用できます。 ━━━━━━━━━━━━━━━━━ 📦 商品内容 ━━━━━━━━━━━━━━━━━ ・panel.html(チェック項目や色、アイコンを設定するための管理パネル) ・display.html(配信用に表示するリスト本体) ━━━━━━━━━━━━━━━━━ 🧷 導入方法(使い方) ━━━━━━━━━━━━━━━━━ 【推奨サイズ】 ・panel.html(操作画面):幅 550 × 高さ 750 px 以上 ・display.html(表示画面):幅 450 × 高さ 600 px 以上 ⚠️ 【設定時の重要ポイント】 OBSでブラウザソースを追加する際、プロパティ画面の「ローカルファイル」のチェックを外し、URL欄に直接ファイルの絶対パス( file:///... )を貼り付けてください(※文字入力や同期を正常に動作させるための手順です)。 ━━━━━━━━━━━━━━━━━ 🟦 Windows をご利用の方 ━━━━━━━━━━━━━━━━━ OBSの通常機能で、すべての操作が直感的に行えます。 OBSに「ブラウザ」ソースを2つ追加し、それぞれのURL欄に「panel.html」と「display.html」のファイルパスを直接入力します。 操作用パネル(panel.html)のソースを右クリックし、「対話(Interact)」を選択します。 表示されたパネルから直接文字を入力し、リスト作成やカラー・アイコンの調整を行ってください。変更内容は表示画面(display.html)にリアルタイムで同期されます。 ━━━━━━━━━━━━━━━━━ 🍎 Mac をご利用の方(重要) ━━━━━━━━━━━━━━━━━ Mac版OBSの仕様上、対話ウィンドウ内での直接の文字入力が制限されています。そのため、以下の「URLパラメータ」を使用したリスト設定をお願いいたします。 OBSに「ブラウザ」ソースを2つ追加し、それぞれのURL欄に各ファイルのパスを入力します。 操作用パネル(panel.html)のURLの末尾に、以下のように設定(タイトルと項目)を書き加えて[OK]を押します。 ✅ 入力例: .../panel.html?title=配信準備&items=マイク確認,BGM準備,ツイート 💡 URLの書き方ルール ・ ?title= の後ろにチェックリストのタイトルを入力 ・ &items= の後ろに項目リストを入力(各項目は「,」または「、」で区切る) 🎮 配信中の操作について テキスト設定を読み込んだ後は、通常通りソースを右クリックして「対話」を開き、【マウスクリック】によるチェックの完了操作や、カラー・アイコンの変更は正常に行うことができます。 ━━━━━━━━━━━━━━━━━ 📜 利用規約 ━━━━━━━━━━━━━━━━━ 【許可していること】 ✅ 商用利用(収益化済みのYouTube、Twitch配信、動画制作でのご使用) ✅ 配信画面に合わせた色の変更やカスタマイズ ✅ クレジット表記なし、使用報告なしでのご利用 【禁止事項】 ❌ 素材データそのもの、または加工済データの再配布・転売・譲渡・自作発言 ❌ 素材の商標登録、または公序良俗に反する目的での利用 ※著作権は放棄しておりません。 クレジット表記は任意ですが、記載いただける場合は今後の制作の励みになります(表記例:X @skrm_sozaiya)🌸 ━━━━━━━━━━━━━━━━━ 🔄 更新履歴 / Update Log ━━━━━━━━━━━━━━━━━ 【2026.04.12 アップデート】 ✨ Mac環境への対応と、同期システムの強化 ・Mac版OBSでのURLパラメータによるリスト作成に対応 ・文字入力制限回避のため、URL直接入力方式(ローカルファイルチェック不要)へマニュアルを改訂 ・URL再読み込み時、すでに「完了」している項目のチェック状態を記憶・保持するようプログラムを改善 ・操作パネルから表示画面へのリアルタイム同期の安定性を最適化 ━━━━━━━━━━━━━━━━━ 💌 お問い合わせ ━━━━━━━━━━━━━━━━━ ご不明な点や動作に関するご相談がございましたら、BOOTHのメッセージ、または X(旧Twitter)のDM(@skrm_sozaiya)よりお気軽にご連絡ください🧸💬

