個人のニーズに合わせた為替ナッジ・ウェブアプリです。JPY→EUR と USD→EUR の「今日の替え時」を天気予報風に直感的に示します。
JPY→EUR と USD→EUR の為替レートを天気予報風に表示し、今日が「替え時」かどうかを直感的に判断できるようにします。
- リアルタイム為替レート取得: 最新の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 buildViteは docs/ ディレクトリにビルドし、すべてのJSとCSSをHTMLにインライン埋め込みします。GitHub Pagesで公開するには:
- リポジトリの Settings → Pages
- Source: "Deploy from a branch"
- 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 を使用しています。