任意の日付の月齢と月の満ち欠けを確認できるWebアプリケーションです。月齢キーホルダー制作のための補助ツールとして開発されました。
- 任意の日付(1900年~2100年)の月齢を計算
- 月の満ち欠けをSVGでビジュアル表示
- PWA対応: モバイル端末のホーム画面に追加してアプリのように利用可能
- セキュリティ強化: Content Security Policy (CSP) 導入による XSS 対策
- シンプルなUI:日付入力→月齢と満ち欠けのみ表示
- スマートフォン対応のレスポンシブデザイン
- 日本時間(JST)19:00を基準とした月齢計算
- 太陽と月の黄経差から月齢を算出
- SVGによる月の満ち欠け表示(枠なし・シンプル表示)
- バニラJS(Pure JavaScript)構成:外部ライブラリ非依存
index.html: メインのHTMLファイル(CSPメタタグ設定済み)manifest.json: PWA 設定ファイルstyles.css: スタイルシートmoon-data.js: 月齢計算のコアロジックmoon-visual.js: 月の満ち欠け表示用のSVG描画ロジックscript.js: UIとデータの連携を行うメインスクリプトImages/: ロゴ、シンボルマーク、OGP画像等のアセット
- 年(1900-2100)、月(1-12)、日(1-31)を入力
- 「月齢を確認する」ボタンをクリック
- 選択した日付の月齢と月の満ち欠けが表示されます
- コード(HTML / CSS / JavaScript): MIT License(
LICENSE参照) - 画像資産(
Images/配下のロゴ・シンボルマーク・OGP画像など): 気仙沼星空観望会実行委員会に帰属。MITの対象外であり、無断での複製・改変・再配布は禁止します。
©2025 気仙沼星空観望会実行委員会