AEM Sitesでの高度なオーサリング

基礎を学んだら、スキルを発展させましょう。このステップバイステップのガイドでは、Adobe Experience Manager からより多くの価値を実現する方法について説明します。

https://video.tv.adobe.com/v/340445?learn=on

スタイルシステムと AEM Sites の使用

Adobe Experience Manager のスタイルシステムを使用すると、バックエンドの開発をしなくてもコンポーネントの視覚的なバリエーションが可能になり、AEM コンポーネントの再利用性が向上し、より多用途で効率的なコンテンツのオーサリングが可能になります。 スタイルシステムを AEM コアコンポーネント、テンプレートエディター、レスポンシブレイアウトと組み合わせて使用すると、豊富なエクスペリエンスをすばやく作成するための強力な機能が提供されます。

190

https://video.tv.adobe.com/vc/340445/jpn.json

{ "description": "Adobe Experience Manager のスタイルシステムを使用すると、バックエンドの開発をしなくてもコンポーネントの視覚的なバリエーションが可能になり、AEM コンポーネントの再利用性が向上し、より多用途で効率的なコンテンツのオーサリングが可能になります。 スタイルシステムを AEM コアコンポーネント、テンプレートエディター、レスポンシブレイアウトと組み合わせて使用すると、豊富なエクスペリエンスをすばやく作成するための強力な機能が提供されます。", "duration": "PT0H3M10S", "embedUrl": "https://video.tv.adobe.com/v/340445/", "name": "スタイルシステムと AEM Sites の使用", "thumbnailUrl": [ "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/0684de83-6ab2-4bd8-904f-da8b82d867a2/0f67f1e85af243ba87447eee1fa0cdb4_1645118259-100x56.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/0684de83-6ab2-4bd8-904f-da8b82d867a2/0f67f1e85af243ba87447eee1fa0cdb4_1645118259-150x84.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/0684de83-6ab2-4bd8-904f-da8b82d867a2/0f67f1e85af243ba87447eee1fa0cdb4_1645118260-200x113.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/0684de83-6ab2-4bd8-904f-da8b82d867a2/0f67f1e85af243ba87447eee1fa0cdb4_1645118260-220x124.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/0684de83-6ab2-4bd8-904f-da8b82d867a2/0f67f1e85af243ba87447eee1fa0cdb4_1645118260-236x133.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/0684de83-6ab2-4bd8-904f-da8b82d867a2/0f67f1e85af243ba87447eee1fa0cdb4_1645118261-290x186.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/0684de83-6ab2-4bd8-904f-da8b82d867a2/0f67f1e85af243ba87447eee1fa0cdb4_1645118261-420x236.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/0684de83-6ab2-4bd8-904f-da8b82d867a2/0f67f1e85af243ba87447eee1fa0cdb4_1645118262-640x360.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/0684de83-6ab2-4bd8-904f-da8b82d867a2/0f67f1e85af243ba87447eee1fa0cdb4_1645118262-666x374.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/0684de83-6ab2-4bd8-904f-da8b82d867a2/0f67f1e85af243ba87447eee1fa0cdb4_1645118262-720x405.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/0684de83-6ab2-4bd8-904f-da8b82d867a2/0f67f1e85af243ba87447eee1fa0cdb4_1645118263-1920x1080.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/0684de83-6ab2-4bd8-904f-da8b82d867a2/0f67f1e85af243ba87447eee1fa0cdb4_1645118263-960x540.jpg" ], "@type": [ "VideoObject", "LearningResource" ], "uploadDate": "2022-02-17T17:13:42Z", "hasPart": [], "educationLevel": [ "Intermediate" ], "learningResourceType": "スタイルシステムと AEM Sites の使用" }
https://video.tv.adobe.com/v/37169?learn=on

AEM Sites でのレスポンシブレイアウトについて

AEM では、レイアウトコンテナコンポーネントを使用して、ページのレスポンシブレイアウトを作成できます。レスポンシブレイアウトを使用すると、コンテンツ作成者は、各種デバイス向けのレスポンシブコンテンツを作成し、AEM 内でエンドユーザーエクスペリエンスをプレビューできます。

395

https://video.tv.adobe.com/vc/37169/jpn.json

{ "description": "AEM では、レイアウトコンテナコンポーネントを使用して、ページのレスポンシブレイアウトを作成できます。レスポンシブレイアウトを使用すると、コンテンツ作成者は、各種デバイス向けのレスポンシブコンテンツを作成し、AEM 内でエンドユーザーエクスペリエンスをプレビューできます。", "duration": "PT0H6M35S", "embedUrl": "https://video.tv.adobe.com/v/37169/", "name": "AEM Sites でのレスポンシブレイアウトについて", "thumbnailUrl": [ "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/8162ccd6-3db7-4e9b-b57d-fbcf7ca07554/699d314a7941419890144d700aa308e0_1594978124-100x56.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/8162ccd6-3db7-4e9b-b57d-fbcf7ca07554/699d314a7941419890144d700aa308e0_1594978124-150x84.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/8162ccd6-3db7-4e9b-b57d-fbcf7ca07554/699d314a7941419890144d700aa308e0_1594978124-200x113.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/8162ccd6-3db7-4e9b-b57d-fbcf7ca07554/699d314a7941419890144d700aa308e0_1594978125-220x124.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/8162ccd6-3db7-4e9b-b57d-fbcf7ca07554/699d314a7941419890144d700aa308e0_1594978125-236x133.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/8162ccd6-3db7-4e9b-b57d-fbcf7ca07554/699d314a7941419890144d700aa308e0_1594978125-290x186.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/8162ccd6-3db7-4e9b-b57d-fbcf7ca07554/699d314a7941419890144d700aa308e0_1594978125-420x236.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/8162ccd6-3db7-4e9b-b57d-fbcf7ca07554/699d314a7941419890144d700aa308e0_1594978125-640x360.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/8162ccd6-3db7-4e9b-b57d-fbcf7ca07554/699d314a7941419890144d700aa308e0_1594978125-666x374.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/8162ccd6-3db7-4e9b-b57d-fbcf7ca07554/699d314a7941419890144d700aa308e0_1594978126-1920x1080.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/8162ccd6-3db7-4e9b-b57d-fbcf7ca07554/699d314a7941419890144d700aa308e0_1594978126-720x405.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/8162ccd6-3db7-4e9b-b57d-fbcf7ca07554/699d314a7941419890144d700aa308e0_1594978126-960x540.jpg" ], "@type": [ "VideoObject", "LearningResource" ], "uploadDate": "2020-07-17T09:23:26Z", "hasPart": [], "educationLevel": [ "Intermediate" ], "learningResourceType": "AEM Sites でのレスポンシブレイアウトについて" }
https://video.tv.adobe.com/v/3449993?learn=on

Web に最適化された画像配信

AEM コアコンポーネントを使用して、AEM as a Cloud Service のサイトで web に最適化された画像配信を有効にする方法を説明します。

388

https://video.tv.adobe.com/vc/3449993/jpn.json

{ "description": "AEM コアコンポーネントを使用して、AEM as a Cloud Service のサイトで web に最適化された画像配信を有効にする方法を説明します。", "duration": "PT0H6M28S", "embedUrl": "https://video.tv.adobe.com/v/3449993/", "name": "Web に最適化された画像配信", "thumbnailUrl": [ "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/3ff55bad-b3b9-4337-9db7-03f663835d4e/5bbb987318104fbe99016d448a99c856_1741252948-100x56.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/3ff55bad-b3b9-4337-9db7-03f663835d4e/5bbb987318104fbe99016d448a99c856_1741252952-150x85.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/3ff55bad-b3b9-4337-9db7-03f663835d4e/5bbb987318104fbe99016d448a99c856_1741252956-200x113.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/3ff55bad-b3b9-4337-9db7-03f663835d4e/5bbb987318104fbe99016d448a99c856_1741252957-220x124.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/3ff55bad-b3b9-4337-9db7-03f663835d4e/5bbb987318104fbe99016d448a99c856_1741252958-236x133.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/3ff55bad-b3b9-4337-9db7-03f663835d4e/5bbb987318104fbe99016d448a99c856_1741252959-290x163.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/3ff55bad-b3b9-4337-9db7-03f663835d4e/5bbb987318104fbe99016d448a99c856_1741252960-420x236.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/3ff55bad-b3b9-4337-9db7-03f663835d4e/5bbb987318104fbe99016d448a99c856_1741252961-640x360.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/3ff55bad-b3b9-4337-9db7-03f663835d4e/5bbb987318104fbe99016d448a99c856_1741252963-666x375.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/3ff55bad-b3b9-4337-9db7-03f663835d4e/5bbb987318104fbe99016d448a99c856_1741252964-720x405.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/3ff55bad-b3b9-4337-9db7-03f663835d4e/5bbb987318104fbe99016d448a99c856_1741252965-960x540.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/3ff55bad-b3b9-4337-9db7-03f663835d4e/5bbb987318104fbe99016d448a99c856_1741252966-1920x1080.jpg" ], "@type": [ "VideoObject", "LearningResource" ], "uploadDate": "2025-03-06T09:20:22Z", "hasPart": [], "educationLevel": [ "Intermediate" ], "learningResourceType": "Web に最適化された画像配信" }
https://video.tv.adobe.com/v/36792?learn=on

AEM Sites でのページ差分の使用

AEM Sites のページ差分機能では、ページ内で変更されたコンテンツ（バージョン、ライブコピー、ローンチ、言語コピー）を色分けしてすばやく表示できます。

263

https://video.tv.adobe.com/vc/36792/jpn.json

{ "description": "AEM Sites のページ差分機能では、ページ内で変更されたコンテンツ（バージョン、ライブコピー、ローンチ、言語コピー）を色分けしてすばやく表示できます。", "duration": "PT0H4M23S", "embedUrl": "https://video.tv.adobe.com/v/36792/", "name": "AEM Sites でのページ差分の使用", "thumbnailUrl": [ "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/20feafd2-a1e2-47ad-bd9a-b01538d91363/7d4d93374f024ee99ec24d03eab1e52f_1594889760-100x56.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/20feafd2-a1e2-47ad-bd9a-b01538d91363/7d4d93374f024ee99ec24d03eab1e52f_1594889760-150x84.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/20feafd2-a1e2-47ad-bd9a-b01538d91363/7d4d93374f024ee99ec24d03eab1e52f_1594889760-200x113.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/20feafd2-a1e2-47ad-bd9a-b01538d91363/7d4d93374f024ee99ec24d03eab1e52f_1594889760-220x124.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/20feafd2-a1e2-47ad-bd9a-b01538d91363/7d4d93374f024ee99ec24d03eab1e52f_1594889761-236x133.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/20feafd2-a1e2-47ad-bd9a-b01538d91363/7d4d93374f024ee99ec24d03eab1e52f_1594889761-290x186.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/20feafd2-a1e2-47ad-bd9a-b01538d91363/7d4d93374f024ee99ec24d03eab1e52f_1594889761-420x236.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/20feafd2-a1e2-47ad-bd9a-b01538d91363/7d4d93374f024ee99ec24d03eab1e52f_1594889761-640x360.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/20feafd2-a1e2-47ad-bd9a-b01538d91363/7d4d93374f024ee99ec24d03eab1e52f_1594889762-1920x1080.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/20feafd2-a1e2-47ad-bd9a-b01538d91363/7d4d93374f024ee99ec24d03eab1e52f_1594889762-666x374.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/20feafd2-a1e2-47ad-bd9a-b01538d91363/7d4d93374f024ee99ec24d03eab1e52f_1594889762-720x405.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/20feafd2-a1e2-47ad-bd9a-b01538d91363/7d4d93374f024ee99ec24d03eab1e52f_1594889762-960x540.jpg" ], "@type": [ "VideoObject", "LearningResource" ], "uploadDate": "2020-07-16T08:52:13Z", "hasPart": [], "educationLevel": [ "Beginner" ], "learningResourceType": "AEM Sites でのページ差分の使用" }
https://video.tv.adobe.com/v/346840?learn=on

AEM Sites でのローンチの使用方法

AEM Sites のローンチでは、将来のリリース向けにコンテンツを作成してレビューすることができます。

373

https://video.tv.adobe.com/vc/346840/jpn.json

{ "description": "AEM Sites のローンチでは、将来のリリース向けにコンテンツを作成してレビューすることができます。", "duration": "PT0H6M13S", "embedUrl": "https://video.tv.adobe.com/v/346840/", "name": "AEM Sites でのローンチの使用方法", "thumbnailUrl": [ "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/b829e552-65a0-42d5-bd15-a80aade8fbb1/29ddbbc5641146c590e1a6db22505061_1661947099-100x56.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/b829e552-65a0-42d5-bd15-a80aade8fbb1/29ddbbc5641146c590e1a6db22505061_1661947099-150x85.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/b829e552-65a0-42d5-bd15-a80aade8fbb1/29ddbbc5641146c590e1a6db22505061_1661947100-200x113.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/b829e552-65a0-42d5-bd15-a80aade8fbb1/29ddbbc5641146c590e1a6db22505061_1661947100-220x124.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/b829e552-65a0-42d5-bd15-a80aade8fbb1/29ddbbc5641146c590e1a6db22505061_1661947100-236x133.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/b829e552-65a0-42d5-bd15-a80aade8fbb1/29ddbbc5641146c590e1a6db22505061_1661947100-290x163.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/b829e552-65a0-42d5-bd15-a80aade8fbb1/29ddbbc5641146c590e1a6db22505061_1661947100-420x236.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/b829e552-65a0-42d5-bd15-a80aade8fbb1/29ddbbc5641146c590e1a6db22505061_1661947101-640x360.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/b829e552-65a0-42d5-bd15-a80aade8fbb1/29ddbbc5641146c590e1a6db22505061_1661947101-666x375.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/b829e552-65a0-42d5-bd15-a80aade8fbb1/29ddbbc5641146c590e1a6db22505061_1661947101-720x405.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/b829e552-65a0-42d5-bd15-a80aade8fbb1/29ddbbc5641146c590e1a6db22505061_1661947101-960x540.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/b829e552-65a0-42d5-bd15-a80aade8fbb1/29ddbbc5641146c590e1a6db22505061_1661947102-1920x1080.jpg" ], "@type": [ "VideoObject", "LearningResource" ], "uploadDate": "2022-08-31T11:55:01Z", "hasPart": [], "educationLevel": [ "Intermediate", "Experienced" ], "learningResourceType": "AEM Sites でのローンチの使用方法" }