---
title: "プレビューおよび配信のGraphQL API"
slug: "the-preview-and-delivery-graphql-apis"
abstract: "プレビュー GraphQL APIおよび配信GraphQL APIの概要。SitecoreAIコンテンツの取得に使用されます。"
---
# プレビューおよび配信のGraphQL API

> !注**このドキュメントの改善にご協力ください**フレームワークに依存しないドキュメントは現在開発中です。コンテンツ改善の提案があれば、このページの下部で **フィードバック** を共有してください。

SitecoreAIのコンテンツ作成者は [、ページビルダー](https://doc.sitecore.com/sai/en/users/sitecoreai/build-pages.html) を使ってコンテンツの作成、管理、公開を行います。そのコンテンツを取得するために、開発者は取得したいコンテンツ量に応じて2つのGraphQL APIのいずれかを使用します。

-   [プレビュー GraphQL API](https://doc.sitecore.com/sai/ja/developers/sitecoreai/experience-edge/experience-edge-apis/preview-graphql-api.html "Preview GraphQL API") - 下書き(未公開)および公開済みのコンテンツを含むすべてのコンテンツ取得。ローカル開発やアプリの非本番環境(テストやステージング)に理想的です。これらの環境では、コンテンツ作成者はドラフトをプレビューでき、開発者は公開前にドラフトを含むフロントエンドを構築しテストできます。裏側では、すべてのSitecoreコンテンツがあなたのコンテンツ管理インスタンスに保存されています。コンテンツ管理インスタンスはこのAPIを公開します。
-   [配信GraphQL API](https://doc.sitecore.com/sai/ja/developers/sitecoreai/experience-edge/experience-edge-apis/delivery-graphql-api.html "Delivery GraphQL API") - 公開されたコンテンツのみ取得。ドラフトコンテンツが利用できないアプリ本格環境に理想的です。舞台裏では、公開コンテンツはExperience Edgeから提供されています。Experience EdgeはこのAPIを公開します。Experience Edgeは、グローバルに分散された高性能なコンテンツ配信レイヤーです。静的でキャッシュされたコンテンツを提供するため、非常に効率的です。

> !注プレビュー GraphQL APIとデリバリー GraphQL APIは異なるコンテンツを返しますが、同じ認可方法を使用し、同じクエリおよびレスポンス形状を共有しています。いくつかの [違いが存在する](https://doc.sitecore.com/sai/ja/developers/sitecoreai/experience-edge/experience-edge-apis/differences-between-the-preview-and-the-delivery-graphql-apis.html "Differences between the Preview and the Delivery GraphQL APIs")ことに注意してください。

開発中は通常、クエリをGraphQL IDEで探索し応答を確認するためにGraphQLを行い、フロントエンドアプリでSitecoreコンテンツをレンダリングします。

GraphQL IDEの設定や、フロントエンドアプリにプレビュー GraphQL APIとデリバリー GraphQL APIの認証方法を理解するには、「[認可およびAPIアクセス](https://doc.sitecore.com/sai/ja/developers/sitecoreai/experience-edge/experience-edge-apis/authorization-and-api-access.html "Authorization and API access")」をご覧ください。その後、アプリのウォークスルー[でRender SitecoreAIの内容](https://doc.sitecore.com/sai/ja/developers/sitecoreai/introduction-to-framework-agnostic-sitecore-development/content-rendering/render-sitecoreai-content-in-your-app.html "Render SitecoreAI content in your app")を完了する前に[、他のおすすめコンテンツを](https://doc.sitecore.com/sai/ja/developers/sitecoreai/introduction-to-framework-agnostic-sitecore-development/content-rendering.html#get-started)確認してください。