世界を動かす技術を、日本語で。

太陽時計

2026年8月18日原文(sunclock.net)

概要

Sun Clock は、太陽や月の位置と時間帯を視覚的に表示する24時間時計ツール。 日の出、正午、日の入り、ゴールデンアワー、薄明 などの情報を現在地に合わせて表示。 北半球と南半球 で太陽の動きに合わせて時計回転方向を自動調整。 プライバシー重視 で個人情報は保存・送信されない設計。 定期的なアップデート とユーザーサポートも特徴。

Sun Clockの特徴

  • 24時間表示のサン・クロック

    • 太陽の位置、日の出、太陽正午、日の入り、ゴールデンアワー、薄明などの時間帯を表示
    • 現在地に基づいた情報提供
  • 月の情報も表示

    • 月の位置、月相(フェーズ)、月の出・入りの時刻も確認可能
  • インタラクティブ操作

    • セグメントやムーンアイコン、時針、中心点をタップ/ホバーで詳細時間を表示
    • スクリーン角度を調整すれば、実際の太陽運行と時針の動きが一致
  • プライバシー配慮

    • 集計されたユーザースタッツのみ収集
    • 位置情報や設定はウェブブラウザ内にのみ保存、サーバー送信なし
    • Cookie不使用、広告なし
  • 無料利用とサポート

    • 完全無料で広告表示なし
    • サポートや寄付も受付

時計の回転方向について

  • 北半球では時計回り (clockwise)に太陽が移動
  • 南半球では反時計回り (anticlockwise)に太陽が移動
  • Sun Clockは 緯度に応じて自動で回転方向を調整
    • 南半球ユーザーには時計が逆回転に見える仕様
  • 設定で回転方向の変更が可能
  • 理想は、画面を太陽の動きと同じ向きに合わせて利用
    • 南向きなら時計回り、北向きなら反時計回り
    • 日の出が東に対応するよう調整
    • 画面を黄道面に合わせ、太陽正午が上になるように設置

アップデート履歴

  • 2026-06-26 MITライセンスを追加
  • 2026-03-12 秒針のチクタク表示オプション追加(スイープ針がデフォルト)
  • 2026-01-01 MoonアイコンのSafari表示バグ修正
  • 2024-05-23 時計盤に奇数表示オプション追加、12時間表示設定にも対応
  • 2024-02-13 年間カレンダー追加
  • 2023-10-20 Progressive Web App化、オフライン利用対応
  • 2022-10-24 自動カラー(時間帯で色が変化)モード追加
  • 2022-09-07 ダークモード追加
  • 2022-05-27 サービス開始

サポート・フィードバック

  • Sun Clockは無料提供
  • フィードバックやサポート、寄付も歓迎
  • 変更履歴やアップデート情報も随時公開

プライバシーポリシー

  • ユーザーのプライバシー重視
  • 個人の位置情報や設定は ブラウザ内保存のみ
  • サーバー送信・Cookie保存・広告一切なし

使い方のヒント

  • セグメントやアイコンのタップ/ホバー で詳細時間を確認
  • 画面の向きや傾きを調整して、太陽の動きと一致させる体験も可能

参考・関連情報

  • SunCalc 使用
  • ソースコードはMITライセンスで公開

Hackerたちの意見

時計作りの時間かな… 数日前に24時間時計を作ったんだけど、12進法で、1分72秒にしてみたんだ(外側の24時間ダイヤルを再利用して、普通の秒に近づけるために3つの区分を作った)。 https://jasonincanada.github.io/24-hour-base-12-clock.html#w...

面白いね。

いいね!地図上でポイントをクリックして、地元の時間との違いが見れたら嬉しいな。カレンダー表示でも、ホバーしてる時間の時計のコピー(現在の針の位置じゃなくて色付けされたやつ)が見れたら最高。

実は、私が作ったものにかなり近いよ。最初のは地図を省略して、検索と保存した都市にしたんだ。保存した場所は全部同じ24時間ダイヤルに表示されるから、タイムゾーンの計算をしなくても地元の時間との違いが一目でわかる。オフラインでも完全に動作するし、Apple Watchにもぴったり。あなたの2つ目の提案は、半分だけ正しく実装した部分だね。ダイヤルは15分単位で動かせて、日中や夕暮れの色がそれに合わせて変わるよ。カレンダーもあって、任意の日付や時間にジャンプして、保存した都市の太陽の状態が見れるんだけど、今は時計自体を色付けするのじゃなくて、行を使って表示してる。あなたのバージョンの方が好きだな。ホバーやスクラブでその瞬間のために時計全体が色付けされるのはもっと理にかなってる。これをリストに追加するつもりだよ。ちなみに、私が開発者だよ: https://apps.apple.com/app/id6797192832

それから、Sun Pathっていうのも作ったんだけど、これは太陽が何世紀にもわたってどこにいるかを追跡して、道筋がほんの少しずつどうずれていくかを示してるんだ。春分や秋分、夏至、冬至も全部含まれてるよ。 https://pilgrimapp.org/sunpath/

グローブを触って動かすのがうまくいかない;タッチアクションが「none」になってる気がする。

この時計を作りたかったんだよね。私の要望は、ページの下にタイムラインを追加して、年間の日付を前後にスクロールして全体の変化が見れるようにしてほしいな。

作者です — カレンダーページにそんな感じのものを追加しようかな、もしくは年間の時間を示す別の「カーペットプロット」を追加しようと思ってる。

いいね!私のお気に入りのサイトの一つで、日照も表示してくれるのがWeatherSpark[0]。天気に特化してて、年間の降水量、雲のカバー、蒸し暑さなど、いろんな場所を比較できるんだ。旅行や引っ越しの時はいつもチェックしてるよ。 [0] https://weatherspark.com/

suncalc(太陽計算のためのJSライブラリ)の作者です!こんな素敵な使い方をしてもらえて嬉しいです!もし作者が見ていたらお知らせですが、最近ライブラリを大幅に改良して、かなり精度が上がりましたよ!: https://github.com/mourner/suncalc

どんな背景のテキストや情報源を使ったの? 編集:あなたのREADMEに書いてあったドーバーの本、私も持ってると思う! :)

サンクロックの作者です — ライブラリありがとう!新しいリリースをすぐにチェックして、アップデートするね。

Hacker Newsで議論の続きを見る