ドキュメントAEMユーザーガイド

[AEM Sites]{class="badge positive" title="AEM Sitesに適用）。"}

コンテンツフラグメントのプレビュー previewing-content-fragments

最終更新日： 2026年6月26日
  • 適用対象：
  • Experience Manager as a Cloud Service

作成対象：

  • User
  • Developer

コンテンツフラグメントは、ヘッドレス配信とページオーサリングの両方に使用できます。 フラグメントはコンテンツのみで、フォーマットが設定されていないため、レビューがより困難になる可能性があります。 そのため、様々なシナリオで、フラグメントをプレビューする複数の方法が用意されています。

コンテンツフラグメントには、コンソールフラグメントコンソールとエディターからアクセスできる複数の方法があります。 この節で説明するコンソールとエディターは、ヘッドレスコンテンツ配信用に開発されました（ただし、すべてのシナリオで使用できます）。

フラグメントをプレビューするには、次の操作を行います。

もちろん、​ コンテンツフラグメントエディターでフラグメントを表示することもできます。

IMPORTANT
コンテンツフラグメントには、コンテンツフラグメント​と Assets の 2 つのコンソールからアクセスできます。
また、コンテンツフラグメントをオーサリングするエディターは 2 つあります。基本機能は同じですが、いくつか違いがあります。 両方のエディターは、両方のコンソールからアクセスできます。
この節では、コンテンツフラグメント​コンソールと​ 新しい ​コンテンツフラグメントエディターについて説明します。 これらはヘッドレスコンテンツ配信用に開発されています（ただし、すべてのシナリオで使用できます）。
詳しくは、次のセクションを参照してください。

プレビューインスタンス preview-instance

フラグメントを​プレビューサービス （およびパブリッシュインスタンス）に​ 公開 ​および​ 非公開 ​できます。

フラグメントは、エディターまたはコンソールから公開できます。

以下を参照してください。

外部アプリケーションでのプレビュー preview-in-an-external-application

コンテンツフラグメントエディターは、編集内容を外部フロントエンドアプリケーションでプレビューするオプションを作成者に提供します。

プレビュー URL パターン preview-url-pattern

この機能を使用するには、まず次の操作が必要です。

  • IT チームと協力して、JSON 出力を使用してコンテンツフラグメントをレンダリングする外部フロントエンドアプリケーションを設定します。

  • 外部フロントエンドアプリケーションが設定されると、デフォルトのプレビュー URL パターン​は、適切なコンテンツフラグメントモデルのプロパティとして定義される必要があります。

プレビューURLは、次のパターンに従う必要があります。

https://<preview_url>?param=${expression}

使用できる式は次のとおりです。

  • ${contentFragment.path}
  • ${contentFragment.model.path}
  • ${contentFragment.model.name}
  • ${contentFragment.variation}
  • ${contentFragment.id}

URLが定義されると、プレビュー ボタンがエディターの上部ツールバーでアクティブになります。 このボタンを選択すると、（別のタブで）外部アプリケーションを起動して、コンテンツフラグメントをレンダリングできます。

外部アプリケーションでのプレビュー preview-in-the-external-application

コンテンツフラグメントは、外部アプリケーションでプレビューできます。

NOTE
このオプションには、​ プレビューURL パターン ​を設定する必要があります。
  1. コンテンツフラグメントコンソールで、フラグメントの場所に移動します。
  2. エディターでフラグメントを開きます
  3. 上部のツールバーから「プレビュー」を選択します。
  4. アプリケーション​を選択して、外部アプリケーションでフラグメントを開きます（例：​ ユニバーサルエディター）。

ビジュアライゼーション（HTML）テンプレートを使用したプレビュー preview-with-visualization-html-templates

AEMでは、HTML テンプレートに基づいたビジュアルレイアウトを使用して、コンテンツフラグメントをプレビューできます。

テンプレート 🔗を使用してフラグメントを プレビューする方法について詳しくは、​ ビジュアルコンテンツフラグメント ​を参照してください。

NOTE
独自のHTML テンプレートを作成、カスタマイズ、アップロードする方法について詳しくは、​ ビジュアルコンテンツフラグメント – テンプレート ​を参照してください。
recommendation-more-help
experience-manager-cloud-service-help-main-toc