世界時計 オンライン - 世界中の都市のリアルタイム

主な機能

• ライブ世界地図：D3.jsで構築されたベクター世界地図が各大陸をテーマカラーでレンダリング。夜側はリアルタイムで太陽の直射点を使用してシェーディング - どこで太陽が沈んでいるかが文字通り見えます。
• 1,300以上の都市、すべてのIANAタイムゾーン：UTC+5:30（コルカタ）、UTC+9:30（アデレード）、UTC+12:45（チャタム諸島）などの珍しいゾーンを含む、人口のあるすべてのタイムゾーンをカバーする検索可能なデータベース。
• 昼夜カード：各都市カードはその地が昼間であれば明るく、夜であれば暗くなります - 数字を読むより速い視覚的なヒント。
• 地図のホバーとクリック：カードをホバーすると地図上の対応するピンと都市名のツールチップがハイライトされます。クリックでハイライトをロック - スクリーンショットや通話中に都市を指し示したいときに便利。地図の外側または別のカードをクリックして解除。
• ドラッグ＆ドロップで並べ替え：カードを新しい位置にドラッグします。順番はあなたのもの - 地元の都市を先頭に、よく確認する都市をグループにまとめましょう。
• ローカル保存：あなたの都市、順番、テーマはすべてブラウザのlocalStorageに保存されます。アカウント不要、サーバー不要、トラッキングなし。
• 夏時間の自動処理：各都市はIANAゾーン（例：America/New_York）でタグ付けされているため、ブラウザが夏時間の移行を自動的に処理します - 年に2回の手動更新は不要です。
• あらゆるデバイスで動作：デスクトップでは完全な地図とドラッグ＆ドロップ。モバイルでは地図は読み取り専用で、検索は単一列のカードリストの上にあります。カードはタップしやすく明確な削除ボタン付き。
• 8種類のテーマカラー：ダーク、ライト、レッド、ティール、ブルー、パープル、グリーン、スレート。
• オフラインで動作：ページが読み込まれたら、世界時計は接続なしでも時刻の更新と地図の夜側の更新を続けます。

世界時計の使い方

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

デスクトップでは地図の左上隅の検索ボックスに都市名を入力します。モバイルでは検索ボックスがカードの上にあります。入力するとドロップダウンに一致する都市が表示されます - クリックするだけで追加されます。ハイライトされた候補を追加するには+ボタンも使えます。

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

追加した各都市には2つのものが付きます：世界地図上の小さなピンと、その下のカード。各カードには都市名、国、現在の現地時間、今日の日付が表示されます。明るいカード = 昼間。暗いカード = 深夜。

ステップ3：ホバーまたはクリックで詳細表示

マウスでカードをホバーすると、対応するピンが都市の完全な名前を表示するツールチップと共に地図上で光ります。クリックでそのハイライトをロック - ページは地図にスクロールバックして確認できます。地図の外または別のカードをクリックして解除。地図上のピンを直接ホバーしても同じ効果があります。

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

マウスでカードを押して保持し、希望する場所にドラッグして放します。新しい順番はすぐに保存されます。地元の都市を先頭に置いて、地域ごとに都市をグループ化する最も簡単な方法です。

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

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

オンライン世界時計を使う場面

リモート・分散チーム

チームが複数の国に分散している場合、世界時計は暗算より速い手段です - チームメンバーの深夜3時にDMしてしまわないために。同僚の住む都市を追加し、地元の都市を前に置けば、一目で誰がデスクに座っているかがわかります。

国際通話のスケジュール調整

サンフランシスコの午前9時は東京に電話するには遅すぎるか？両方の都市を追加して時刻を直接読み取れます。昼夜のシェーディングはどちらが快適に起きていてどちらが眠いかも教えてくれます - 会議のホストを決めるための有用な情報です。

海外の家族・友人

「今お母さんが住んでいるところは何時だろう？」- 一目瞭然。一度都市を追加すれば、+7時間/+12時間の暗算を二度としなくて済みます。

旅行計画

フライト前に目的地を追加して精神的に準備を始めましょう。到着後も、時計は時差ぼけに役立ちます - 体が考えている時刻とローカル時計が示す時刻を知ることが半分の戦いです。

トレーディング・市場

多くの金融市場は開始時間を現地の証券取引所のタイムゾーン（例：東京は09:00 JST）で表示します。関連する都市を追加すれば、夏時間が自動処理された状態で常に正しいゾーンの時刻が見えます。

スポーツ・eスポーツ・ライブ放送

「試合はここで何時に始まる？」- ゲームが20:00 CETと発表されていて、あなたがサンパウロにいる場合、ベルリンとサンパウロを追加して両方の時刻を並べて読むだけです。

世界時計の仕組み

• 地図はD3.jsで国境のGeoJSONファイルから描画された単一のSVGです。正距円筒図法（フラットな緯度/経度）でピン配置が簡単 - 緯度と経度が直接ピクセルにマッピングされます。
• 地図の夜側は太陽直射点の対蹠点（太陽と反対側の地球上の点）を中心とした90°の地理的な円としてレンダリングされます。NOAAが公開している太陽位置と同じ三角法：太陽赤緯+均時差+コンピューターのUTC時計。毎分更新されます。
• データベースの各都市はIANAタイムゾーンでタグ付けされています。ブラウザはIntl.DateTimeFormat({ timeZone: ... })を通じてUTCを現地時間に変換します - 夏時間のルールはブラウザのtzデータベースから継承され、ブラウザが最新の限り正確です。
• 選択した都市、順番、テーマはlocalStorageに保存されます。サーバーには何も送信されません。

ヒント＆テクニック

• 地元の都市を先頭に置く。1番目の位置にドラッグして、他のカードが「自分の時刻」からのデルタとして読めるようにしましょう。
• 地域ごとにグループ化する。アジアの都市、ヨーロッパ、アメリカの順に並べる。カードグリッドは自動的に折り返され、視覚的なリズムでスキャンしやすくなります。
• クリックでロックするテクニックを使う。通話中に画面を共有するとき、カードをクリックしてピンをハイライト状態に保つ - 相手側もどの都市を指しているかが正確にわかります。
• 地図のシェーディングはリアルです。地図を横切る暗い帯が今まさに夜明け/夕暮れの実際の線です。都市のピンが暗い帯の中にある場合、日没はまだ来ていませんが近いです。
• カードは順番を記憶します。不要な都市を下に移すことを恐れないでください - 以前の順番はブラウザごとに保存されます。

よくある質問