こんにちは！ 今回はfetchをNext.jsで使うパターンについてまとめます。 個人的に見かけるパターンをまとめただけなので、特に名前がついているわけではないです。 fetchをNext.jsで使うパターン 今回は次の3パターンについてまとめる Then+catchパターン As…

こんにちは！ 今回はJavaScriptのFetchとResponseについてまとめます。 今回のテーマ async function fetchData{ const response = await fetch('http://.....'); const data = await response.json(); } fetchを記述した時にこのようなコードをよく見かける…

こんにちは！ 今回はJavaScriptの非同期処理シリーズ第三弾、async/awaitについてまとめます。 async/awaitとは まず読み方はasync(エイシンク)、await(アウェイト)なので注意。 async/awaitを使って前回までのコードを書き直した例が次の通り。 let val = 0…

こんにちは！ 今回はJavaScriptの非同期処理第二弾、Promiseについてまとめます。 Promiseとは Promiseとは、非同期処理におけるコールバック地獄を解決するために考えられた仕組みであり、Promiseオブジェクトとして扱う。Promiseを使うことで、ネストが深…

こんにちは！ 今回はJavaScriptでの非同期処理を説明する第一弾として、コールバック地獄について説明します。 同期処理と非同期処理 JavaScriptはシングルスレッドで動作するため、コードは順番に処理されていく。次の処理を行うためには、一つ前の処理が完…