第2章 — コンテンツフラグメントモデルの使用

AEMコンテンツフラグメントモデルは、AEM作成者が生コンテンツの作成をテンプレート化するために使用できるコンテンツスキーマを定義します。 この方法は、基礎モードやフォームベースのオーサリングと似ています。 コンテンツフラグメントの主な概念は、作成されたコンテンツはプレゼンテーションに依存しないことです。つまり、AEM、単一ページアプリ、モバイルアプリなど、利用するアプリで、コンテンツのユーザーへの表示方法を制御するマルチチャネル使用を目的としています。

コンテンツフラグメントの主な懸念事項は、次のことを確実に行うことです。

  1. 作成者から正しいコンテンツが収集されます
  2. コンテンツは、使用するアプリケーションに対して、構造化され理解しやすい形式で公開できます。

この章では、「イベント」のモデリングと作成のための正規化されたデータ構造とオーサリングインターフェイスの定義に使用するコンテンツフラグメントモデルの有効化と定義について説明します。

コンテンツフラグメントモデルの有効化

コンテンツフラグメントモデル​は、 AEM 設定ブラウザー​を使用して有効にする必要があります。

コンテンツフラグメントモデルが設定で有効になって​いない​場合、関連するAEM設定では「作成 」/「コンテンツフラグメント 」ボタンは表示されません。

メモ

AEM設定は、/confの下に格納されたコンテキスト対応テナント設定のセットを表します。 通常、AEMの設定は、AEM Sitesで管理される特定のWebサイトや、コンテンツのサブセット(アセット、ページなど)を担当するビジネスユニットと関連があります。 AEMの

設定がコンテンツ階層に影響を与えるには、そのコンテンツ階層のcq:confプロパティを介して設定を参照する必要があります。 (これは、以下の​手順5​のWKND Mobile設定で実行されます)。

global設定を使用する場合、設定はすべてのコンテンツに適用され、cq:confを設定する必要はありません。

詳しくは、設定ブラウザーのドキュメントを参照してください。

  1. 適切な権限を持つユーザーとしてAEMオーサーにログインし、関連する設定を変更します。

    • このチュートリアルでは、admin​ユーザーを使用できます。
  2. ツール > 一般 > 設定ブラウザー​に移動します。

  3. WKND Mobile​の横にある​フォルダーアイコン​をタップして選択し、左上の​編集ボタン​をタップします。

  4. コンテンツフラグメントモデル」を選択し、右上の「保存して閉じる」をタップします。

    これにより、WKND Mobile設定が適用されたアセットフォルダーコンテンツツリーのコンテンツフラグメントモデルを有効にできます。

    メモ

    この設定の変更は、AEM Configuration Web UIから元に戻すことはできません。 この設定を元に戻すには:

    1. [CRXDE Lite](http://localhost:4502/crx/de)を開きます。
    1. `/conf/wknd-mobile/settings/dam/cfm` に移動します。
    1. `models`ノードを削除します。
    

    この設定で作成された既存のコンテンツフラグメントモデルは削除され、定義も/conf/wknd-mobile/settings/dam/cfm/modelsに保存されます。

  5. WKND Mobile​設定を​WKND Mobileアセットフォルダー​に適用して、コンテンツフラグメントモデルのコンテンツフラグメントをそのアセットフォルダー階層内に作成できるようにします。

    1. AEM > Assets > Files​に移動します。
    2. WKND Mobileフォルダー​を選択します。
    3. 上部のアクションバーの「プロパティ」ボタンをタップして、「フォルダーのプロパティ」を開きます。
    4. フォルダーのプロパティで、「Cloud Services」タブをタップします
    5. Cloud Configuration​フィールドが​/conf/wknd-mobile​に設定されていることを確認します。
    6. 右上の「保存して閉じる」をタップして変更を保持します

作成するコンテンツフラグメントモデルについて

コンテンツフラグメントモデルを定義する前に、必要なデータポイントをすべて取り込むために、実行するエクスペリエンスを確認します。 ここでは、モバイルアプリケーションのデザインをレビューし、デザイン要素をコンテンツにマッピングします。

次のように、イベントを定義するデータポイントを分類できます。

コンテンツフラグメントモデルの作成

マッピングを活用して、イベントデータを収集して最終的に公開するために使用されるコンテンツフラグメントを定義できます。

コンテンツフラグメントモデルの作成

  1. ツール / アセット / コンテンツフラグメントモデル​に移動します。
  2. WKND Mobile​フォルダーをタップして開きます。
  3. 作成」をタップして、コンテンツフラグメントモデル作成ウィザードを開きます。
  4. モデルタイトル (説明はオプション) 」と入力し、「作成」をタップして保存します。Event

コンテンツフラグメントモデルの構造の定義

  1. ツール / アセット / コンテンツフラグメントモデル /WKND​に移動します。

  2. Event​コンテンツフラグメントモデル」を選択し、上部のアクションバーで「編集」をタップします。

  3. 右側の「データタイプ」タブ​から、1行のテキスト入力​を左のドロップゾーンにドラッグし、Question​フィールドを定義します。

  4. 左側で新しい​1行のテキスト入力​が選択され、右側で「プロパティ」タブ​が選択されていることを確認します。 次のように「プロパティ」フィールドに値を入力します。

    • レンダリング時の名前 : textfield
    • フィールドラベル : Event Title
    • プロパティ名 : eventTitle
    • 最大長 :25
    • 必須 : Yes

以下に定義した入力定義を使用して、これらの手順を繰り返し、残りのイベントコンテンツフラグメントモデルを作成します。

メモ

プロパティ名​フィールドは、Androidアプリケーションがこれらの名前のキーをオフにするようにプログラムされているので、完全に一致する必要があります。

イベントの説明

  • データタイプ : Multi-line text
  • フィールドラベル : Event Description
  • プロパティ名 : eventDescription
  • デフォルトの種類 : Rich text

イベントの日時

  • データタイプ : Date and time
  • フィールドラベル : Event Date and Time
  • プロパティ名 : eventDateAndTime
  • 必須 : Yes

イベントタイプ

  • データタイプ : Enumeration
  • フィールドラベル : Event Type
  • プロパティ名 : eventType
  • オプション : Art,Music,Performance,Photography

チケット価格

  • データタイプ : Number
  • レンダリング時の名前 : numberfield
  • フィールドラベル : Ticket Price
  • プロパティ名 : eventPrice
  • 型 : Integer
  • 必須 : Yes

イベント画像

  • データタイプ : Content Reference
  • レンダリング時の名前 : contentreference
  • フィールドラベル : Event Image
  • プロパティ名 : eventImage
  • ルートパス : /content/dam/wknd-mobile/images
  • 必須 : Yes

ベニュー名

  • データタイプ : Single-line text
  • レンダリング時の名前 : textfield
  • フィールドラベル : Venue Name
  • プロパティ名 : venueName
  • 最大長 :20
  • 必須 : Yes

ベニューシティ

  • データタイプ : Enumeration
  • フィールドラベル : Venue City
  • プロパティ名 : venueCity
  • オプション : Basel,London,Los Angeles,Paris,New York,Tokyo
メモ

プロパティ名​は、JSONファイル内のキーと共にこの値が保存されるJCRプロパティ名​の両方​を表します。 これは、コンテンツフラグメントモデルの存続期間中変更されないセマンティック名にする必要があります。

コンテンツフラグメントモデルの作成が完了したら、次のような定義にする必要があります。

イベントコンテンツフラグメントモデル

次の手順

必要に応じて、AEM Package Managerを使用して、com.adobe.aem.guides.wknd-mobile.content.chapter-2.zipコンテンツパッケージをAEMオーサーにインストールします。 このパッケージには、チュートリアルのこのパートで概要を説明する設定とコンテンツが含まれています。

このページ