---
title: "SXAレイアウトサービスを使って、JSONでページをモデリングしましょう"
slug: "use-the-sxa-layout-service-to-model-your-pages-in-json"
abstract: "プレースホルダーやデータソースの項目はJSONで返します。"
---
# SXAレイアウトサービスを使って、JSONでページをモデリングしましょう
SXAはデータをJSON(JavaScriptオブジェクト表記)でモデリングすることを可能にします。例えば、モバイルアプリを作成しSXAのコンテンツを入力したい場合、ページのJSONコンテンツを編集し、出力内容をHTMLではなくJSONで設定できます。特別なレンダリングを使ってJSONレイアウトを作成できますが、ウェブサイトがデフォルトのレンダリングを使っている場合は、SXAレイアウトサービスを使ってプレースホルダーやデータソースの項目をJSONで返すことができます。
SXAレイアウトサービスは、JSONコンテンツをレンダリングするためにシリアライザーを使用します。バリアントを使用するすべてのレンダリングには汎用シリアライザーがあり、一部のレンダリングには専用のシリアライザーもあります。レンダリングのレイアウト **サービス** セクションで設定を確認できます。例えば、ナビゲーションレンダリング用のナビゲーションシリアライザーがあります:
## JSONでページを見る
JSONデバイスに切り替えるには:
1. エクスペリエンスエディターのリボンの **Experience** タブで **「Default**」をクリックし、その後 **JSON**をクリックします。
2. JSONを見るには、リボンの **Experience** タブで **「その他**」をクリックし、「 **プレビュー**」をクリックしてください。
JSONのフラットリストは、ページの木構造を表します。例えば、ページにページリストのレンダリングが含まれている場合:
あるいは画像:
> !注ウェブページにパーソナライズルールを適用した場合、それらもJSONで表示されます。例えば、特定の条件下でレンダリングを非表示するルールを追加した場合などです。
## 検索パラメータを使ってJSONデータをフィルタリングする
URLを通じて各ページに返されるJSONデータを閲覧・アクセスできます。
検索パラメータを使ってJSONデータをフィルタリングするには:
- プレビューモードでは、JSONデータ検索を行うには、ブラウザのアドレスバーにクエリパラメータを追加してください。各クエリはクエスチョンマーク(?)で始め、アンパサンド(&)文字で区切る必要があります。値はコンマで区切られています。
コンポーネントタイプ(sc\_filter\_name)、プレースホルダー(sc\_filter\_path)、コンポーネントID(sc\_filter\_id)で検索を絞り込むことができます。
例えば:
**クエリ**
**概要**
text
= /home?sc\_device=json&sc\_filter\_path=/leftph/menu
プレースホルダーに基づくレンダリングを返します。
text
= /home?sc\_device=json&sc\_filter\_id=content,spot1
/home pageからID内容とspot1を含むレンダリングを返します。
text
= /home?sc\_device=json&sc\_filter\_name=richtext
/home page から richtext タイプのレンダリングを返します。
text
= /home?sc\_device=json&sc\_filter\_path=content&sc\_filter\_name=richtext
/home ページのプレースホルダーコンテンツでrichtext型のレンダリングを返します。