JavaScript レッスン11
非同期処理
コールバック、Promise、async/awaitで非同期処理をマスターしよう
非同期処理とは
JavaScriptはシングルスレッドですが、非同期処理により時間のかかる処理（API通信、タイマーなど）を メインスレッドをブロックせずに実行できます。非同期処理の進化の歴史を学びましょう。
コールバック— 最も基本的な方法（コールバック地獄に注意）Promise— コールバックを改善した仕組みasync/await— Promiseを同期的に書ける構文Promise.all— 複数の非同期処理を並列実行Promise.race— 最初に完了したものを取得
コールバックとPromise
setTimeoutを使ってコールバックとPromiseの違いを理解しましょう。
Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.html
preview.local
Live Previewasync/await・Promise.all・Promise.race
モダンな非同期処理の書き方を学びましょう。
Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.html
preview.local
Live Preview自由に試してみよう
非同期処理を使ったローディング表示を作ってみましょう。
Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.html
preview.local
Live Preview