非同期処理の基礎
第14回 • 40枚
ナレーション
第14回 スライド1: 非同期処理の基礎へようこそ
今回のテーマ
非同期処理の基礎（Fetch APIとJSON）
前回の復習
- DOM操作の基本
- イベント処理
- 動的な画面更新
今回学ぶこと
- 非同期処理とは
- Fetch APIの使い方
- JSONデータの扱い方
- Promiseの基礎
- async/awaitの基本
なぜ非同期処理が必要？
- サーバーとの通信
- ファイルの読み込み
- 時間のかかる処理
画面を固まらせずに処理できる！
flowchart TD
A[ユーザー操作] --> B[非同期処理開始]
B --> C[画面は操作可能]
B --> D[サーバー通信]
D --> E[データ取得]
E --> F[画面更新]
C --> G[他の操作も可能]
H[同期処理の場合] --> I[画面固まる]
I --> J[処理完了まで待機]
J --> K[画面操作可能]
今回のゴール
外部APIからデータを取得して、
画面に表示できるようになる
1/40