コアコンポーネントの概要
- トピック:
- コアコンポーネント
作成対象:
- 開発者
- 管理者
- ユーザー
Adobe Experience Manager では、コンポーネントは、オーサリングするページのコンテンツを構成する構造要素です。コンポーネントは常に AEM エクスペリエンスの基本要素となってきました。作成者はコンポーネントを使用することで単純かつ強力にページを作成し、開発者は柔軟かつ拡張可能なコンポーネントを開発できます。
コアコンポーネントは、AEM で Web サイトの開発時間を短縮しメンテナンスコストを削減するための、標準化された Web コンテンツ管理(WCM)コンポーネントのセットです。
リソース
-
コンポーネントライブラリ: コンポーネントを様々な設定で表示する例を集めたものです。
-
コンポーネントのドキュメント(本ドキュメント): 開発者および作成者向けに、各コンポーネントの詳細を説明しています。
-
コアコンポーネント GitHub リポジトリ: 開発者向けに、各コンポーネントおよびプロジェクトのダウンロードの詳細を説明しています。
-
入門ガイド:
- コアコンポーネントを利用したプロジェクトの成功への道筋: コアコンポーネントを使用するプロジェクトを開始する前に十分考慮すべきガイドラインです。
- WKND チュートリアル: 新しいサイトの構築に関する 2 日間のチュートリアルです。
- Adobe Summit のチュートリアル: 新しいサイトの構築に関する 2 時間のチュートリアルです(US Summit 2019 のラボの内容)。
- Gems Web セミナー: コアコンポーネントのガイドツアー(2018年12月に録画)。
機能
本番で使用可能 | コアコンポーネントは 30 個の堅牢な WCM コンポーネントで、十分にテストされ、広く使用されており、パフォーマンスが優れています。 |
クラウド対応 | AEM as a Cloud Service、Adobe 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 コンポーネント
コアコンポーネントの現在のバージョンには、次のコンポーネントが含まれています。
テンプレートコンポーネント
ページオーサリングコンポーネント
コンテナコンポーネント
フォームコンポーネント
システム要件
以前のコアコンポーネントリリースの要件については、コアコンポーネントのバージョンを参照してください。
コアコンポーネントでは、編集可能なテンプレートを使用する必要があり、クラシック UI や静的テンプレートはサポートされていません。必要に応じて、AEM 最新化ツールを使用して、これらの最新の AEM 機能をプロジェクトに反映します。
ローカルの開発環境を設定するには、AEM as a Cloud Service SDK の場合はこの概要を、旧バージョンの AEM の場合は本ドキュメントを、それぞれ参照してください。
その他のコンポーネント
AEM 作成者が使用できる追加のコンポーネントがあり、コアコンポーネント上に構築されています。
- メールコアコンポーネント - コアコンポーネントの上に構築され、特に Adobe Campaign で使用するためのコンポーネントを検出します。