コンポーネントの概要

このページでは、ページオーサリングで使用されるコンポーネントなど、Adobe Experience Manager（AEM）のコンポーネントの概要を示します。

コンポーネントとは

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

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

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

各 AEM コンポーネント：

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

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

AEM には、次のような包括的な機能を提供する、](/docs/experience-manager-65/sites-authoring/default-components.html?lang=ja)すぐに使用できる様々なコンポーネント[が付属しています。

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

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

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

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

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

基盤コンポーネント​は、多くのバージョンの AEM で使用でき、標準 AEM インストールでそのまま使用できます。引き続きサポートされていますが、従来のテクノロジーに基づいており、多くの機能が非推奨になっているほか、今後は機能強化が行われません。

メモ

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

AEM 最新化ツールが、コアコンポーネントへの移行に役立ちます。

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

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

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

  1. CRXDE Lite で、ツールバーから「ツール」を選択し、「クエリ」を選択して、「クエリ」タブを開きます。

  2. 「クエリ」タブで、「タイプ」として「XPath」を選択します。

  3. 「クエリ」入力フィールドに次の文字列を入力します。

    //element(*, cq:Component)

  4. 「実行」をクリックするとコンポーネントがリストされます。

その他のリソース

上述のコンポーネント（およびその他のコンポーネント）の開発について詳しくは、以下のページを参照してください。

このページ