☀️ 天気予報アプリ
ひらがな・漢字・英語で都市名を検索できます
人気の都市:
ひらがなで入力すると候補が表示されます
例: 「こ」→ 甲賀市、「なご」→ 名古屋市、「おお」→ 大津市・大阪府
📚 Day 11の学習ポイント
🔍 検索機能
- • ひらがな入力オートコンプリート
- • リアルタイム候補表示
- • キーボード操作対応
🌐 外部API連携
- • OpenWeatherMap APIの利用
- • fetch関数による非同期通信
- • APIレスポンスの処理
🔧 TypeScript活用
- • APIレスポンスの型定義
- • 型安全なデータ変換
- • エラーハンドリングの型管理
⚡ 状態管理
- • ローディング状態の管理
- • エラー状態の管理
- • useStateによる複数状態制御
🔐 セキュリティ
- • 環境変数でAPIキー管理
- • エラーハンドリングの充実
- • 適切なHTTPステータス処理