API通信

こんにちは、かつコーチです。前回は「非同期処理のエラーハンドリング（try-catch）」で、通信が失敗したときの対処方法を解説しました。今回はAPI通信シリーズの締めくくりとして、「通信が終わるまでの間、ユーザーに何を見せるか」というテー...

こんにちは、かつコーチです。前回は「JSONの扱い方」で、APIとやり取りするデータの形式について解説しました。ここまでの記事では、通信が「成功する」前提でコードを書いてきました。でも実際の開発では、通信エラーやサーバー側の不具合など、うま...

こんにちは、かつコーチです。前回は「外部APIからデータを取得して表示する」で、実際に一覧データをAPIから取得して画面に表示する流れを扱いました。その中で何度も登場した .json() というメソッドや、{ } で囲まれたデータの形。今回...

こんにちは、かつコーチです。前回は「fetch APIの基本：外部データを取得する方法」で、fetchとasync/awaitを使ってデータを取得する基本の流れを解説しました。今回はその一歩先として、実際の外部APIから複数のデータを取得し...

こんにちは、かつコーチです。前回は「コピーボタン（Clipboard API）を実装する」で、ブラウザの便利な機能をJavaScriptから操作する方法を紹介しました。今回からは、Webサイト作りで避けて通れない「外部データの取得」について...