現在表示中:

このページでは、ページオーサリングで使用されるコンポーネントなど、Adobe Experience Manager(AEM)のコンポーネントの概要を示します。次のページには、これら(およびその他)のコンポーネントの開発に関する詳細情報が記載されています。

コンポーネントの厳密な定義

コンポーネント:

  • 特定の機能を実現し、Web サイトにコンテンツを提供するためのモジュールユニットです。
  • 再利用が可能です。
  • リポジトリの 1 つのフォルダー内の自己完結型ユニットとして開発されます。
  • 非表示の設定ファイルを持ちません。
  • 他のコンポーネントを組み込むことができます。
  • AEM システム内であれば、どの場所でも実行できます。特定のコンポーネントにおいてのみ実行できるようにすることもできます。
  • 標準化されたユーザーインターフェイスがあります。
  • 設定可能な編集動作があります。
  • タッチ対応 UI、クラシック UI または両方で使用できます。
  • サブ要素(タッチ対応 UI では Granite UI コンポーネント、クラシック UI では ExtJS で実装されたウィジェット)を使用して構築したダイアログを使用します。
  • HTL(推奨)または JSP を使用して開発できます。
  • デフォルトの機能を拡張するカスタマイズされたコンポーネントを作成するために開発できます。

コンポーネントはモジュールなので、次のことができます。

  1. ローカルインスタンスで新しいコンポーネントを開発する。
  2. これをテスト環境にデプロイする。
  3. ライブオーサリング環境にデプロイする。そこで、作成者や管理者のコンテンツの追加および設定を許可します。
  4. ライブパブリッシュ環境にデプロイする。Web サイトへの訪問者用にコンテンツをレンダリングするために使用します。また、特定のコンポーネント(コミュニティ用など)がユーザーからの入力を受け入れます。

各 AEM コンポーネント:

  • リソースタイプです。
  • 特定の機能を完全に実現するスクリプトのコレクションです。
  • 単独で(AEM 内またはポータル内で)機能できます。

AEM 内の既成のコンポーネント

AEM には、次のような包括的な機能を提供する、すぐに使用できる様々なコンポーネントが付属しています。

  • 段落システム(parsys
  • ページ(responsivegrid - タッチ対応 UI のみ)
  • テキスト
  • 画像(説明テキスト付き)
  • ツールバー

提供されるサンプル We.Retail Web サイト内で提供されるコンポーネントおよびそれらの使用方法は、コンポーネントの実装および使用方法の例です。コンポーネントは、すべてのソースコードと共に提供されており、そのまま使用することも、コンポーネントを変更または拡張する出発点として使用することもできます。

コアコンポーネントおよび基盤コンポーネント

アドビが提供する AEM コンポーネントには 2 つのセットがあります。

コアコンポーネントは、AEM 6.3 で導入され、柔軟で豊富なオーサリング機能を提供します。We.Retail 参照サイトでは、コアコンポーネントがどのように使用できるかや、コンポーネント開発の現在のベストプラクティスについて説明しています。

基盤コンポーネントは、多くのバージョンの AEM で使用でき、標準 AEM インストールでそのまま使用できます。依然としてサポートされていますが、従来のテクノロジーに基づいており、機能強化はおこなわれません。

注意:

コアコンポーネントは、コンポーネントデザインおよび開発の現在のベストプラクティスを示し、リファレンス実装として提供されます。

利用可能なコンポーネントの表示

AEM インスタンスで利用可能なすべてのコンポーネントの概要を確認するには、コンポーネントコンソールを使用します。

または、CRXDE Lite を使用して、リポジトリで利用可能なすべてのコンポーネントのリストを取得することもできます。

  1. CRXDE Lite で、ツールバーからツールを選択し、クエリーを選択して、「クエリー」タブを開きます。
  2. クエリー」タブで、「タイプ」として「XPath」を選択します。
  3. クエリー」入力フィールドで、次の文字列を入力します。
       //element(*, cq:Component)
  4. 実行」をクリックするとコンポーネントがリストされます。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー