AEM Sitesの基本を学ぶ — WKND チュートリアル

Adobe Experience Manager(AEM) を初めて使用する開発者向けに設計された、複数のパートから成るチュートリアルへようこそ。 このチュートリアルでは、架空のライフスタイルブランドである WKND 向けのAEMサイトの実装について説明します。 このチュートリアルでは、プロジェクトの設定、コアコンポーネント、編集可能テンプレート、クライアント側ライブラリ、Adobe Experience Manager Sitesでのコンポーネント開発など、基本的なトピックについて説明します。

概要

この複数パートから成るチュートリアルは、Adobe Experience Manager(AEM)の最新の標準やテクノロジーを使用して Web サイトを実装するための手順を開発者に教えることを目的としています。このチュートリアルを完了したら、開発者は、プラットフォームの基本的な基盤とAEMの一般的なデザインパターンを理解する必要があります。

Sites プロジェクトを開始するためのオプション

AEM Sitesプロジェクトを開始するには、2 つの基本的な方法があります。

AEM Project Archetype - Maven テンプレートを使用して最小限のAEMプロジェクトを生成する、AEM開発に対する従来のアプローチ。 これは、大量のカスタマイズが予想されるAEM 6.5/6.4 プロジェクトおよびAEMas a Cloud Serviceプロジェクトで推奨されるアプローチです。 このチュートリアルでは、AEMの開発について詳しく説明します。

AEMプロジェクトアーキタイプを使用したチュートリアルの開始

AEM Site Templates — クイックサイト作成とも呼ばれ、事前定義されたサイトテンプレートを使用してAEMサイトを生成する低コードのアプローチです。 すぐに使用できるコンポーネントとテンプレートを使用して、サイトをすぐに使い始めます。 テーマの設定ワークフローを使用して、CSS と JavaScript のみでブランド固有のスタイルとカスタマイズを適用します。 新規プロジェクトおよび開発者に推奨されます。 AEM as a Cloud Serviceでのみ使用できます。

サイトテンプレートを使用してチュートリアルを開始する

Adobe XD UI キット

このチュートリアルを実際のシナリオに近づけるために、Adobeの才能ある UX デザイナーは、 Adobe XD. チュートリアルの過程で、様々なデザインが完全に作成可能なAEMサイトに実装されます。 特別感謝 ロレンツォブオシ および キリアン・アメンドーラ WKND サイト用の美しいデザインを作り上げたのは

XD UI キットをダウンロードします。

参照サイト

WKND サイトの最終バージョンも参照できます。 https://wknd.site/

このチュートリアルでは、AEM開発者に必要な主要な開発スキルについて説明しますが、次の操作をおこないます not エンドツーエンドでサイト全体を構築します。 完成したリファレンスサイトは、すぐに使用できるAEMの機能を参照して確認するためのもう 1 つの優れたリソースです。

このチュートリアルに進む前に最新のコードをテストするには、 GitHub からの最新リリース.

Powered by Adobe Stock

WKND リファレンス Web サイトの画像の多くは、 Adobe Stock とは、 https://www.adobe.com/legal/terms.html. Adobe Stockの画像を、Web サイトやマーケティング資料など、このデモ Web サイトを閲覧した後に、他の目的で使用する場合は、Adobe Stockでライセンスを購入できます。

Adobe Stockでは、写真、グラフィック、ビデオ、テンプレートなど、1 億 4000 万を超える高品質のロイヤリティフリー画像を利用して、クリエイティブなプロジェクトをすぐに開始できます。

次の手順

何を待ってる?!方法を学ぶ AEMプロジェクトアーキタイプを使用して新しいAdobe Experience Managerプロジェクトを生成します または サイトテンプレートを使用してサイトを作成する.

このページ