天気予報アプリ（weather-app）

Next.js（App Router）・TypeScript・Tailwind CSS で作成した、OpenWeatherMap API 連携の天気予報アプリです。

機能

• 都市名で検索（Geocoding API）
• 現在の気温・天気・湿度（Current Weather API）
• 3時間ごとの予報と降水確率（5 Day / 3 Hour Forecast API）
• カレンダーで日付を選択（APIで予報を取得できる日付のみ選択可能）
• 日付・時刻は検索した都市の現地時刻で表示
• お気に入り都市（最大10都市・localStorage に保存）。国コード＋座標で同名の別都市を区別し、座標指定で取得するため Geocoding API を呼ばない
• 雨の時間帯を強調（降水確率のしきい値 30% / 50% / 70% を選択、50%以上・70%以上で段階的に強調）
• 服装アドバイス（気温帯・最高最低の気温差・降水確率から判定。外部APIは使用しない）

セットアップ

1. 依存関係をインストール: npm install
2. .env.example をコピーして .env.local を作成し、OPENWEATHER_API_KEY に APIキーを設定
3. 開発サーバーを起動: npm run dev → http://localhost:3000

APIキーはサーバー側（/api/weather）でのみ使用し、ブラウザには送信しません。

スクリプト

• npm run dev … 開発サーバー
• npm run lint … ESLint
• npx tsc --noEmit … 型チェック
• npm run build … 本番ビルド