JSON Serverは、簡単にモックAPI（擬似的なAPI）を作成できるツールです。フロントエンド開発者がバックエンドの実装を待たずに、すぐにAPIとやり取りするための環境を整えることができます。 まず、Node.jsとnpm（Node Package Manager）がインストールされている ...

Fetch APIはブラウザのJavaScriptを利用してネットワーク越しにデータを取得するための新しい機能です。同様の技術には、XMLHttpRequestがありますが、Fetch APIを使う事で、より柔軟で強力な操作が可能になります。 なお、新しいAPIと言ったのには理由があります。

この記事では、JavaScriptのfetch関数について解説します。 前回の「ざっくり解説編」で全体の流れを学んだ方に向けて、今回はより細かい動作を解説します。 もし「変数」「関数」「戻り値」「Promise」「コールバック関数」などの基礎用語が不安な方は、先 ...

第2回目の記事では、REST API標準的なデータフォーマット「JSON」について書きました。今回は、REST API からデータを取得するための機能「Fetch API」について記述します。 Fetch APIとは Web API を利用するためには、APIのエンドポイントへリクエストを送り ...

前回の記事では、REST API の基本的な概念と、APIから取得できるJSON(ジェイソン)について触れました。今回は、JSONについて詳しく記述します。 JSONとは JSONとは「JavaScript Object Notation」の略称です。名称に「JavaScript」が含まれていますが、JavaScript に限らず ...

Xでポスト はてなブックマークでブックマーク ページのURLをコピー 記事のURLをコピーしました 本稿は、JavaScript Advent Calendar 201523日目の記事です。 レガシーブラウザは念頭にない。（レガシー考慮するなら jQuery 使おう！） jQueryを使用した場合 ちなみにjQuery ...

翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています。プロジェクトマネジメントやチームビルティングといった管理職向けの ...

IE11 でXMLHttpRequest()を使った JSON 取得ができなかった。 xhr.open("GET", "https://example.jp/rest-api/posts.json", true); xhr.responseType = "json ...

本記事はFIXERが提供する「cloud.config Tech Blog」に掲載された「Power Automateで取得したJSONをPower Appsで解析する方法」を再編集したものです。 こんにちは、あおいです。 かれこれ80本目の記事になります。 さて、Power Automateの[JSONの解析]アクションだけでなく ...