JSON 生成

関連おすすめ

JSON生成ツールとMockテストデータについて

ユースケース

• フロントエンドでユーザー一覧、商品カード、注文詳細などのUIを描画するための安定したMockデータが必要なとき
• バックエンドAPIがまだ未完成で、画面連携を先に進めるために仮データを用意したいとき
• QAが自動APIテストのために、値の異なる大量レコードをまとめて作りたいとき
• Swagger / OpenAPI や社内APIドキュメント用に、構造の整ったサンプルJSONをすばやく用意したいとき
• 負荷試験や性能試験の前に、一定構造の大量データを準備したいとき
• データ移行スクリプトやデータクレンジング処理の検証用に、サンプルJSONを作りたいとき
• 技術記事、スライド、研修資料などで見栄えのよいJSON例を載せたいとき
• フォーム検証やローカルキャッシュ処理で、極端値や空値などの境界ケースを試したいとき

使い方

1. 左側のSchemaビルダーで、標準サンプル（id / name / email / age / active / createdAt / bio）を確認するか、+ ボタンで独自フィールドを追加します
2. 各フィールドに名前と型を設定します。数値や段落型では min / max、Enum では候補値を入力できます
3. 「配列として生成」をオンにして件数を 1〜1000 に設定するか、オフにして単一オブジェクトを生成します
4. 右上の「生成」を押すと、右側エディタに整形済みJSONとフィールド数・件数が表示されます
5. 「コピー」でそのまま利用するか、「ダウンロード」で generated.json として保存します

特徴

• 13種類の組み込みフィールド型: String / Integer / Number / Boolean / Email / Name / UUID / Date / URL / Phone / Paragraph / Enum / Array をすぐ利用可能
• ビジュアルフィールドビルダー: GUIでフィールド追加・削除、名前と型の設定ができ、JSONテンプレートを手書きする必要がありません
• 数値と段落の範囲指定: Integer / Number / Paragraph は min と max を設定でき、実務に近いデータを作れます
• Enumのカスタム値: admin,user,guest のようなカンマ区切り候補を入力し、離散値をランダム生成できます
• 単一オブジェクトと配列を切替: 配列生成チェックと件数入力で、1件のJSONと複数件の配列をすばやく切り替えられます
• サンプルSchemaを即読み込み: id / name / email / age / active / createdAt / bio の7項目サンプルをすぐ使えます
• シンタックスハイライト付き出力: 右側のCodeMirrorでJSON結果をリアルタイム表示し、行番号付きで確認できます
• コピーとダウンロードをワンクリックで実行: 生成結果をそのままコピー、または generated.json として保存できます
• 完全ローカル処理: フィールド設定もデータ生成もブラウザ内で完結し、サーバーへアップロードされません
• デスクトップとモバイルに対応: PCでは分割レイアウト、モバイルでは入力/出力タブに切り替わり操作しやすい構成です

コード例

// Put generated.json under /public/mock/users.json
// Then fetch it as Mock data
async function fetchMockUsers() {
  const res = await fetch('/mock/users.json');
  const users = await res.json();
  console.log(`Loaded ${users.length} users`);
  return users;
}

// Or inline directly in code (great for test cases)
const mockUsers = [
  { id: 1, name: 'Jennifer Martinez', email: 'jennifer.martinez382@example.com', age: 42, active: true },
  { id: 2, name: 'Robert Smith', email: 'robert.smith918@test.org', age: 67, active: false }
];

// Or import it as a fixture in Jest / Vitest
import users from './fixtures/users.json';
test('renders user list', () => {
  render(<UserList users={users} />);
  expect(screen.getAllByRole('listitem')).toHaveLength(users.length);
});

# Install: pip install faker
from faker import Faker
import json

fake = Faker('zh_CN')  # Chinese localization

# Generate a single user
def gen_user():
    return {
        "id": fake.random_int(min=1, max=99999),
        "name": fake.name(),
        "email": fake.email(),
        "phone": fake.phone_number(),
        "address": fake.address(),
        "company": fake.company(),
        "created_at": fake.iso8601()
    }

# Generate 100 records and write them to generated.json
users = [gen_user() for _ in range(100)]
with open('generated.json', 'w', encoding='utf-8') as f:
    json.dump(users, f, ensure_ascii=False, indent=2)

print(f"Generated {len(users)} user records")

# Assume generated.json is in the current directory and the target endpoint is POST /api/users
# Bulk seed data
for i in $(seq 1 10); do
  curl -X POST https://api.example.com/users \
    -H "Content-Type: application/json" \
    -d @generated.json | jq '.'
done

# Or extract a single record with jq and POST it
cat generated.json | jq '.[0]' | \
  curl -X POST https://api.example.com/users \
    -H "Content-Type: application/json" \
    -d @-

よくある質問

トラブルシューティング

用語集

JSON

JavaScript Object Notation の略で、キーと値、配列で構成される軽量なデータ交換形式です。Web APIで広く使われています。

Mockデータ

実際の業務データを模した架空データで、フロントエンド開発、API連携、テスト自動化でよく使われます。

Schema

データ構造を定義するものです。このツールでは左側ビルダーで設定するフィールド名と型の集合を指します。

UUID (v4)

RFC 4122 で定義される128ビットの一意識別子です。v4は乱数ベースで生成され、衝突しにくいのが特長です。

Field Type

各フィールドに指定するデータ型です。指定した型によって生成される値の形式が変わります。

Enum

定義済みの候補値の中からランダムに1つを選ぶ型です。役割、状態、レベルなどの表現に向いています。

min / max

Integer、Number、Paragraph で使える範囲指定です。ランダム値を自然な範囲に収めたいときに使います。

単一オブジェクト / 配列出力

このツールでは1件の JSON オブジェクト {} と、複数件の配列 [...] の2つの出力モードを切り替えられます。

RFC 4122

UUID の形式、バージョン、バリアントを定義する国際仕様です。このツールのUUIDは v4 に準拠します。

CodeMirror

ブラウザ向けコードエディタコンポーネントです。出力パネルでJSONのシンタックスハイライトと行番号表示に使われています。

ローカル処理

すべての生成処理がユーザーのブラウザ内で完結し、外部サーバーへデータを送らない実行方式です。

Fixture

テストで繰り返し利用する固定サンプルデータファイルです。生成結果を保存して回帰テストに使えます。

フィールド型と生成ルールの早見表

13種類の組み込みフィールド型について、生成ルール、例、用途をまとめています。

よくあるJSON生成シーンと推奨フィールド構成

APIテストでよく使うシーンごとのフィールド構成例です。

Privacy & Security

このJSON生成ツールでは、フィールド設定、ランダムデータ生成、コピー、ダウンロードのすべてがブラウザ内のJavaScriptで完結します。定義したSchema、生成したデータ、フィールド名、件数はいずれもサーバーへ送信・記録・キャッシュ・クラウド保存されません。内部API仕様や未公開構造、機微なテストデータでも安心して利用できます。

Authoritative References

• IETFRFC 4122 - UUID 仕様
• OfficialJSON.org - 公式JSON仕様
• LibraryMock.js - フロントエンド向けMockライブラリ
• LibraryFaker.js - フェイクデータ生成ライブラリ
• MDNMDN - JSON.parse / JSON.stringify