コンテンツフラグメントとエクスペリエンスフラグメント

Adobe Experience Manager のコンテンツフラグメントとエクスペリエンスフラグメントは、表面的には似ているように見えるかもしれませんが、それぞれが異なるユース ケースで重要な役割を果たします。コンテンツフラグメントとエクスペリエンスフラグメント類似点と相違点、そしてそれぞれのタイプの使用方法とタイミングについて学びます。

比較

コンテンツフラグメント(CF)
エクスペリエンスフラグメント(XF)
定義
  • 構造化されたデータ要素(テキスト、日付、参照など)で構成される、再利用可能な、プレゼンテーションに依存しない コンテンツ
  • エクスペリエンス を形成するコンテンツとプレゼンテーションを定義する 1 つ以上の AEM コンポーネントの再利用可能な複合物で、それ自体が理にかなっているもの
主要な考え方
  • コンテンツ中心
  • 構造化されたフォームベースのデータ モデルによって定義されます。
  • デザインとレイアウトに依存しません。
  • チャネルには、コンテンツフラグメントのコンテンツ(レイアウトとデザイン)のプレゼンテーションがあります
  • プレゼンテーション中心
  • AEM コンポーネントの構造化されていない成分によって定義されています
  • コンテンツのデザインとレイアウトを定義します
  • チャネルで「そのまま」使用されます
技術的詳細
  • cq:Page として実装されます
  • 編集可能なテンプレートによって定義されます
  • ネイティブ HTML レンディション
バリエーション
  • プライマリバリエーションは標準的なバリエーションです
  • バリエーションはユースケース固有のものであり、チャネルに合わせて調整される場合があります。
  • バリエーションは、チャネルやコンテキストに固有です
  • バリエーションは、AEM ライブコピーを使用して同期が維持されます
  • 構築ブロック により、様々なバリエーションでコンテンツを再利用することができます
機能
  • バリエーション
  • ライブコピーとしてのバリエーション
  • バージョン
  • 構築ブロック
  • 注釈
  • レスポンシブレイアウトとプレビュー
  • 翻訳/ローカライゼーション
  • コンテンツフラグメント参照を介した複雑なデータモデル
  • アプリ内プレビュー
使用方法
  • AEM Sites、AEM Screens、またはその他のエクスペリエンスフラグメントで使用する AEM エクスペリエンスフラグメントコンポーネント。
  • プレーンHTML として書き出し(サードパーティ製システムで使用)
  • ターゲットオファー向けに HTML を Adobe Target に書き出す
  • ターゲットオファー向けに JSON を Adobe Target に書き出す
一般的なユースケース
  • GraphQL を使用したヘッドレスユースケースの強化
  • 構造化されたデータ入力またはフォームベースのコンテンツ
  • ロングフォームの編集コンテンツ(複数行の要素)
  • コンテンツを配信するチャネルのライフサイクル外で管理されるコンテンツ
  • チャネルごとのバリエーションを使用して、マルチチャネルのプロモーション資料を一元管理します。
  • コンテンツは、web サイトの複数のページで再利用されます。
  • Web サイトクロム(例: ヘッダーとフッター)
  • エクスペリエンスを配信するチャネルのライフサイクル外で管理されるエクスペリエンス
ドキュメント化

コンテンツフラグメントのアーキテクチャ

次の図は、AEM コンテンツフラグメントの全体的なアーキテクチャを示しています

コンテンツフラグメントのアーキテクチャ

  • コンテンツフラグメントモデル ​は、コンテンツフラグメントが取得して公開するコンテンツを定義する要素(またはフィールド)を定義します。

  • コンテンツフラグメント は、論理コンテンツエンティティを表すコンテンツフラグメントモデルのインスタンスです。

  • コンテンツフラグメントの​ バリエーション ​はコンテンツフラグメントモデルに従いますが、コンテンツにはバリエーションがあります。

  • コンテンツフラグメントは、次の方法で公開/使用できます。

    • AEM WCM コアコンポーネントのコンテンツフラグメントコンポーネントから AEM Sites(または AEM Screens)でコンテンツフラグメントを使用する。
    • AEM ヘッドレス GraphQL API を使用して、ヘッドレスアプリから コンテンツフラグメント を使用します。
    • 読み取り専用のユースケース向けに、AEM Content Services および API ページから JSON 形式でコンテンツフラグメントバリエーションコンテンツを公開する。
    • CRUD のユースケース向けに、AEM Assets HTTP API を経由して AEM Assets への直接呼出しから JSON としてコンテンツフラグメントコンテンツ(すべてのバリエーション)を直接公開する。

エクスペリエンスフラグメントのアーキテクチャ

エクスペリエンスフラグメントのアーキテクチャ

  • 編集可能なテンプレートタイプ および AEM ページコンポーネントの実装 ​で定義される​ 編集可能なテンプレート ​は、エクスペリエンスフラグメントの作成に使用できる許可された AEM コンポーネントを定義します。

  • エクスペリエンスフラグメント ​は、論理的なエクスペリエンスを表す編集可能なテンプレートのインスタンスです。

  • エクスペリエンスフラグメント​ バリエーション ​は編集可能テンプレートに準拠するものの、エクスペリエンス(コンテンツとデザイン)にバリエーションがあります。

  • エクスペリエンスフラグメントは、次の方法で公開/使用できます。

    • AEM エクスペリエンスフラグメントコンポーネントを使用して、AEM Sites(または AEM Screens)上でエクスペリエンスフラグメントを使用する。
    • AEM Content Services と API ページから、エクスペリエンスフラグメントのバリエーションコンテンツを JSON(埋め込み HTML 付き)として公開する。
    • エクスペリエンスフラグメントのバリエーションを​ プレーン HTML として直接公開する。
    • HTMLまたは JSON オファーのいずれかとして、エクスペリエンスフラグメントをし Adobe Target に書き出す。
    • AEM Sites は HTML オファーをネイティブでサポートしていますが、JSON オファーにはカスタム開発が必要です。

コンテンツフラグメントのサポート資料

エクスペリエンスフラグメントのサポート資料

recommendation-more-help
bb44cebf-d964-4e3c-b64e-ce882243fe4d