コンポーネントの概要 components-overview

CAUTION
AEM 6.4 の拡張サポートは終了し、このドキュメントは更新されなくなりました。 詳細は、 技術サポート期間. サポートされているバージョンを見つける ここ.

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

コンポーネントとは what-exactly-is-a-component

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

コンポーネントはモジュラーなので、次のことが可能です。

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

各 AEM コンポーネント:

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

AEM内の標準コンポーネント out-of-the-box-components-within-aem

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

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

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

コアコンポーネントと基盤コンポーネント core-components-and-foundation-components

次の 2 つのAdobe提供AEMコンポーネントセットを使用できます。

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

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

NOTE
コアコンポーネントは、コンポーネントデザインおよび開発の現在のベストプラクティスを示し、リファレンス実装として提供されます。
AEM 最新化ツールが、コアコンポーネントへの移行に役立ちます。

利用可能なコンポーネントの表示 viewing-available-components

AEMインスタンスで使用可能なすべてのコンポーネントの概要については、 コンポーネントコンソール.

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

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

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

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

    //element(*, cq:Component)

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

その他のリソース further-reading

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

recommendation-more-help
2315f3f5-cb4a-4530-9999-30c8319c520e