コース一覧
非同期JavaScript:API通信とモジュール
第1章まとめクイズ

非同期JavaScript:API通信とモジュール

Promise と async/await、非同期エラー、HTTP/REST、fetch による GET、読み込み・成功・失敗の表示、モジュールの読み方を学ぶ全 19 レッスン(380 分)のコースです。最後は承認済みの読み取り専用 API から作品データを取得して表示します。POST はリクエストの組み立てまでで、外部サービスへの書き込みは行いません。

1
非同期処理
01. 同期と非同期15分
02. Promise をつくって返す20分
03. async と await20分
04. Promise.all で同時に待つ20分
05. 非同期のエラーを捕まえる20分
06. つくる 読み込み中の表示を出す30分
07. 第1章まとめクイズ10分
2
fetch で外のデータを使う
01. HTTP と REST の読みかた15分
02. fetch でデータを取る25分
03. 取ったデータを描画する25分
04. response.ok と失敗時の表示25分
05. POST のリクエストを組み立てる20分
06. つくる 作品データを API から読む30分
07. 第2章まとめクイズ10分
3
モジュールと総仕上げ
01. ファイルを分けるという考えかた15分
02. named export と default export15分
03. つくる ポートフォリオアプリを仕上げる40分
04. ここから先の学びかた15分
05. 第3章まとめクイズ10分

非同期JavaScript:API通信とモジュール

01同期と非同期
02Promise をつくって返す
03async と await
04Promise.all で同時に待つ
05非同期のエラーを捕まえる
06つくる 読み込み中の表示を出す
07第1章まとめクイズ
08HTTP と REST の読みかた
09fetch でデータを取る
10取ったデータを描画する
11response.ok と失敗時の表示
12POST のリクエストを組み立てる
13つくる 作品データを API から読む
14第2章まとめクイズ
15ファイルを分けるという考えかた
16named export と default export
17つくる ポートフォリオアプリを仕上げる
18ここから先の学びかた
19第3章まとめクイズ

第1章まとめクイズ

クイズ1

次のコードで await run() の結果はどれですか。

JavaScript

function wait(ms) { return new Promise(function (resolve) { setTimeout(function () { resolve("届いた"); }, ms); }); } async function run() { const value = wait(100); return value.length; }

クイズ2

次のコードで await pick() の結果はどれですか。

JavaScript

function pick() { return new Promise(function (resolve) { resolve("一つ目"); resolve("二つ目"); }); }

クイズ3

fetchViews は 50 ミリ秒後に work.views を返す Promise です。works は views が 10 と 20 と 30 の 3 件です。await total(works) の結果はどれですか。

JavaScript

async function total(works) { let sum = 0; works.forEach(async function (work) { sum = sum + await fetchViews(work); }); return sum; }

クイズ4

次のコードで await run() の結果はどれですか。

JavaScript

function later(value, ms) { return new Promise(function (resolve) { setTimeout(function () { resolve(value); }, ms); }); } async function run() { return await Promise.all([later("A", 300), later("B", 100), later("C", 200)]); }

クイズ5

次のコードで await run(0) の結果はどれですか。

JavaScript

function load(id) { return new Promise(function (resolve, reject) { if (id > 0) { resolve("作品 " + id); return; } reject(new Error("id が不正です")); }); } async function run(id) { try { return await load(id); } catch (error) { return "失敗 " + error.message; } }

未回答の問題は、不正解として正解と解説のみ表示します

ログインが必要です

クイズに回答するにはログインしてください。