ドキュメントAEMAEM チュートリアルAEM Sites WKND チュートリアル

AEM Sites の基本を学ぶ - プロジェクトアーキタイプ

最終更新日: 2025年6月12日
  • 適用対象:
  • Experience Manager 6.5
  • Experience Manager as a Cloud Service
  • トピック:
  • コアコンポーネント
  • 編集可能なテンプレート
  • AEM プロジェクトアーキタイプ

作成対象:

  • 初心者
  • 開発者
ヒント
AEMのEdge Delivery Servicesを検討しましたか?
既存のプロジェクトには、このドキュメントで説明した方法を引き続き使用できます。 Adobeただし、新規プロジェクトの場合は、Edge Delivery Services. を利用することをお勧めします

これは、Adobe Experience Manager(AEM)を初めて使用する開発者向けに設計された、複数のパートから成るチュートリアルです。このチュートリアルでは、架空のライフスタイルブランド WKND の AEM サイトの実装について順を追って説明します。

このチュートリアルでは、まず AEM プロジェクトアーキタイプを使用して、新しいプロジェクトを生成します。

このチュートリアルは AEM as a Cloud Service で動作するように設計されており、AEM 6.5.14 以降 ​と下位互換性があります。サイトの実装には、以下を使用します。

  • Maven AEM プロジェクトアーキタイプ
  • コアコンポーネント
  • HTL
  • Sling Model
  • 編集可能なテンプレート
  • スタイルシステム

チュートリアルの各パートの推定所要時間は 1~2 時間です。

ローカル開発環境

このチュートリアルを完了するには、ローカル開発環境が必要です。スクリーンショットとビデオは、Visual Studio Code を IDE とする、macOS 環境で動作する AEM as a Cloud Service SDK を使用してキャプチャしています。コマンドとコードは、特に明記されていない限り、ローカルオペレーティングシステムから独立している必要があります。

必要なソフトウェア

以下をローカルにインストールしておく必要があります。

  • ローカル AEM オーサー ​インスタンス(Cloud Service SDK または 6.5.14 以降)
  • Java™ 11
  • Apache Maven(3.3.9 以降)
  • Node.js(LTS - 長期サポート)
  • npm 6 以降
  • Git
  • Visual Studio Code または同等の IDE
    • VSCode AEM Sync - チュートリアル全体を通して使用するツール
メモ
AEM as a Cloud Service を初めて使用する場合は、AEM as a Cloud Service SDK を使用してローカル開発環境をセットアップするためのガイドを確認してください。
AEM 6.5 を初めて使用する場合は、ローカル開発環境のセットアップについてのガイドを参照してください。

GitHub

このチュートリアルのコードは、AEM ガイドリポジトリの GitHub にあります。

GitHub:WKND サイトプロジェクト

さらに、チュートリアルの各パートは、GitHub に独自のブランチを持っています。ユーザーは、前のパートに対応するブランチをチェックするだけで、どこからでもチュートリアルを開始できます。

次の手順

すぐに取りかかりましょう。プロジェクトのセットアップの章に移動してチュートリアルを開始し、AEM プロジェクトアーキタイプを使用して新しい Adobe Experience Manager プロジェクトを生成する方法について学びます。

recommendation-more-help
b2a561c1-47c0-4182-b8c1-757a197484f9