ネストされたブログ記事APIのモックレスポンス

埋め込み著者、タグ配列、コメントを含む深くネストされたブログ記事JSONレスポンスを生成。複雑なデータレンダリングとネストされたコンポーネントツリーのテストに。

Nested Data

詳細な説明

ネストされたブログ記事レスポンス

ブログ記事APIは通常、記事コンテンツと著者、タグ、コメントなどの関連エンティティを組み合わせた深くネストされた構造を返します。このモックはこれらの関係を単一のAPIレスポンスで表現する方法を示します。

スキーマ構造

{
  "id": "uuid",
  "title": "string",
  "slug": "string",
  "body": "string",
  "status": "enum(draft,published,archived)",
  "author": {
    "id": "uuid",
    "name": "string",
    "email": "email",
    "avatarUrl": "url"
  },
  "tags": [
    { "id": "uuid", "name": "string", "slug": "string" }
  ],
  "comments": [
    {
      "id": "uuid",
      "body": "string",
      "author": { "id": "uuid", "name": "string" },
      "createdAt": "date"
    }
  ],
  "publishedAt": "date (nullable)",
  "createdAt": "date"
}

埋め込み vs 参照

このレスポンスは参照(IDのみ)ではなく埋め込み(インラインネストオブジェクト)を使用しています。埋め込みは以下の場合に適しています:

  • ネストされたデータが親を表示する際に常に必要
  • ネストされたオブジェクトが小さい
  • API呼び出しの数を減らしたい

大規模またはオプションのリレーションシップの場合は、IDのみを返し、別のエンドポイントやincludes/sideloadingパターンの使用を検討してください。

オブジェクト配列パターン

tagscommentsフィールドはオブジェクト配列パターンを示しています。各配列アイテムは独自のidを持つ完全なオブジェクトです。このパターンは1対多および多対多リレーションシップで一般的です。

Nullable publishedAt

publishedAtフィールドは下書き記事がまだ公開されていないためnullableです。これはUIが下書きと公開済みコンテンツをどのように区別するかをテストします。

ユースケース

ブログやCMSを構築するフロントエンド開発者が、著者署名、タグチップ、コメントスレッド、下書き/公開状態インジケーターを含む複雑なネストされたコンテンツページのレンダリングをテストするために使用できます。

試してみる — API Response Mocker

フルツールを開く