- 2日目のゴールと今日やること
- 1日目のアプリをざっくり振り返る
- 金額入力を追加する
- 金額の入力チェックをちゃんとやる
- ExchangeRate.host の amount パラメータを使うかどうか
- ローディング表示を少し丁寧にする
- 通貨変換関数の全体像（2日目版）
- 重要ポイント1：入力チェックを「通貨」と「金額」で分ける
- 重要ポイント2：URL を“安全に”組み立てる
- 重要ポイント3：HTTP エラーを「サーバー側」と「その他」で分ける
- 重要ポイント4：API レベルの失敗とデータ形式のチェック
- 重要ポイント5：catch で「通信失敗」を一括で扱う
- 通貨変換結果を表示する
- ボタンにイベントをつなぐ
- 2日目のまとめ
- 今日いちばん深く理解してほしいこと
2日目のゴールと今日やること
2日目のテーマは
「1日目の“レートを見るだけアプリ”を、“ちゃんと使える通貨変換ツール”に育てる」 ことです。
やることはこうです。
- 金額を入力して「いくらになるか」まで計算する
- 入力チェックをちゃんとやる（未入力・マイナス・文字など）
- ローディング表示を少し丁寧にする
- エラーメッセージを「原因別」に分ける
技術の柱は昨日と同じです。
- fetch
- Promise / async‑await
- エラーハンドリング（try / catch）
今日は「新しい文法」よりも、
昨日の型を“現実のアプリ”に寄せていく作業 です。
