AEM CIF オーサリングの概要 getting-started
Adobe Experience Manager（AEM）CIF オーサリングについて説明します。
これまでの説明内容 story-so-far
このAEM コンテンツとCommerce ジャーニーの前のドキュメント「AEM コンテンツとCommerceについて説明します。」では、ヘッドレス CMSとAEM コンテンツおよびCommerceの基本理論と概念について説明しました。
この記事は、これらの基本事項に基づいて作成されています。
目的 objective
このドキュメントでは、Content and Commerce 特有のオーサリングに CIF を使用する方法を確認します。読み終えると、次のことができるようになります。
- AEM のページエディターを使用した CIF オーサリングの概念を理解する
- 製品およびカテゴリの選択機能を使用して AEM の製品カタログデータにアクセスする方法
- 製品コックピットおよび AEM オムニサーチを使用して Content and Commerce のデータにアクセスする方法
AEM ページエディターでの CIF オーサリング cif-authoring
CIF は、コンテキストを離れずにリアルタイムの製品データにアクセスできる機能を備えた AEM のページエディターを拡張します。
サイドパネルを開き、ドロップダウンリストから「製品」を選択します。
商品カタログを参照するか、全文検索フィールドを使用して商品を検索できます。
製品は、製品ティーザーコンポーネントを自動的に作成するページ上に、製品ドロップをサポートするコンポーネント（製品ティーザー、製品カルーセルなど）に直接ドロップできます。
製品およびカテゴリの選択 pickers
AEM 作成者は、コマースコンポーネントや AEM のバックオフィスダイアログで製品およびカテゴリデータが必要な場合、UI 要素であるピッカーを使用して、製品カタログデータを快適に検索して選択できます。
製品ピッカー product-picker
フォルダーアイコンをクリックすると、ピッカーモーダル UI （製品ティーザーなど）が開きます。
製品は、左側のカタログ構造を参照するか、検索して見つけることができます。フルテキスト検索では、選択したカテゴリが尊重され、検索結果がこのカテゴリに限定されます。
バリエーションのある商品には、フォルダーアイコンが表示されます。このアイコンをクリックすると、すべてのバリエーションを表示できます。
カテゴリピッカー category-picker
製品ピッカーのように機能します。 フォルダーアイコンをクリックすると、ピッカーモーダル UI （カテゴリーカルーセルなど）が開きます。
左側のカタログ構造を参照し、カテゴリを選択します。
製品コックピット cockpit
製品コックピットは、エンリッチメントされたコンテンツを含む製品カタログにすばやくアクセスするための中心的な場所です。次のモジュールの 1 つで、製品データをコンテンツでエンリッチメントする方法を学習します。ここでは、製品データへのアクセスに焦点を当てます。
メインメニューから、「commerce」をクリックして、添付されているすべての製品カタログのリストを表示します。
接続されているすべての製品カタログのリストが表示されます。
製品カタログでは、すべての第 1 レベルのカテゴリを、すべての製品とともにデフォルトで表示します。カテゴリをクリックすると、そのカテゴリが開き、そのカテゴリの製品を含むすべての関連製品とサブカテゴリが表示されます。
プロパティアイコンをクリックして、製品プロパティを開くことができます。製品タイルの上にマウスポインターを置くと、アイコンが表示されます。
接続されたバックエンドからデータがリアルタイムで読み込まれるので、すべての製品プロパティは読み取り専用です。製品プロパティの変更は、レコードがあるシステムであるバックエンドシステムで行う必要があります。「バリアント」タブは、製品にバリエーションがある場合にのみ表示されます。タブをクリックすると、すべてのバリエーションとその属性が表示されます。
残りのタブには、製品に関連付けられているすべての AEM コンテンツが表示されます。これらのタブについて詳しくは、次のモジュールの 1 つで説明します。
AEM オムニサーチ omnisearch
オムニサーチを使用すると、全文検索を使用して AEM コンテンツを簡単に見つけることができます。CIFでは、関連するAEM コンテンツを使用して、商品カタログのフルテキスト検索をオムニサーチに拡張しています。
オムニサーチは、コマースバックエンドで全文検索を実行し、関連するすべての製品を検索します。結果は、すべての製品を表示に一覧表示されます。オムニサーチでは、検索した製品に関連付けられたコンテンツを AEM で検索します。結果は、それぞれの AEM カテゴリに表示されます。この例では、1 つのコンテンツフラグメントが製品に関連付けられています。
次の手順 what-is-next
これで、ジャーニーのこのステップが完了しました。次のことを行う必要があります。
- ページエディターを使用した CIF オーサリングの概念を理解する
- 製品およびカテゴリの選択機能を使用して AEM の製品カタログにアクセスする方法
- 製品コックピットおよび AEM オムニサーチを使用して Content and Commerce のデータにアクセスする方法
この知識を基に構築し、次にドキュメント 製品カタログページとテンプレートの管理を確認して、最初の製品カタログエクスペリエンスの構築とカスタマイズ方法を学び、ジャーニーを続けてください。
その他のリソース additional-resources
ジャーニーの次の部分（製品カタログページとテンプレートの管理）に進むことをお勧めします。次に、ここで取り上げたいくつかの概念について詳しく説明するオプションのリソースを示します。 ただし、これらのオプションのリソースは、ジャーニーを続行するために必要なものではありません。