アプリのテンプレートとコンポーネント

メモ

アドビは、シングルページアプリケーションフレームワークをベースにしたクライアント側のレンダリング（React など）を必要とするプロジェクトには SPA エディターを使用することをお勧めします。詳細情報を参照してください。

テンプレートはページを作成するための雛形として使用され、選択した範囲内で使用できるコンポーネントを定義します。テンプレートは、そこから作成されるページと同じ構造を持つノードの階層ですが、実際のコンテンツは含みません。

テンプレートごとに、使用可能なコンポーネントが提示されます。

テンプレートはコンポーネントで構成されています。
コンポーネントによって使用され、アクセスが許可されるウィジェットを使用して、コンテンツがレンダリングされます。

メモ

CRXDE Liteを使用したAEMアプリケーションの開発方法については、 CRXDE Lite.

テンプレートはページの基礎です。

ページを作成するには、テンプレート（ノードツリーの /apps/<myapp>/templates/<mytemplate>）をサイトツリーの対応する位置にコピーする必要があります。「Web サイト」タブを使用してページを作成する場合も、この処理が行われます。

このコピー処理により、ページには、初期コンテンツ（通常はトップレベルコンテンツのみ）と sling:resourceType プロパティ、ページのレンダリングに使用するページコンポーネントのパス（子ノード jcr:content に含まれるすべてのもの）ができます。

テンプレートの構造

以下の 2 つの側面について考慮する必要があります。

テンプレート自体の構造
テンプレート使用時に作成されるコンテンツの構造

テンプレートは cq:Template タイプのノードの下に作成されます。

様々なプロパティを設定できます。具体例は以下のとおりです。

jcr:title - テンプレートのタイトル。ページ作成時にダイアログに表示されます。
jcr:description - テンプレートの説明。ページ作成時にダイアログに表示されます。

このノードには、jcr:content（cq:PageContent）ノードが含まれます。jcr:content ノードは、生成されるページのコンテンツノードの基礎として使用されます。このノードは、sling:resourceType を使用して、新しいページの実際のコンテンツのレンダリングに使用されるコンポーネントを参照します。

メモ

AEM におけるテンプレートとコンポーネントの基礎については、以下のリソースを参照してください。

テンプレートとコンポーネントについての基本的な知識が得られたら、次のリソースを参照してください。