世界時計オンライン - 世界各都市の現在時刻をリアルタイム表示

主な機能

• ライブ世界地図： D3.jsで描画したベクター世界地図が、選択中のテーマカラーで全大陸を表示します。夜側は太陽の直下点を基準にリアルタイムで陰影が付くので、今どこに日が落ちたのかが文字どおり見て分かります。
• 1,300以上の都市、すべてのIANAタイムゾーン対応： UTC+5:30（コルカタ）、UTC+9:30（アデレード）、UTC+12:45（チャタム諸島）といった特殊なタイムゾーンを含め、人が住むすべてのタイムゾーンを網羅した検索可能なデータベースです。
• 昼・夜カード： 各都市カードは、現地が昼間なら明るく、夜なら暗く表示されます。数字を読むより速く状況を把握できる視覚的な手がかりです。
• 地図上のホバーとクリック： カードにマウスを乗せると、対応するピンとツールチップが地図上でハイライトされます。クリックすればハイライトが固定され、スクリーンショットや通話中に都市を指し示すときに便利です。外側をクリックすれば解除されます。
• ドラッグ＆ドロップで並び替え： 任意のカードをドラッグして好きな位置に移動できます。並び順は自由なので、自宅の街を先頭に、よくチェックする都市を続けて配置できます。
• ローカル保存： 都市、並び順、テーマはすべてブラウザのlocalStorageに保存されます。アカウントもサーバーも追跡もありません。
• 夏時間（DST）も自動対応： 各都市にはIANAタイムゾーン（例：America/New_York）が紐づいているため、DSTの切り替えはブラウザが自動的に処理します。年2回の手動更新は不要です。
• あらゆる端末で利用可能： デスクトップでは地図とドラッグ操作がフル機能で使えます。モバイルでは地図は読み取り専用となり、検索ボックスは1列のカードリストの上に配置されます。カードはタップしやすく、削除ボタンも分かりやすく表示されます。
• 8種類のテーマカラー： ダーク、ライト、レッド、ティール、ブルー、パープル、グリーン、スレート。世界時計の見た目はstopwatch-online.comの他のツールと統一されています。
• オフラインでも動作： 一度ページを読み込めば、通信なしでも世界時計は動き続け、地図の夜側もそのまま更新されます。

世界時計の使い方

ステップ1：都市を追加する

デスクトップでは、地図の左上にある検索ボックスに都市名を入力します。モバイルでは検索ボックスがカードの上に配置されています。入力するとドロップダウンに該当都市が表示されるので、1クリックで追加できます。+ボタンを押すと、ハイライト中の候補をそのまま追加することも可能です。

ステップ2：現地時刻を読む

追加した都市はそれぞれ、地図上の小さなピンと下のカードという2つの形で表示されます。各カードには都市名、国名、現地の現在時刻、今日の日付が並びます。明るいカード＝現地は昼間。暗いカード＝現地は真夜中、というシンプルな見方です。

ステップ3：ホバーまたはクリックで詳細を確認する

マウスでカードにホバーすると、対応する地図上のピンが点灯し、ツールチップに都市のフルネームが表示されます。カードをクリックするとそのハイライトが地図上で固定され、ページも地図の位置までスクロールして戻ります。地図の外側や別のカードをクリックすると解除されます。地図上のピンに直接ホバーしても同じ動作になります。

ステップ4：ドラッグで並び替える

任意のカードをマウスで長押ししてドラッグし、好きな位置にドロップします。新しい並び順はすぐに保存されます。自宅の街を先頭に置いたり、地域ごとにまとめたりするのに最も簡単な方法です。

ステップ5：都市を削除する

カードにホバーすると左上に小さな×ボタンが現れます。これをクリックすると、カードと地図上のピンが同時に削除されます。モバイルでは×は常時表示されています。

オンライン世界時計が役立つ場面

リモートワーク・分散チームの管理

複数の国にメンバーが散らばっているチームでは、世界時計が頭の中で計算するより速く時刻を確認できます。現地時間の午前3時にDMを送ってしまう、なんていう失敗も防げます。同僚の住む都市を追加し、自宅の街を先頭に並べれば、今誰が席にいるかが一目で分かります。

国際電話・会議の時間調整

「サンフランシスコの午前9時に東京へ電話して大丈夫？」といった疑問は、両都市を追加するだけで直接時刻が分かります。明暗のシェーディングを見れば、どちらが目が冴えていて、どちらが眠そうかも一目瞭然です。司会者を誰にすべきか決めるときの参考にもなります。

海外の家族や友人と連絡を取るとき

「お母さんの住んでいる街は今何時？」も一瞬で確認できます。一度都市を追加してしまえば、+7時間、+12時間といった暗算をする必要は二度とありません。

旅行の準備

出発前に目的地を追加しておけば、体内時計の調整を早めに始められます。到着後も時差ぼけ対策に役立ちます。体が感じている時刻と現地時刻の差を把握することが、時差ぼけ克服の半分です。

株式・金融市場のトレード

金融市場の多くは、取引所のあるタイムゾーンで取引時間を公表しています（例：東京証券取引所はJST 9:00開場）。関連都市を追加しておけば、常に正しいタイムゾーンで時刻を確認でき、DSTも自動対応されます。

スポーツ・eスポーツ・海外配信の視聴

「この試合はこちらの何時から始まる？」 試合開始が「CET 20:00」と告知されていて、あなたがサンパウロ在住なら、ベルリンとサンパウロを追加して両方の時刻を並べて確認するだけで済みます。

世界時計の仕組み

• 地図は、国境のGeoJSONデータからD3.jsで描画した1枚のSVGです。正距円筒図法（緯度経度のフラットマッピング）を採用しているため、ピンの配置は単純な計算で済みます。緯度と経度がそのままピクセル座標に対応します。
• 地図の夜側は、反太陽点（地球上で太陽の真反対にある地点）を中心とする半径90°の地理的円として描画されます。NOAAが公開している太陽位置計算と同じ三角関数（太陽赤緯＋均時差＋お使いのPCのUTC時刻）を使用し、1分ごとに更新されます。
• データベース内の各都市にはIANAタイムゾーンが紐づいています。ブラウザはIntl.DateTimeFormat({ timeZone: ... })を使ってUTCを現地時刻に変換します。つまり、DSTのルールはブラウザのtzデータベースに従い、ブラウザが最新であれば常に正確に反映されます。
• 選択した都市、その並び順、テーマはlocalStorageに保存されます。サーバーには何も送信されません。

便利な使い方とコツ

• 自宅の街を先頭に固定する。 1番目にドラッグしておけば、他のすべてのカードを「自分の時刻からの差」として読めるようになります。
• 地域ごとにグループ化する。 アジア圏、ヨーロッパ圏、アメリカ圏の都市をまとめて並べると、カードグリッドの自動折り返しと合わせて、視覚的なリズムが生まれて確認しやすくなります。
• クリックでロックする技を活用する。 通話で画面共有するときは、カードをクリックしてピンのハイライトを固定しておきましょう。相手にどの都市を指しているかが正確に伝わります。
• 地図のシェーディングは本物です。 地図を横切る暗い帯は、まさに今、夜明け・夕暮れを迎えている境界線です。都市のピンが暗い帯の中にあれば、まだ完全に日没してはいないけれども、もうすぐ、という状態だと分かります。
• カードは並び順を記憶します。 今使わない都市を一番下に置くのを躊躇する必要はありません。並び順はブラウザごとに保存されています。

よくある質問