海外の相手の時刻を、同じ画面に並べたいときに。 「ツイン・クロック」は、2都市の時刻・日付・UTCオフセットと、②−①の時差を表示するローカルHTMLです。 端末の時計で表示を更新し、外部の時刻APIやサーバーへ通信しません。 ■ 無料版 / 0円 東京（Asia/Tokyo）＋UTCの固定時計HTMLです。時刻・日付・時差を横並びで表示。ミント配色、秒あり、濃紺パネル付きです。 HTML1点＋説明＋利用条件のZIP。製品版の完成見本と同じHTMLデータです。商用配信・動画にも使えます。 都市・色・レイアウトの設定画面やJSON読込は含みません。 ■ 製品版 / 200円 都市や表示を選び、表示専用HTMLを保存できる設定メーカーを収録。 ・東京 / UTC / ロサンゼルス / ニューヨーク / ロンドン / シドニーから2つ選択 ・見出し各1〜16文字、アクセント・文字・パネルのHEX色 ・横並び / 縦並び、数字32〜72px ・秒 / 日付 / パネル背景のON・OFF ・表示専用HTMLと設定JSONの保存、設定JSONの再読込 完成見本、初期設定JSON、編集用HTML/CSS/JavaScriptソース、README・LICENSEも含む10ファイルのZIPです。 設定の自動保存は行いません。再編集にはJSONを保存してください。 ■ 背景とサイズ 表示専用HTMLの背景は透明。パネル背景もOFFにできます。商品画像2のチェック柄は編集画面だけの透過確認用です。 表示領域の目安は横850×290px / 縦430×530px。見出しの折返し、フォント、倍率によって必要な高さが変わります。 色は使用先の背景に合わせて、文字が読める組合せに調整してください。 商品画像1はブラウザーでの実表示を載せたもので、時刻・日付は撮影時のものです。配信ソフトの画面ではありません。 ■ 動作環境・確認範囲 WindowsのChromium系ブラウザー＋ローカルHTTPで、表示・全6都市・縦横配置・保存・設定読込・不正設定の拒否を確認しています。 ローカルHTTPを使う場合はPythonなどのサーバーが必要です。Pythonで起動する手順を同梱しています。 file://からの直接起動、OBS / Streamlabs等の配信ソフトへの実導入は未検証です。配信ソフトへの対応保証や導入代行は含みません。購入前に無料版を使用先でお試しください。 OBSの一般的なブラウザーソースの説明は公式資料をご覧ください。 https://obsproject.com/kb/browser-source ■ 時刻について ブラウザーのタイムゾーンデータにより、その瞬間の夏時間を扱います。時差は常に「②のUTCオフセット − ①のUTCオフセット」です。2都市の日付が異なる場合があります。 端末の時刻やブラウザーが古い場合は、実際とずれる可能性があります。時刻同期、秒以下の精度、アラーム、予約配信、カウントダウン、24時間稼働の保証は提供しません。 バックグラウンドではブラウザーが更新を抑制する場合があり、復帰時は端末時刻から描画します。 ■ 利用条件の要点（無料・製品版共通） 個人・法人、商用・非商用、収益化された配信・動画・イベント画面・作品での表示、私的な改変を許可。クレジット・利用報告は任意です。 HTML、設定メーカー、コード、改変データ自体の再販売・再配布は禁止。詳細は同梱LICENSE.txt。 個別のカスタムコード、追加制作、各ソフトの操作代行は含みません。不具合は環境・再現手順を添えてショップメッセージへお願いします。顧客データ・個人情報は不要です。 ■ 制作と検査 AIを設計・コード・説明・検査の補助に使用し、独自のコード・レイアウトを実装しました。他店の画像・コード・フォントは使っていません。 Python zoneinfoとJavaScript Intlによる600日時ケースの照合、入力・夏時間境界・日付変更など655項目を検査。別工程でブラウザー操作と書き出し結果も再確認しています。人間や第三者による導入検証を行ったという意味ではありません。 ■ 更新履歴 2026-10-27：1.0.0 公開。