基本的な概念と、APIから取得できるJSON(ジェイソン)について触れました。今回は、JSONについて詳しく記述します。Notation」の略称です。限らず、どんなプログラミング言語でも処理することができます。APIはJSON形式でレスポンスデータを返しています。JSONには以下のような特徴があります。・データ構造が把握しやすい・テキストデータで記述されており、可読性が高いJSONは、複雑なデータ構造を整理して記述することができます。人間の目で見たときにデータの概要を把握しやすいという特徴があります。JSONのサンプル早速ですが、JSONのサンプルを見てみましょう。"class":"A"}このJSONは、ある人物の情報を表したデータです。左辺がデータのプロパティ名で、右辺が値を表します。サンプルのJSONからは、以下のような情報を読み取ることができます。AであるJSONでは、プロパティ名、および文字列の値をダブルクォートで囲むことになっています。値が数値やBooleanの場合、ダブルクォートで囲む必要はありません。下記のJSONは、「age」の値がダブルクォートで囲まれていませんが、正しいJSONデータです。「オブジェクト」というデータ形式が存在します。オブジェクトは見た目が似ているので混同されがちですが、明確に違いがあります。下記は、サンプルのJSONをオブジェクト形式で記述したものです。オブジェクトでは、名前をダブルクォートで囲んでも囲まなくても良い、というルールがあります。JSONとよく似ていますが、「プロパティ名をダブルクォートで囲む」というJSONのルールに従っていません。このデータは、JavaScriptのオブジェクトを表しています。JSONからオブジェクトへの変換JavaScriptのコードでは、取得したJSONをオブジェクトに変換して使うケースが多くみられます。"class":"A"}が「json」という変数に格納されている場合、以下のようなコードで「obj」というオブジェクトに変換後、値を取得できます。30と表示されます階層化されたJSONJSONでは、複雑なデータを階層構造で表現することができます。以下のデータを見てみましょう。}}先述したサンプルのJSONにデータが加わって、さらに複雑になっています。いうデータには、さらに「name(名前)」「age(年齢)」「class(クラス)」というデータ項目が含まれているこのように、JSONは複雑なデータを階層構造で表示することができます。複数のJSONデータをまとめ、配列として生成する場合があります。以下は、複数のメンバーのJSONデータを配列としてまとめたケースです。"class":"C"}]この例では、3つのJSONデータが配列に格納されています。配列内のJSONからデータを取得・表示するコードをご紹介します。APIを利用した開発をしていると、階層の深いJSONデータが、配列としていくつも格納されているケースによく出会います。そんな時は落ち着いて、データ構造を注意深く確認しながら開発を進めると良いでしょう。参考情報JSONは、APIを利用した開発を行うときに、避けて通れないデータフォーマットです。これまでなじみがなかった方も、ぜひこの機会に理解を深めてみてください。JSONをより深く理解するための情報をご紹介します。合わせてご一読ください。私が所属するfreeeで、2020年2月22日−23日に「確定申告FES」を開催します。難しい・面倒くさいと思われがちな確定申告を、楽しく、分かりやすく行うためのイベントです。アスキーでゲーム事業に従事。シックス・アパート株式会社でプロダクトマネージャー、ディベロッパーリレーションを担当後、2019年freeeへ入社。講師(3DCG/アニメーション・イラスト・WEB))弊社の中心となれるリードデザイナーを募集致します。ブルトン』(2020.2.19)「AbemaTV」のデザインは「A/Bテスト」にどう向き合うか?MdN公式InstagramInstagramでは、デザイン関連本や本に関連した参加型コンテストについて発信しています。