会員登録(無料)で全機能が使える!
MAIN TOOLS
UTILITIES
INFO
[]
フロントエンドのUIテストや、バックエンドのAPIモック作成時、「それっぽいデータ」を用意するのに時間を費やしていませんか? JSON Generatorは、スキーマ(データの型や構造)を定義するだけで、リアルなダミーデータを必要な数だけ一括生成できる無料ツールです。
私が新人の頃、テストデータに適当な文字列("test1", "test2"...)ばかり使っていました。 しかし本番リリース後、ユーザー名に「長い名前」や「特殊文字」が含まれるケースでレイアウトが崩れ、上司に怒られる羽目に。
手書きのダミーデータの限界:
このツールを使えば、「実在しそうな氏名」や「ランダムな日付」を含む、構文エラーのない完璧なJSONを、一瞬で100件生成できます。 「テストデータの作成」という非生産的な時間をゼロにし、開発そのものに集中してください。
Name(氏名)、Email、Phone(電話番号)、Address(住所)など、ユーザー登録のテストに欠かせない個人情報データをランダムに生成します。
Name
Email
Phone
Address
オブジェクトの中に配列を入れたり、さらにオブジェクトをネストさせたりと、実際のAPIレスポンスに近い複雑な階層構造も直感的に定義できます。
一意な GUID/UUID、ランダムな Boolean(真偽値)、現在時刻や過去・未来の Date(日付)など、システム制御に必要なデータもカバーしています。
GUID/UUID
Boolean
Date
Color(HEXカラーコード)や ImageURL(ダミー画像のURL)も生成できるため、ECサイトやギャラリーUIのプロトタイプ作成にも最適です。
Color
ImageURL
ダミーデータができたら、それを返すAPIサーバーも必要ですよね。 fetch APIの使い方講座を読めば、生成したJSONをJavaScriptでどう扱うかが分かります。