コアコンポーネントの概要 core-components-introduction

Adobe Experience Manager では、コンポーネントは、オーサリングするページのコンテンツを構成する構造要素です。コンポーネントは常に AEM エクスペリエンスの基本要素となってきました。作成者はコンポーネントを使用することで単純かつ強力にページを作成し、開発者は柔軟かつ拡張可能なコンポーネントを開発できます。

コアコンポーネントは、AEM で Web サイトの開発時間を短縮しメンテナンスコストを削減するための、標準化された Web コンテンツ管理(WCM)コンポーネントのセットです。

リソース resources

機能 features

本番で使用可能
コアコンポーネントは 30 個の堅牢な WCM コンポーネントで、十分にテストされ、広く使用されており、パフォーマンスが優れています。
クラウド対応
AEM as a Cloud ServiceAdobe Managed Services、オンプレミスのどれでも動作します。
用途が広い
コンポーネントは、ほぼあらゆるレイアウトの作成に作成者が使用できる汎用的な概念を表します。
設定可能
ページ作成者が使用できる機能と使用できない機能をテンプレートレベルのコンテンツポリシーで定義します。
レスポンシブ
すべてのコアコンポーネントは完全にレスポンシブに動作するように設計されており、デバイス間でのシームレスなエクスペリエンスを実現します。
追跡可能
Adobe Client Data Layer との統合により、訪問者エクスペリエンスのあらゆる側面を追跡できます。
高いアクセシビリティ
WCAG 2.1 標準に準拠し、ARIA ラベルを提供し、キーボードナビゲーションをサポートします(既知の問題を参照)。
SEO 対応
HTML 出力はセマンティックであり、schema.org マイクロデータ注釈を提供します。
Web アプリ対応
効率化された JSON 出力によりクライアント側でのレンダリングが可能になる一方、コンテキスト内編集も依然として可能です。
AMP のサポート
コンポーネントには、AMP 標準に対する組み込みのサポートがあり、モバイルエクスペリエンスの高速化に役立ちます。
デザインキット
Adobe XD 用 UI キットを使用すると、デザイナーはワイヤフレームを作成したあと、必要に応じてスタイルを設定できます。
テーマ適用可能
コンポーネントはスタイルシステムを実装し、マークアップは BEM CSS の命名規則に従っています。
カスタマイズ可能
いくつかのパターンが用意されているので、HTML の調整から高度な機能の再利用まで、カスタマイズが容易になっています。
バージョン管理
バージョン管理ポリシーが設定されているので、影響を受ける可能性のある改善の際にも、コアコンポーネントが原因でサイトが機能しなくなることはありません。
ローカライズ可能
スマートリファレンス解決機能により、特定のコンポーネントが対応するローカライズされたコンテンツを自動的に検索してレンダリングできます。
オープンソース
何か問題がある場合は、改善案を寄稿できます。

WCM コンポーネント the-wcm-components

コアコンポーネントの現在のバージョンには、次のコンポーネントが含まれています。

テンプレートコンポーネント template-components

ページオーサリングコンポーネント page-authoring-components

コンテナコンポーネント container-components

フォームコンポーネント form-components

NOTE
コアコンポーネントは、作成者がすぐに使用できるわけではありません。最初に開発チームがお使いの環境に統合する必要があります。統合されると、テンプレートエディターで使用できるようになり、事前設定されます。
NOTE
個別コアコンポーネントの一部のバージョンは、特定のバージョンの AEM とのみ互換性があります。
互換性の情報については、特定のコンポーネントに対する個々のヘルプページ(前の一覧にリンクされています)を参照するか、コアコンポーネントバージョンドキュメントで詳細を確認してください。

システム要件 system-requirements

コアコンポーネントリリース
AEM as a Cloud Service
AEM 6.5 パッチレベル
Java SE バージョン
Maven バージョン
2.27.0
継続的
6.5.21.0+
8、11
3.3.9 以上

以前のコアコンポーネントリリースの要件については、コアコンポーネントのバージョンを参照してください。

コアコンポーネントでは、編集可能なテンプレートを使用する必要があり、クラシック UI や静的テンプレートはサポートされていません。必要に応じて、AEM 最新化ツールを使用して、これらの最新の AEM 機能をプロジェクトに反映します。

ローカルの開発環境を設定するには、AEM as a Cloud Service SDK の場合はこの概要を、旧バージョンの AEM の場合は本ドキュメントを、それぞれ参照してください。

TIP
コアコンポーネントは自動的に AEM as a Cloud Service に含まれ、常にコアコンポーネントの最新リリースが使用可能になっています。
AEM as a Cloud Service と AEM オンプレミスの両方でコアコンポーネントの使用を開始する方法について詳しくは、コアコンポーネントの使用を参照してください。

その他のコンポーネント other-components

AEM 作成者が使用できる追加のコンポーネントがあり、コアコンポーネント上に構築されています。

  • メールコアコンポーネント - コアコンポーネントの上に構築され、特に Adobe Campaign で使用するためのコンポーネントを検出します。
recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c