この記事で解決すること

「JSONって何? プログラミングの記事を読んでいるとよく出てくるけど、意味が分からない」

この記事を読めば、JSONが何なのか、どう読めばいいのかが5分で分かります。

JSONとは

JSON(ジェイソン)は、データを整理して書くためのフォーマット(書き方のルール)です。

正式名称は「JavaScript Object Notation」ですが、名前は覚えなくて大丈夫です。

具体例を見てみよう

たとえば、「田中太郎さん、30歳、東京在住」という情報をJSONで書くとこうなります。

{
  "name": "田中太郎",
  "age": 30,
  "city": "東京"
}

ルールはシンプルです。

  • {} で全体を囲む
  • "項目名": 値 の形で書く
  • 項目同士は , で区切る
  • 文字列は "" で囲む、数字はそのまま

なぜJSONが使われるのか

プログラム同士がデータをやり取りするときに使います。

たとえば:

  • 天気予報アプリがサーバーから天気データを受け取るとき
  • Webサイトがログイン情報をサーバーに送るとき
  • 設定ファイルに設定を保存するとき

人間にも読めて、プログラムにも読める。この「両方に優しい」のがJSONの強みです。

もう少し複雑な例

リスト(配列)も書けます。

{
  "name": "田中太郎",
  "age": 30,
  "hobbies": ["読書", "映画", "プログラミング"]
}

[] で囲むとリストになります。

入れ子(ネスト)もできます。

{
  "name": "田中太郎",
  "address": {
    "city": "東京",
    "zip": "100-0001"
  }
}

{} の中に {} を入れると、データの中にデータを持てます。

よくある間違い

最後のカンマ

{
  "name": "田中太郎",
  "age": 30,
}

最後の項目の後にカンマ , をつけるとエラーになります。30 の後のカンマを消してください。

シングルクォート

{
  'name': '田中太郎'
}

JSONではシングルクォート ' は使えません。必ずダブルクォート " を使います。

コメント

JSONにはコメントを書けません。// これはコメント のような書き方はエラーになります。

どこで見かけるか

  • package.json(Node.jsのプロジェクト設定)
  • APIのレスポンス(Webサービスから返ってくるデータ)
  • 設定ファイル(VS Codeの settings.json など)

プログラミングを続けていると、必ず出会うフォーマットです。

まとめ

  • JSONは「データを整理して書くフォーマット」
  • "項目名": 値 の形で書く
  • 人間にもプログラムにも読みやすい
  • リストや入れ子も書ける
  • 最後のカンマとシングルクォートに注意

関連リソース

プログラミングを始めたい方へ: