WEBサービスを作っていると、外部のAPIからデータを取得する場面はよくある。 JavaScriptからデータを取得する基本的なコードはこうだ。 ``js const res = await fetch("https://example.com/api/data.json"); const data = await res.json(); ` シンプルに見えるが、オリジンをまたいで fetch す

前提 まず整理しておく。 同期とは、タスクを順々に処理していくこと。 非同期とは、あるタスクの完了を待たずに次の処理に進めること。 一方でJavaScriptは一度に一つのことしかできない。 これはシングルスレッドという実行モデルを採用しているためだ。 「え？一度に一つ？」 そうなると非同期処理が行えないのではないかと思うかもしれないが、 イベントループという仕組みによって、APIの応答や