---
title: "Experience ManagerのJSSとSitecore Experience Edge(XM)"
slug: "jss-and-sitecore-experience-edge-for-experience-manager--xm-"
abstract: "JSSアプリをSitecore Experience Edge for XMと統合する方法について説明しています"
---
# Experience ManagerのJSSとSitecore Experience Edge(XM)

[Sitecore Experience Edge for Experience Manager(XM)](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/sitecore-experience-edge-for-xm.html "Sitecore Experience Edge for XM") は、Sitecore JSSサイトの静的公開とヘッドレスサイトのランタイムコンテンツ配信のための高度にスケーラブルな配信プラットフォームです。

Sitecore Experience Edge for XMコンテンツおよびレイアウト配信機能を使用するには、\--fetchWith GraphQLオプションを使ってGraphQLサポート付きのJSSアプリケーションを作成する必要があります。このオプションでJSSアプリケーションを作成すると、*Sitecoreレイアウトおよび辞書情報* がGraphQLクエリで取得されます。

すべてのJSSサンプルアプリケーションは、GraphQL統合のためにSitecore Experience Edge for XMを使用するよう設定されています。Sitecore Experience Edge for XMのエンドポイントは、JSSアプリケーションのpackage.jsonファイル内のconfig.graphQLEndpointPathで設定されています。デフォルトでは、エッジのデリバリーエンドポイントは /sitecore/api/graph/edgeです。

> !重要[Edge GraphQLスキーマ](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/the-experience-edge-schema.html "The Experience Edge schema") 自体を拡張することはできませんが、レイアウト情報はSitecore Experience Edge for XMに公開されます。その結果、データニーズに合わせて [レイアウトデータを拡張](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/extending-the-layout-service.html "Extending the Layout Service") できます。

[jss createCLIコマンド](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/sitecore-javascript-rendering-sdk-cli-tools-api-reference.html#UUID-ba8bae12-5938-63d2-1ae1-451aec88abe5_UUID-63ee54c7-6c40-bc5a-0db9-0be674e71aa0 "jss create")に\--fetchWith引数を付けずにJSSアプリケーションを作成した場合、アプリケーションはデフォルトでRESTサービスを使用します。アプリケーションで使うJSSサービスをRestDictionaryServiceとRestLayoutServiceからGraphQLDictionaryServiceとGraphQLLayoutServiceに変更することで、RESTからGraphQLサービスに切り替えることができます。

GraphQLエンドポイントからデータを取得するだけでなく、[サンプルアプリを使ってJSSアプリケーションをサーバー側でレンダリング](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/server-side-render-jss-apps-headlessly-using-a-sitecore-experience-edge-endpoint.html "Server-side render JSS apps headlessly using a Sitecore Experience Edge endpoint")するSitecore Experience Edge for XMも可能です。