Skip to content

hfu/eur-weather

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌍 EUR Weather - 為替ナッジアプリ

個人のニーズに合わせた為替ナッジ・ウェブアプリです。JPY→EUR と USD→EUR の「今日の替え時」を天気予報風に直感的に示します。

🎯 目的

JPY→EUR と USD→EUR の為替レートを天気予報風に表示し、今日が「替え時」かどうかを直感的に判断できるようにします。

✨ 機能(フェーズ1)

  • リアルタイム為替レート取得: 最新のJPY→EUR、USD→EURレートを取得
  • 30日間平均との比較: 過去30日分のレートを取得し平均と比較
  • 天気アイコン判定:
    • ☀️ 晴れ: 過去30日平均より +1% 以上有利(良いタイミング)
    • 曇り: ±1% 以内(標準的なタイミング)
    • 🌧️ : -1% 以下不利(様子見推奨)
  • 落ち着いたナッジコメント: 各状況に応じた軽い助言メッセージ
  • レスポンシブデザイン: モバイル・デスクトップ対応

🛠️ 技術スタック

  • フロントエンド: Vanilla JavaScript(フレームワーク不使用)
  • ビルドツール: Vite
  • スタイル: 純粋なCSS
  • デプロイ: GitHub Pages(docs/ ディレクトリ)
  • API: Frankfurter API - 無料の為替レートAPI

📦 セットアップ

# 依存関係のインストール
npm install

# 開発サーバーの起動
npm run dev

# プロダクションビルド
npm run build

🚀 デプロイ

Viteは docs/ ディレクトリにビルドし、すべてのJSとCSSをHTMLにインライン埋め込みします。GitHub Pagesで公開するには:

  1. リポジトリの Settings → Pages
  2. Source: "Deploy from a branch"
  3. Branch: "main" / "/docs"

📁 プロジェクト構成

eur-weather/
├── index.html          # メインHTML
├── main.js            # アプリケーションロジック
├── style.css          # スタイル
├── vite.config.js     # Vite設定(HTML inlining)
├── package.json       # 依存関係
└── docs/              # ビルド出力(GitHub Pages用)
    └── index.html     # 単一のインライン化されたHTML

📝 仕様詳細

判定ロジック

差分 = (今日のレート - 30日平均) / 30日平均

晴れ: 差分 >= +1.0%
曇り: -1.0% < 差分 < +1.0%
雨: 差分 <= -1.0%

データソース

  • 現在のレート: Frankfurter API /latest エンドポイント
  • 過去データ: Frankfurter API time-series エンドポイント(30日分)

🔮 今後の拡張予定

  • 履歴グラフ表示
  • プッシュ通知機能
  • より多くの通貨ペア対応
  • カスタマイズ可能な閾値

📄 ライセンス

MIT License

🙏 謝辞

為替レートデータは Frankfurter API を使用しています。

About

EUR Weather

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors