このページでは、ページオーサリングで使用されるコンポーネントなど、Adobe Experience Manager(AEM)のコンポーネントの概要を示します。次のページには、これら(およびその他)のコンポーネントの開発に関する詳細情報が記載されています。
コンポーネント:
- 特定の機能を実現し、Web サイトにコンテンツを提供するためのモジュールユニットです。
- 再利用が可能です。
- リポジトリの 1 つのフォルダー内の自己完結型ユニットとして開発されます。
- 非表示の設定ファイルを持ちません。
- 他のコンポーネントを組み込むことができます。
- AEM システム内であれば、どの場所でも実行できます。特定のコンポーネントにおいてのみ実行できるようにすることもできます。
- 標準化されたユーザーインターフェイスがあります。
- 設定可能な編集動作があります。
- タッチ対応 UI、クラシック UI または両方で使用できます。
- サブ要素(タッチ対応 UI では Granite UI コンポーネント、クラシック UI では ExtJS で実装されたウィジェット)を使用して構築したダイアログを使用します。
- HTL(推奨)または JSP を使用して開発できます。
- デフォルトの機能を拡張するカスタマイズされたコンポーネントを作成するために開発できます。
コンポーネントはモジュールなので、次のことができます。
- ローカルインスタンスで新しいコンポーネントを開発する。
- これをテスト環境にデプロイする。
- ライブオーサリング環境にデプロイする。そこで、作成者や管理者のコンテンツの追加および設定を許可します。
- ライブパブリッシュ環境にデプロイする。Web サイトへの訪問者用にコンテンツをレンダリングするために使用します。また、特定のコンポーネント(コミュニティ用など)がユーザーからの入力を受け入れます。
AEM には、次のような包括的な機能を提供する、すぐに使用できる様々なコンポーネントが付属しています。
- 段落システム(parsys)
- ページ(responsivegrid - タッチ対応 UI のみ)
- テキスト
- 画像(説明テキスト付き)
- ツールバー
提供されるサンプル We.Retail Web サイト内で提供されるコンポーネントおよびそれらの使用方法は、コンポーネントの実装および使用方法の例です。コンポーネントは、すべてのソースコードと共に提供されており、そのまま使用することも、コンポーネントを変更または拡張する出発点として使用することもできます。
アドビが提供する AEM コンポーネントには 2 つのセットがあります。
コアコンポーネントは、AEM 6.3 で導入され、柔軟で豊富なオーサリング機能を提供します。We.Retail 参照サイトでは、コアコンポーネントがどのように使用できるかや、コンポーネント開発の現在のベストプラクティスについて説明しています。
基盤コンポーネントは、多くのバージョンの AEM で使用でき、標準 AEM インストールでそのまま使用できます。依然としてサポートされていますが、従来のテクノロジーに基づいており、機能強化はおこなわれません。
注意:
コアコンポーネントは、コンポーネントデザインおよび開発の現在のベストプラクティスを示し、リファレンス実装として提供されます。
AEM インスタンスで利用可能なすべてのコンポーネントの概要を確認するには、コンポーネントコンソールを使用します。