サイトを作成 create-site

クイックサイト作成の一環として、AEM の Adobe Experience Manager のサイト作成ウィザードを使用して、新しい eb サイトを生成します。 アドビが提供する標準サイトテンプレートは、新しいサイトの出発点として使用されます。

前提条件 prerequisites

この章の手順は、Adobe Experience Manager as a Cloud Service 環境で実行します。 AEM 環境への管理者アクセス権があることを確認します。 このチュートリアルを完了するときは、サンドボックスプログラム開発環境を使用することをお勧めします。

実稼動プログラム環境は、このチュートリアルでも使用できます。ただし、このチュートリアルではコンテンツとコードをターゲット AEM 環境にデプロイするので、このチュートリアルのアクティビティがターゲット環境で実行される作業に影響を与えないようにする必要があります。

AEM SDK は、このチュートリアルの一部で使用できます。 Cloud Manager のフロントエンドパイプラインを使用したテーマのデプロイなど、クラウドサービスに依存するこのチュートリアルの要素は、AEM SDK では実行できません。

詳細については、オンボーディングドキュメントを確認してください。

目的 objective

  1. サイト作成ウィザードを使用して新しいサイトを生成する方法を説明します。
  2. サイトテンプレートの役割を理解します。
  3. 生成された AEM サイトを参照します。

Adobe Experience Manager オーサーにログインします。 author

最初の手順として、AEM as a Cloud Service 環境にログインします。 AEM 環境は、オーサーサービス​と​ パブリッシュサービス ​に分かれています。

  • オーサーサービス - サイトコンテンツが作成、管理、更新される場所です。 通常、内部ユーザーのみが​ オーサーサービス ​にアクセスでき、ログイン画面の背後にあります。
  • パブリッシュサービス - ライブ web サイトをホストします。 これは、エンドユーザーに表示されるサービスで、通常は一般に利用可能です。

チュートリアルの大部分は、オーサーサービス​を使用して行われます。

  1. Adobe Experience Cloud https://experience.adobe.com/jp/ に移動します。 個人用アカウント、または会社/学校のアカウントを使用してログインします。

  2. メニューで正しい組織が選択されていることを確認し、Experience Manager をクリックします。

    Experience Cloud ホーム

  3. Cloud Manager の下で、Launch をクリックします。

  4. 使用するプログラムの上にマウスポインターを置き、Cloud Manager プログラム​アイコンをクリックします。

    Cloud Manager プログラムアイコン

  5. 上部のメニューで​ 環境 ​をクリックして、プロビジョニングされた環境を表示します。

  6. 使用する環境を見つけて、オーサー URL をクリックします。

    開発者にアクセス

    note
    NOTE
    このチュートリアルでは、開発​環境を使用することをお勧めします。
  7. AEM オーサーサービス​に対して新しいタブが起動されます。 アドビでログイン​をクリックすると、同じ Experience Cloud 資格情報で自動的にログインされます。

  8. リダイレクトされて認証された後に、AEM の開始画面が表示されます。

    AEM 起動画面

NOTE
Experience Manager にアクセスできない場合 オンボーディングドキュメント を確認します。

基本サイトテンプレートをダウンロードします。

サイトテンプレートは、新しいサイトの出発点となります。 サイトテンプレートには、いくつかの基本的なテーマ、ページテンプレート、設定、サンプルコンテンツが含まれています。 サイトテンプレートに含まれる内容は、開発者が自由に使用できます。 アドビが提供する​ 基本サイトテンプレート ​を使用して、新しい実装を迅速に行うことができます。

  1. 新しいブラウザータブを開き、GitHub の基本サイトテンプレートプロジェクト(https://github.com/adobe/aem-site-template-standard)に移動します。 このプロジェクトはオープンソースで、誰でも使用できるようにライセンスされています。

  2. Releases をクリックして、latest release に移動します。

  3. Assets ドロップダウンを展開し、テンプレートの zip ファイルをダウンロードします。

    基本サイトテンプレート Zip

    この zip ファイルは、次の演習で使用します。

    note
    NOTE
    このチュートリアルは、基本サイトテンプレートのバージョン 1.1.0 を使用して記述されています。 実稼動用に新しいプロジェクトを開始する場合は、常に最新バージョンを使用することをお勧めします。

新しいサイトを作成します。

次に、前の演習のサイトテンプレートを使用して新しいサイトを生成します。

  1. AEM 環境に戻ります。 AEM 開始画面から Sites に移動します。

  2. 右上隅で、作成サイト(テンプレート)​をクリックします。 サイト作成ウィザード が表示されます。

  3. サイトテンプレートを選択​で、「読み込み」ボタンをクリックします。

    前の演習でダウンロードした .zip​テンプレートファイルをアップロードします。

  4. 基本 AEM サイトテンプレート​を選択して、「次へ」をクリックします。

    サイトテンプレートを選択

  5. サイトの詳細サイトのタイトル で、WKND Site を入力します。

    実際の実装では、「WKND Site」は会社または組織のブランド名に置き換えられます。 このチュートリアルでは、架空のライフスタイルブランド「WKND」サイトを作成するシミュレーションを行います。

  6. サイト名​で、wknd を入力します。

    サイトテンプレートの詳細

    note
    NOTE
    共有 AEM 環境を使用する場合、サイト名​に一意の ID を追加します。 例えば、wknd-site-johndoe です。 これにより、衝突を起こさずに複数のユーザーが同じチュートリアルを完了することができます。
  7. 作成」をクリックしてサイトを生成します。 AEM が web サイトの作成を完了したら、成功​ダイアログで「完了」をクリックします。

新しいサイトを参照

  1. AEM Sites コンソールに移動します(まだ移動していない場合)。

  2. 新しい WKND サイト​が生成されました。 多言語階層のサイト構造が含まれます。

  3. 英語ホーム​ページを開き、ページを選択し、メニューバーの「編集」ボタンをクリックします。

    WKND サイト階層

  4. スターターコンテンツは既に作成されており、ページに追加できるコンポーネントがいくつかあります。 これらのコンポーネントを使用してみることで、機能について大まかに把握できます。 次の章では、コンポーネントの基本について説明します。

    ホームページを開始

    サイトテンプレートから提供されるサンプルコンテンツ

おめでとうございます。 congratulations

これで、最初の AEM サイトが作成されました。

次の手順 next-steps

Adobe Experience Manager(AEM)のページエディターを使用して、コンテンツのオーサリングと公開の章でサイトのコンテンツを更新します。 コンテンツを更新するためにアトミックコンポーネントを設定する方法を説明します。 AEM オーサー環境とパブリッシュ環境の違いを理解し、ライブサイトに更新を公開する方法を学びます。

recommendation-more-help
experience-manager-learn-help-getting-started-wknd-tutorial-develop