この記事で解決すること
「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は「データを整理して書くフォーマット」
"項目名": 値の形で書く- 人間にもプログラムにも読みやすい
- リストや入れ子も書ける
- 最後のカンマとシングルクォートに注意
関連リソース
プログラミングを始めたい方へ:
リンク