☀️ 天気予報アプリ

ひらがな・漢字・英語で都市名を検索できます

人気の都市:

ひらがなで入力すると候補が表示されます

例: 「こ」→ 甲賀市、「なご」→ 名古屋市、「おお」→ 大津市・大阪府

📚 Day 11の学習ポイント

🔍 検索機能

  • • ひらがな入力オートコンプリート
  • • リアルタイム候補表示
  • • キーボード操作対応

🌐 外部API連携

  • • OpenWeatherMap APIの利用
  • • fetch関数による非同期通信
  • • APIレスポンスの処理

🔧 TypeScript活用

  • • APIレスポンスの型定義
  • • 型安全なデータ変換
  • • エラーハンドリングの型管理

⚡ 状態管理

  • • ローディング状態の管理
  • • エラー状態の管理
  • • useStateによる複数状態制御

🔐 セキュリティ

  • • 環境変数でAPIキー管理
  • • エラーハンドリングの充実
  • • 適切なHTTPステータス処理