Show Menu
TOPICS×

コアコンポーネントを使用したオーサリング

Adobe Experience Manager では、コンポーネントは、オーサリングするページのコンテンツを構成する構造要素です。
コアコンポーネントは、柔軟で機能豊富なオーサリング機能を提供します。 We.Retail リファレンスサイト では、コアコンポーネントがどのように使用できるかを説明しています。
コアコンポーネントを体験したり、それらの設定オプションの例や、HTML 出力や JSON 出力の例を確認したりするには、 コンポーネントライブラリ にアクセスしてください。
AEM プロジェクトにコアコンポーネントを実装するための開発者向けの詳しい概要については、 WKND チュートリアル を参照してください。
コアコンポーネントは、作成者がすぐに使用できるわけではありません。 最初に開発チームがお使いの環境に統合する必要があります 。統合されると、 テンプレートエディター で使用できるようになり、事前設定されます。
コアコンポーネントでは AEM 6.3 以降 が必要です。また、 編集可能テンプレート を使用する必要があります。コアコンポーネントはクラシック UI や静的テンプレートでは動作しません。

コアコンポーネントを使用したオーサリング

作成者の場合、次のようなコアコンポーネントのメリットがあります。
コンポーネントは、
ページ編集
​の際に、ページエディターのサイドパネルの「 コンポーネント 」タブから利用できます。
コンポーネントは、フィルタリングや整理を容易におこなえるよう、コンポーネントグループと呼ばれるカテゴリに従ってグループ化されます。コンポーネントのグループ名は、 コンポーネントブラウザー にコンポーネントと共に表示されます。また、正しいコンポーネントを簡単に見つけられるように、グループでフィルタリングすることもできます。
コアコンポーネントは、デフォルトでは非表示グループの一部になっているので、コンポーネントブラウザー内には表示されません。
必要なコンポーネントを表示グループに追加するか、カスタマイズすると、作成者が使用できるようになります。

コアコンポーネントの事前設定

以前、Foundation コンポーネントの設定は、開発者の仕事でした。これに対し、コアコンポーネントでは、テンプレート作成者がテンプレートエディター経由で様々な機能を設定できるようになりました。
例えば、画像コンポーネントでファイルシステムからの画像アップロードを許可しない場合や、テキストコンポーネントで特定の段落フォーマットのみを許可する場合は、クリックするだけでそれらの機能の有効/無効を切り替えることができます。
詳しくは、 ページテンプレートの作成 を参照してください。

編集ダイアログとデザインダイアログ

コアコンポーネントでは、テンプレート作成者がテンプレートの一部として使用できるオプションを定義することでコアコンポーネントを事前設定した後、ページ作成者がさらに設定することで実際のページコンテンツを定義できます。これにより、各コンポーネントで、異なる 2 つのダイアログ内にオプションが存在することがあります。
説明
制御対象
編集ダイアログ
ページ作成者
​が通常のページ編集中に、配置したコンポーネントに対して変更できるオプション
コンポーネントによって表示されるコンテンツや、そのコンテンツが最終的にページ上でどのように表示されるか。
コンテンツテキストの書式設定、ページ上の画像の回転
デザインダイアログ
テンプレート作成者
​がページテンプレートの設定時に変更できるオプション。
ページ作成者がコンポーネント編集時に利用できるオプション
利用可能なテキスト書式設定オプション、利用可能な画像インプレースオプション

コンポーネントのスタイル設定

ほとんどのコアコンポーネントのスタイルは、AEM スタイルシステムを使用して定義できます。
  • テンプレート作成者は、特定のコンポーネントで利用可能なスタイルを、そのコンポーネントのデザインダイアログで定義できます。
  • その後、コンテンツ作成者は、コンポーネントを追加してコンテンツを作成する際に、適用するスタイルを選択できます。
詳しくは、 スタイルシステム のドキュメントを参照してください。
AEM 6.3 でスタイルシステムの機能を有効にするには、サービスパック 2(6.3.2.0)以降が必要となります。

利用可能なコアコンポーネントの一覧

利用可能なコアコンポーネントの一覧を以下に示します。各コンポーネントは、該当する編集ダイアログやデザインダイアログの機能を詳しく説明したページにリンクされています。
コアコンポーネントの現在のバージョンには、次のコンポーネントが含まれています。
個々のコアコンポーネントの一部のバージョンは、特定のバージョンの AEM とのみ互換性があります。
互換性の情報については、特定のコンポーネントに対する個々のヘルプページ(前の一覧にリンクされています)を参照するか、 コアコンポーネントバージョン ドキュメントで詳細を確認してください。
インスタンスによっては、要件に合わせて明示的に開発されたカスタマイズコンポーネントが存在する場合があります。これらは、ここで説明するいくつかのコンポーネントと同じ名前の場合があります。 フォームコアコンポーネントは、AEM Forms とは関係ありません。

開発者リソース

コアコンポーネントに関する技術情報については、開発者向けのドキュメントである コアコンポーネントの開発 を参照してください。