🎯 シンプルなJSONオブジェクト

Simple

最も基本的なJSONオブジェクト構造の例

{
  "name": "田中太郎",
  "age": 30,
  "email": "tanaka@example.com",
  "isActive": true,
  "score": 95.5,
  "address": null
}

📚 配列の例

Array

シンプルな配列とオブジェクト配列の例

{
  "fruits": ["りんご", "バナナ", "オレンジ", "ぶどう"],
  "numbers": [1, 2, 3, 4, 5],
  "items": [
    {
      "id": 1,
      "name": "アイテム1",
      "checked": true
    },
    {
      "id": 2,
      "name": "アイテム2",
      "checked": false
    }
  ]
}

🔧 キーと値のペア

Key-Value

シンプルなキーと値のペアとネストされたオブジェクトの例

{
  "status": "success",
  "code": 200,
  "data": {
    "id": "abc123",
    "timestamp": "2024-03-20T10:00:00Z",
    "values": {
      "temperature": 25.5,
      "humidity": 60,
      "pressure": 1013.25
    }
  }
}

👤 ユーザープロフィール

User

ソーシャルメディアやプロフィールページで使用されるユーザー情報のJSON例

{
  "user": {
    "id": "user_123456",
    "username": "yamada_taro",
    "email": "yamada.taro@example.com",
    "profile": {
      "firstName": "太郎",
      "lastName": "山田",
      "avatar": "https://example.com/avatars/yamada.jpg",
      "bio": "フルスタック開発者。素晴らしいWebエクスペリエンスの創造に情熱を注いでいます",
      "location": "東京, 日本",
      "website": "https://yamadataro.dev",
      "joinedDate": "2024-01-15T08:00:00Z"
    },
    "stats": {
      "followers": 1247,
      "following": 523,
      "posts": 89,
      "likes": 3421
    },
    "preferences": {
      "language": "ja",
      "theme": "dark",
      "notifications": {
        "email": true,
        "push": false,
        "sms": false
      }
    },
    "verified": true,
    "status": "active"
  }
}

🔐 ログインレスポンス

Auth

ユーザー認証後に返されるログインレスポンスのJSON例

{
  "success": true,
  "message": "ログイン成功",
  "data": {
    "user": {
      "id": "user_789",
      "username": "testuser",
      "email": "test@example.com",
      "role": "member",
      "lastLogin": "2024-03-19T14:30:00Z"
    },
    "tokens": {
      "accessToken": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c",
      "refreshToken": "dGhpcyBpcyBhIHJlZnJlc2ggdG9rZW4gZXhhbXBsZQ==",
      "expiresIn": 3600,
      "tokenType": "Bearer"
    },
    "permissions": [
      "read:profile",
      "write:profile",
      "read:posts",
      "write:posts"
    ]
  }
}

🛍️ 商品リスト

E-commerce

オンラインショッピングや商品カタログで使用される商品情報のJSON例

{
  "products": [
    {
      "id": "prod_001",
      "name": "ワイヤレスBluetoothヘッドフォン",
      "brand": "TechSound",
      "category": "電子機器",
      "price": {
        "original": 12900,
        "discount": 9900,
        "currency": "JPY"
      },
      "rating": 4.5,
      "reviews": 342,
      "stock": 58,
      "images": [
        "https://example.com/products/headphone-1.jpg",
        "https://example.com/products/headphone-2.jpg"
      ],
      "features": [
        "ノイズキャンセリング",
        "40時間バッテリー",
        "Hi-Fiサウンド"
      ],
      "shipping": {
        "free": true,
        "estimatedDays": 2
      }
    },
    {
      "id": "prod_002",
      "name": "スマートウォッチPro",
      "brand": "FitTech",
      "category": "ウェアラブル",
      "price": {
        "original": 39900,
        "discount": 34900,
        "currency": "JPY"
      },
      "rating": 4.8,
      "reviews": 1024,
      "stock": 12,
      "images": [
        "https://example.com/products/watch-1.jpg"
      ],
      "features": [
        "心拍数モニター",
        "GPS内蔵",
        "5ATM防水"
      ],
      "shipping": {
        "free": true,
        "estimatedDays": 1
      }
    }
  ],
  "totalItems": 2,
  "page": 1,
  "hasMore": true
}

🛒 ショッピングカート

Cart

オンラインショッピングカートデータのJSON例

{
  "cart": {
    "id": "cart_456",
    "userId": "user_123",
    "items": [
      {
        "productId": "prod_001",
        "name": "ワイヤレスBluetoothヘッドフォン",
        "price": 9900,
        "quantity": 1,
        "subtotal": 9900,
        "thumbnail": "https://example.com/products/headphone-thumb.jpg",
        "options": {
          "color": "ブラック",
          "warranty": "1年"
        }
      },
      {
        "productId": "prod_002",
        "name": "スマートウォッチPro",
        "price": 34900,
        "quantity": 2,
        "subtotal": 69800,
        "thumbnail": "https://example.com/products/watch-thumb.jpg",
        "options": {
          "color": "シルバー",
          "size": "42mm"
        }
      }
    ],
    "summary": {
      "subtotal": 79700,
      "shipping": 0,
      "tax": 7970,
      "discount": 5000,
      "total": 82670,
      "currency": "JPY"
    },
    "coupon": {
      "code": "WELCOME5000",
      "discount": 5000,
      "applied": true
    },
    "createdAt": "2024-03-20T09:00:00Z",
    "updatedAt": "2024-03-20T11:30:00Z",
    "expiresAt": "2024-04-20T09:00:00Z"
  }
}

🌐 APIレスポンス例

REST API

RESTful APIの標準レスポンス形式のJSON例

{
  "success": true,
  "status": 200,
  "message": "リクエストは正常に処理されました",
  "data": {
    "items": [
      {
        "id": 1,
        "title": "最初の投稿",
        "content": "投稿内容がここに入ります...",
        "author": {
          "id": 42,
          "name": "佐藤花子",
          "role": "admin"
        },
        "tags": ["開発", "JavaScript", "React"],
        "createdAt": "2024-03-15T10:30:00Z",
        "updatedAt": "2024-03-16T14:20:00Z",
        "viewCount": 1523,
        "likeCount": 47
      }
    ],
    "pagination": {
      "currentPage": 1,
      "totalPages": 10,
      "totalItems": 98,
      "itemsPerPage": 10,
      "hasNext": true,
      "hasPrevious": false
    }
  },
  "timestamp": "2024-03-20T09:15:30Z",
  "requestId": "req_abc123def456"
}

⚙️ アプリケーション設定

Config

アプリケーション設定や環境構成に使用されるJSON例

{
  "app": {
    "name": "My Application",
    "version": "2.1.0",
    "environment": "production",
    "debug": false,
    "port": 3000
  },
  "database": {
    "type": "postgresql",
    "host": "localhost",
    "port": 5432,
    "name": "myapp_db",
    "username": "dbuser",
    "pool": {
      "min": 2,
      "max": 10,
      "idleTimeout": 30000
    }
  },
  "cache": {
    "enabled": true,
    "type": "redis",
    "ttl": 3600,
    "host": "localhost",
    "port": 6379
  },
  "security": {
    "cors": {
      "enabled": true,
      "origins": ["https://example.com", "https://app.example.com"],
      "credentials": true
    },
    "rateLimit": {
      "windowMs": 900000,
      "max": 100
    },
    "jwt": {
      "expiresIn": "7d",
      "algorithm": "HS256"
    }
  },
  "logging": {
    "level": "info",
    "format": "json",
    "destination": "file",
    "filename": "app.log",
    "maxSize": "10MB",
    "maxFiles": 5
  }
}

📝 ブログ投稿

Content

ブログやCMSシステムで使用される投稿データのJSON例

{
  "post": {
    "id": "post_789",
    "slug": "javascript-tips-2024",
    "title": "2024年に知っておくべきJavaScriptのヒント10選",
    "excerpt": "最新のJavaScript開発トレンドと便利なヒントを紹介します",
    "content": "投稿の本文がここに入ります...",
    "featuredImage": {
      "url": "https://example.com/images/javascript-tips.jpg",
      "alt": "JavaScriptコードの例",
      "width": 1200,
      "height": 630
    },
    "author": {
      "id": "author_123",
      "name": "鈴木美咲",
      "bio": "フロントエンド開発者",
      "avatar": "https://example.com/avatars/suzuki.jpg"
    },
    "categories": ["プログラミング", "JavaScript"],
    "tags": ["JavaScript", "Web開発", "ヒント", "2024"],
    "metadata": {
      "readTime": "5分",
      "wordCount": 1250,
      "language": "ja"
    },
    "seo": {
      "title": "2024年JavaScript開発のヒント - 開発者ブログ",
      "description": "JavaScript開発者のための2024年最新のヒントとトレンドを学びましょう",
      "keywords": ["JavaScript", "開発", "プログラミング", "ヒント"]
    },
    "publishedAt": "2024-03-15T09:00:00Z",
    "updatedAt": "2024-03-18T11:30:00Z",
    "status": "published",
    "comments": {
      "enabled": true,
      "count": 23
    },
    "stats": {
      "views": 5421,
      "likes": 234,
      "shares": 89
    }
  }
}

✅ ToDoリスト

Todo

タスク管理アプリケーションで使用されるタスクリストのJSON例

{
  "todos": [
    {
      "id": "todo_001",
      "title": "プロジェクトドキュメント作成",
      "description": "APIドキュメントとユーザーガイドの更新",
      "priority": "high",
      "status": "in_progress",
      "category": "work",
      "dueDate": "2024-03-25T17:00:00Z",
      "createdAt": "2024-03-20T09:00:00Z",
      "completedAt": null,
      "tags": ["ドキュメント", "緊急"],
      "assignee": {
        "id": "user_42",
        "name": "高橋健太"
      },
      "checklist": [
        {
          "id": "check_1",
          "text": "APIエンドポイントの文書化",
          "completed": true
        },
        {
          "id": "check_2",
          "text": "サンプルコードの追加",
          "completed": false
        }
      ],
      "attachments": [],
      "reminders": ["2024-03-24T09:00:00Z"]
    },
    {
      "id": "todo_002",
      "title": "コードレビュー",
      "description": "プルリクエスト #142 のレビュー",
      "priority": "medium",
      "status": "pending",
      "category": "development",
      "dueDate": "2024-03-22T15:00:00Z",
      "createdAt": "2024-03-20T10:30:00Z",
      "completedAt": null,
      "tags": ["レビュー", "開発"],
      "assignee": {
        "id": "user_43",
        "name": "伊藤真理"
      },
      "checklist": [],
      "attachments": [
        {
          "id": "attach_1",
          "name": "pr_changes.pdf",
          "url": "https://example.com/files/pr_changes.pdf",
          "size": 245678
        }
      ],
      "reminders": []
    }
  ],
  "filter": {
    "status": "all",
    "category": "all",
    "sortBy": "dueDate"
  },
  "statistics": {
    "total": 15,
    "completed": 8,
    "pending": 5,
    "inProgress": 2,
    "overdue": 1
  }
}

🏢 会社情報

Organization

企業情報や組織構造を表すJSON例

{
  "company": {
    "id": "comp_123",
    "name": "テックイノベーション株式会社",
    "englishName": "Tech Innovation Inc.",
    "registrationNumber": "1234-56-789012",
    "founded": "2015-06-15",
    "industry": "情報技術",
    "size": "50-200",
    "headquarters": {
      "address": "東京都渋谷区道玄坂1-2-3",
      "city": "東京",
      "country": "日本",
      "postalCode": "150-0043",
      "coordinates": {
        "latitude": 35.6580,
        "longitude": 139.6989
      }
    },
    "contact": {
      "phone": "+81-3-1234-5678",
      "email": "contact@techinnovation.jp",
      "website": "https://www.techinnovation.jp",
      "support": "support@techinnovation.jp"
    },
    "socialMedia": {
      "linkedin": "https://linkedin.com/company/tech-innovation-jp",
      "twitter": "@techinno_jp",
      "facebook": "https://facebook.com/techinnovation.jp"
    },
    "departments": [
      {
        "id": "dept_01",
        "name": "開発部",
        "headCount": 45,
        "manager": "山田太郎"
      },
      {
        "id": "dept_02",
        "name": "デザイン部",
        "headCount": 15,
        "manager": "佐藤花子"
      },
      {
        "id": "dept_03",
        "name": "マーケティング部",
        "headCount": 20,
        "manager": "鈴木一郎"
      }
    ],
    "certifications": ["ISO 9001", "ISO 27001", "プライバシーマーク"],
    "revenue": {
      "currency": "JPY",
      "annual": 5000000000,
      "growth": 0.25
    }
  }
}

📅 イベントデータ

Event

イベントやカレンダー管理システムで使用されるJSON例

{
  "event": {
    "id": "evt_2024_001",
    "title": "開発者カンファレンス2024",
    "type": "conference",
    "description": "最新技術トレンドとベストプラクティスを共有する年次開発者イベント",
    "startDate": "2024-05-15T09:00:00+09:00",
    "endDate": "2024-05-17T18:00:00+09:00",
    "timezone": "Asia/Tokyo",
    "location": {
      "venue": "東京国際フォーラム",
      "address": "東京都千代田区丸の内3-5-1",
      "city": "東京",
      "country": "日本",
      "room": "ホールA",
      "capacity": 1000
    },
    "virtual": {
      "enabled": true,
      "platform": "Zoom",
      "link": "https://zoom.us/j/123456789",
      "password": "dev2024"
    },
    "organizer": {
      "name": "日本開発者協会",
      "email": "info@jda.org",
      "phone": "+81-3-5555-0100"
    },
    "speakers": [
      {
        "id": "spk_001",
        "name": "田中美咲",
        "title": "CTO",
        "company": "テックスタートアップ",
        "bio": "15年の経験を持つフルスタック開発者",
        "photo": "https://example.com/speakers/tanaka.jpg",
        "session": {
          "title": "マイクロサービスアーキテクチャ設計",
          "time": "2024-05-15T10:00:00+09:00",
          "duration": 60
        }
      }
    ],
    "agenda": [
      {
        "day": 1,
        "date": "2024-05-15",
        "sessions": [
          {
            "time": "09:00",
            "title": "受付・ウェルカム",
            "type": "registration"
          },
          {
            "time": "10:00",
            "title": "基調講演",
            "type": "keynote",
            "speaker": "田中美咲"
          }
        ]
      }
    ],
    "tickets": {
      "currency": "JPY",
      "types": [
        {
          "name": "早割",
          "price": 15000,
          "available": 100,
          "sold": 85
        },
        {
          "name": "通常",
          "price": 20000,
          "available": 500,
          "sold": 320
        }
      ]
    },
    "sponsors": [
      {
        "level": "プラチナ",
        "companies": ["グーグル", "マイクロソフト"]
      },
      {
        "level": "ゴールド",
        "companies": ["アマゾン", "アップル"]
      }
    ],
    "registration": {
      "open": true,
      "deadline": "2024-05-10T23:59:59+09:00",
      "link": "https://conference2024.example.com/register"
    },
    "tags": ["開発", "カンファレンス", "ネットワーキング", "教育"]
  }
}

📍 地図座標データ

GeoJSON

地図アプリケーションで使用される位置情報のJSON例

{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "properties": {
        "id": "loc_001",
        "name": "東京タワー",
        "category": "landmark",
        "description": "東京のシンボル的な観光名所",
        "rating": 4.5,
        "visitCount": 5000000,
        "images": [
          "https://example.com/images/tokyo-tower-1.jpg"
        ],
        "openingHours": {
          "monday": "09:00-23:00",
          "tuesday": "09:00-23:00",
          "wednesday": "09:00-23:00",
          "thursday": "09:00-23:00",
          "friday": "09:00-23:00",
          "saturday": "09:00-23:00",
          "sunday": "09:00-23:00"
        }
      },
      "geometry": {
        "type": "Point",
        "coordinates": [139.7454, 35.6586]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "id": "route_001",
        "name": "観光ルート",
        "distance": 5.2,
        "duration": 45,
        "difficulty": "easy"
      },
      "geometry": {
        "type": "LineString",
        "coordinates": [
          [139.7454, 35.6586],
          [139.7460, 35.6590],
          [139.7470, 35.6595],
          [139.7480, 35.6600]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "id": "area_001",
        "name": "代々木公園",
        "type": "park",
        "area": 540529
      },
      "geometry": {
        "type": "Polygon",
        "coordinates": [[
          [139.6947, 35.6716],
          [139.6999, 35.6716],
          [139.6999, 35.6679],
          [139.6947, 35.6679],
          [139.6947, 35.6716]
        ]]
      }
    }
  ],
  "metadata": {
    "version": "1.0",
    "created": "2024-03-20",
    "crs": "EPSG:4326"
  }
}

⚠️ エラーレスポンス

Error

APIエラー処理に使用される標準エラーレスポンスのJSON例

{
  "success": false,
  "error": {
    "code": "AUTH_001",
    "status": 401,
    "message": "認証が必要です",
    "details": "有効なアクセストークンが提供されていません",
    "timestamp": "2024-03-20T10:15:30Z",
    "path": "/api/v1/users/profile",
    "method": "GET",
    "suggestion": "ログイン後、再度お試しください",
    "documentation": "https://api.example.com/docs/authentication",
    "support": {
      "email": "support@example.com",
      "ticketUrl": "https://support.example.com/tickets/new"
    },
    "debug": {
      "requestId": "req_xyz789abc",
      "traceId": "trace_123456789",
      "spanId": "span_987654321",
      "service": "user-service",
      "version": "1.2.3"
    }
  },
  "validationErrors": [
    {
      "field": "email",
      "value": "invalid-email",
      "message": "正しいメールアドレス形式ではありません"
    },
    {
      "field": "password",
      "value": null,
      "message": "パスワードは必須項目です"
    }
  ]
}

📦 package.json

NPM

Node.jsプロジェクトのpackage.json例

{
  "name": "my-awesome-app",
  "version": "1.0.0",
  "description": "ReactとNode.jsで構築されたモダンなWebアプリケーション",
  "main": "index.js",
  "scripts": {
    "start": "node server.js",
    "dev": "nodemon server.js",
    "build": "webpack --mode production",
    "test": "jest",
    "lint": "eslint .",
    "format": "prettier --write \"**/*.{js,jsx,json,md}\""
  },
  "keywords": ["nodejs", "react", "webapp"],
  "author": "Your Name <you@example.com>",
  "license": "MIT",
  "dependencies": {
    "express": "^4.18.2",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "axios": "^1.4.0",
    "dotenv": "^16.0.3"
  },
  "devDependencies": {
    "@babel/core": "^7.22.0",
    "@babel/preset-env": "^7.22.0",
    "@babel/preset-react": "^7.22.0",
    "eslint": "^8.42.0",
    "jest": "^29.5.0",
    "nodemon": "^2.0.22",
    "prettier": "^2.8.8",
    "webpack": "^5.88.0",
    "webpack-cli": "^5.1.4"
  },
  "engines": {
    "node": ">=16.0.0",
    "npm": ">=8.0.0"
  },
  "repository": {
    "type": "git",
    "url": "https://github.com/username/my-awesome-app.git"
  },
  "bugs": {
    "url": "https://github.com/username/my-awesome-app/issues"
  },
  "homepage": "https://myawesomeapp.com"
}

ツール一覧

JSONサンプルデータコレクション