配信画面をふわっとかわいくデコレーション♪ まるいバブル（泡）形のフレームに現在時刻と日付を表示する シンプルでおしゃれなデジタル時計ウィジェットです。 ■ 商品内容 HTMLファイル 6点（各色1ファイル） 　clock.html … ピンク 　clock-blue.html … ブルー 　clock-white.html … ホワイト 　clock-purple.html … パープル 　clock-yellow.html … イエロー 　clock-green.html … グリーン ■ 特徴 ✦ 背景透過（クロマキー不要） 　OBSのブラウザソースはそのまま透過表示されます。 　ゲーム画面や背景の上にきれいに重ねられます。 ✦ コロン点滅アニメーション 　時刻の「：」が1秒ごとに点滅し、 　動きのあるかわいい見た目を演出します。 ✦ シャボン玉が浮かび上がるアニメーション 　フレームの周りに透明な泡がゆっくり舞い上がります。 　ふわふわとした雰囲気で配信画面を彩ります。 ✦ パステルグラデーションデザイン 　フレームと文字にやわらかいグラデーションカラーを使用。 　かわいさの中にもおしゃれな抜け感があります。 ✦ 現在時刻・日付を自動表示 　PCの時刻に合わせてリアルタイムで更新されます。 　設定なしですぐ使えます。 ✦ 6カラーバリエーション 　配信テーマや気分に合わせて色を選べます。 ✦ ファイル1つで完結 　インストール不要。HTMLファイルをOBSに読み込むだけです。 ■ OBSへの設定方法（初心者向け） ① ZIPを解凍する 　　ダウンロードしたZIPファイルを右クリック →「解凍」 ② OBSを開く 　　OBS Studio を起動します（無料ソフトです） ③ ブラウザソースを追加する 　　・「ソース」欄の「＋」ボタンをクリック 　　・「ブラウザ」を選択 　　・名前をつけて「OK」 ④ ファイルを指定する 　　・「ローカルファイル」にチェックを入れる 　　・「参照」ボタンを押して、使いたい色の 　　　HTMLファイルを選択する（例：clock.html） ⑤ サイズを設定する 　　・幅：600　高さ：260 を推奨 　　　（お好みで調整してください） ⑥ 「OK」を押して完成！ 　　シーン上に時計が表示されます。 　　ドラッグして好きな位置に移動できます。 ■ よくあるトラブル ───────────────────────────────── 症状　　　　　　　　│ 確認・対処方法 ───────────────────────────────── 時計が表示されない　│「ローカルファイル」にチェックが 　　　　　　　　　　│ 入っているか確認してください ───────────────────────────────── 背景が黒くなる　　　│ OBSのブラウザソース設定画面で 　　　　　　　　　　│「ページが読み込まれたら 　　　　　　　　　　│ OBSと対話できるようにする」の 　　　　　　　　　　│ チェックを外してみてください ───────────────────────────────── 時刻がずれている　　│ OBSではなく、PCの時計設定を 　　　　　　　　　　│ ご確認ください ───────────────────────────────── 画像がぼやける　　　│ ソースを右クリック →「変換」 　　　　　　　　　　│ →「変換を編集」でサイズを 　　　　　　　　　　│ 整数値に調整してください ───────────────────────────────── 泡が表示されない　　│ ブラウザソースの設定で 　　　　　　　　　　│「シーンがアクティブでない場合に 　　　　　　　　　　│ ソースをシャットダウンする」の 　　　　　　　　　　│ チェックを外してみてください ───────────────────────────────── ■ 動作環境 ・OBS Studio（推奨） ・Streamlabs OBS ・その他ブラウザソースに対応したソフト ・HTMLファイルをブラウザで開いて動作確認も可能 ■ ご利用規約 ✅ 配信・動画投稿での使用　OK ✅ 収益化配信での使用　　　OK ✅ YouTuber・VTuber・個人・法人　OK ❌ ファイルの再配布・販売　NG ❌ 素材そのものの転載　　　NG ■ サポート クレジット表記は不要ですが、していただけると嬉しいです🌸 ご不明な点はBOOTHのメッセージからお気軽にどうぞ。