🔰【初心者向け】JSONとは？基本の書き方から使い方まで徹底解説！
adminプログラミングやWeb開発をしていると、よく見かけるのが「JSON（ジェイソン）」という言葉。でも、初めて触れる人にとっては「なんだか難しそう…」と思うかもしれません。
この記事では、JSONの基本的な概念や書き方、活用方法までを、イラストやコード例を交えながらわかりやすく解説します✨ これを読めば、JSONがどんな場面で使われ、どう扱えばいいのかがスッキリ理解できます！
✅ 目次
- JSONとは？📘
- JSONの基本構文🧩
- JSONのよくある使い道🔄
- JSONを扱う上での注意点⚠️
- 実際に使ってみよう！簡単なサンプルコード🛠️
- まとめ📝
- よくある質問（FAQ）💬
1. JSONとは？📘
**JSON（JavaScript Object Notation）**とは、データを保存・送受信するための軽量なフォーマットです。Webサービスやアプリでやりとりされるデータのほとんどが、このJSON形式で行われています。
🗣️ 読み方は「ジェイソン」。JavaScript由来の形式ですが、現在はPython、Java、PHP、Ruby、Go、Swiftなど、多くのプログラミング言語で広く利用されています。
JSONのイメージ例：
例えば、以下のようなユーザー情報を送る場合にJSONが使われます：
{
"name": "田中太郎",
"age": 25,
"email": "taro@example.com"
}
このように、JSONはとてもシンプルで読みやすいのが特徴です。
また、XMLのような重たいタグ構造に比べて、JSONは軽量で扱いやすいため、多くのAPIやモダンなWebアプリで主流となっています。
2. JSONの基本構文🧩
JSONの基本は、"キーと値（Key-Value）"のペアで構成されます。以下のルールを覚えておけば、ほとんどのJSONは読めるようになります。
📝 基本ルール：
- 🔹 データ全体は**波括弧
{}**で囲む（＝オブジェクト） - 🔹 キー（名前）は文字列で、必ずダブルクォーテーション
"で囲む - 🔹 値（中身）は、文字列・数値・真偽値・配列・オブジェクト など
- 🔹 値の後にカンマ
,をつける（最後の要素にはつけない）
✅ 例1：文字列と数値
{
"name": "山田花子",
"age": 30
}
✅ 例2：配列（リスト）を含む
{
"hobbies": ["読書", "映画鑑賞", "旅行"]
}
✅ 例3：ネスト（入れ子）構造
{
"user": {
"id": 101,
"name": "鈴木一郎"
}
}
このように、JSONは柔軟な構造を持ち、入れ子にすることで複雑なデータも表現可能です。
3. JSONのよくある使い道🔄
JSONは、現在のWebサービスやアプリ開発に欠かせない存在です。以下のような場面で特によく使われます：
🌐 API通信
クライアント（例：スマホアプリやブラウザ）とサーバーがデータをやり取りする際に、JSON形式がよく使われます。REST APIの多くがJSON形式でリクエスト・レスポンスをやり取りします。
🛠️ 設定ファイル
Node.jsやVSCode、さまざまなツールで設定ファイルとして使われることもあります。例：package.json や .eslintrc.json など。
💾 データの保存や受け渡し
CSVより柔軟で構造的なデータを扱えるため、小〜中規模のデータ保存やローカルデータ管理にも便利です。
4. JSONを扱う上での注意点⚠️
初心者がハマりやすいポイントを以下にまとめました。
🚫 キーは必ずダブルクォーテーションで囲む
（シングルクォーテーション ' はNG！）
🚫 末尾にカンマをつけない
（最後の要素の後に , をつけるとエラーになります）
🚫 コメントは書けない
（JavaScriptのように // や /* */ は使えません）
👀 大規模なJSONファイルでは整形が大切
複雑なデータ構造になると、改行やインデントをつけて読みやすくすることが重要です。
5. 実際に使ってみよう！簡単なサンプルコード🛠️
JavaScriptでは、JSONを以下のように扱います。
🔄 JSON文字列 → オブジェクトに変換（パース）
const jsonStr = '{"name": "佐藤", "age": 22}';
const obj = JSON.parse(jsonStr);
console.log(obj.name); // "佐藤"
🔄 オブジェクト → JSON文字列に変換（文字列化）
const user = { name: "佐藤", age: 22 };
const jsonStr = JSON.stringify(user);
console.log(jsonStr); // '{"name":"佐藤","age":22}'
🧠 他の言語（Python、Java、Goなど）でも同様に「パース」「文字列化」のメソッドが用意されています。
6. まとめ📝
✅ JSONは、データを構造的に扱うためのシンプルで強力なフォーマットです。
✅ Web開発・アプリ開発・API連携・設定ファイルなど、あらゆる場面で活用されています。
✅ 初心者でも基本ルールを覚えればすぐに使えるようになります。
📚 今後さらに学びたい方は、JSON SchemaやAPI設計などに進むと、より実践的なスキルが身につきます！
7. よくある質問（FAQ）💬
Q. JSONとXMLの違いは何ですか？
A. XMLはタグベースでやや冗長ですが柔軟性があります。一方、JSONは軽量で可読性が高く、特にWebアプリではJSONの方が主流になっています。
Q. JSONにコメントを入れたい時はどうすれば？
A. 基本的にはできませんが、開発中のみ使う場合は特殊なキー名（例："_comment"）を使う手法もあります。
Q. JSONのサイズが大きすぎるときの対処法は？
A. 必要なデータだけを抜き出すフィルタリングや、圧縮（gzipなど）を使うと効果的です。
