開発者向けAdobe Commerceの概要

Docker を使用したローカル設定を含め、Adobe Commerce を始める方法について説明します。新規開発者にバックエンド開発タスクを紹介します。ページビルダーを使用したフロントエンド開発の基礎と、製品ページなどのページに JavaScript を含む新しいモジュールを作成する方法について説明します。

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

モジュールの作成

モジュールの作成

PSR ロガーに記録するモジュールを作成します

318

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

{ "description": "PSR ロガーに記録するモジュールを作成します", "duration": "PT0H5M18S", "embedUrl": "https://video.tv.adobe.com/v/3412454/", "name": "モジュールの作成", "thumbnailUrl": [ "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/2d99f329-7a07-4015-8520-29ef5102cb38/d8588414ba3b42b58cb999fde5c59e8f_1671202742-100x56.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/2d99f329-7a07-4015-8520-29ef5102cb38/d8588414ba3b42b58cb999fde5c59e8f_1671202743-150x85.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/2d99f329-7a07-4015-8520-29ef5102cb38/d8588414ba3b42b58cb999fde5c59e8f_1671202743-200x113.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/2d99f329-7a07-4015-8520-29ef5102cb38/d8588414ba3b42b58cb999fde5c59e8f_1671202743-220x124.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/2d99f329-7a07-4015-8520-29ef5102cb38/d8588414ba3b42b58cb999fde5c59e8f_1671202743-236x133.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/2d99f329-7a07-4015-8520-29ef5102cb38/d8588414ba3b42b58cb999fde5c59e8f_1671202743-290x163.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/2d99f329-7a07-4015-8520-29ef5102cb38/d8588414ba3b42b58cb999fde5c59e8f_1671202743-420x236.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/2d99f329-7a07-4015-8520-29ef5102cb38/d8588414ba3b42b58cb999fde5c59e8f_1671202743-640x360.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/2d99f329-7a07-4015-8520-29ef5102cb38/d8588414ba3b42b58cb999fde5c59e8f_1671202744-1920x1080.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/2d99f329-7a07-4015-8520-29ef5102cb38/d8588414ba3b42b58cb999fde5c59e8f_1671202744-666x375.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/2d99f329-7a07-4015-8520-29ef5102cb38/d8588414ba3b42b58cb999fde5c59e8f_1671202744-720x405.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/2d99f329-7a07-4015-8520-29ef5102cb38/d8588414ba3b42b58cb999fde5c59e8f_1671202744-960x540.jpg" ], "@type": [ "VideoObject", "LearningResource" ], "uploadDate": "2022-12-16T14:52:50Z", "hasPart": [], "educationLevel": [ "Beginner", "Intermediate" ], "learningResourceType": "モジュールの作成" }

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

概要 Page Builder

概要 Page Builder

Adobe CommerceとMagento Open Sourceでコンテンツを簡単に作成するための Page Builder ツールについて説明します。

282

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

{ "description": "Adobe CommerceとMagento Open Sourceでコンテンツを簡単に作成するための Page Builder ツールについて説明します。", "duration": "PT0H4M42S", "embedUrl": "https://video.tv.adobe.com/v/343781/", "name": "概要 Page Builder", "thumbnailUrl": [ "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/f0c0e26b-3e09-495f-a05c-cce5b7c81029/547cc69f7b9443ceafd8188ccc6fffa5_1655154017-100x56.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/f0c0e26b-3e09-495f-a05c-cce5b7c81029/547cc69f7b9443ceafd8188ccc6fffa5_1655154018-150x84.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/f0c0e26b-3e09-495f-a05c-cce5b7c81029/547cc69f7b9443ceafd8188ccc6fffa5_1655154019-200x113.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/f0c0e26b-3e09-495f-a05c-cce5b7c81029/547cc69f7b9443ceafd8188ccc6fffa5_1655154020-220x124.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/f0c0e26b-3e09-495f-a05c-cce5b7c81029/547cc69f7b9443ceafd8188ccc6fffa5_1655154021-236x133.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/f0c0e26b-3e09-495f-a05c-cce5b7c81029/547cc69f7b9443ceafd8188ccc6fffa5_1655154022-290x186.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/f0c0e26b-3e09-495f-a05c-cce5b7c81029/547cc69f7b9443ceafd8188ccc6fffa5_1655154024-420x236.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/f0c0e26b-3e09-495f-a05c-cce5b7c81029/547cc69f7b9443ceafd8188ccc6fffa5_1655154025-640x360.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/f0c0e26b-3e09-495f-a05c-cce5b7c81029/547cc69f7b9443ceafd8188ccc6fffa5_1655154026-666x374.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/f0c0e26b-3e09-495f-a05c-cce5b7c81029/547cc69f7b9443ceafd8188ccc6fffa5_1655154027-720x405.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/f0c0e26b-3e09-495f-a05c-cce5b7c81029/547cc69f7b9443ceafd8188ccc6fffa5_1655154027-960x540.jpg", "https://images-tv.adobe.com/mpcv3/f5cac27d-a0ca-474d-8f8b-926942d37b45/f0c0e26b-3e09-495f-a05c-cce5b7c81029/547cc69f7b9443ceafd8188ccc6fffa5_1655154029-1920x1080.jpg" ], "@type": [ "VideoObject", "LearningResource" ], "uploadDate": "2022-06-13T20:57:12Z", "hasPart": [], "educationLevel": [ "Beginner", "Intermediate" ], "learningResourceType": "概要 Page Builder" }

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

新しいページを作成

新しいページを作成

1 つのパラメーターで json を返すページを作成します。

238

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

{ "description": "1 つのパラメーターで json を返すページを作成します。", "duration": "PT0H3M58S", "embedUrl": "https://video.tv.adobe.com/v/35816/", "name": "新しいページを作成", "thumbnailUrl": [ "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015493-100x56.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015493-150x84.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015493-200x113.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015493-220x124.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015493-236x133.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015494-290x186.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015494-420x236.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015494-640x360.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015494-666x374.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015494-720x405.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015495-1920x1080.jpg", "https://images-tv.adobe.com/mpcv3/589c97c5-59c6-4aca-a68f-7d330460a918/47d2e0b6-d4f3-4c3e-a947-8f046e3819b3/6a1fbfd625564bcc87c3d2afb2fa9004_1593015495-960x540.jpg" ], "@type": [ "VideoObject", "LearningResource" ], "uploadDate": "2020-06-24T16:15:37Z", "hasPart": [], "educationLevel": [ "Beginner", "Intermediate" ], "learningResourceType": "新しいページを作成" }

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

JavaScript モジュールを追加

JavaScript モジュールを追加

このビデオでは、「Hello World」という挨拶文を提供するシンプルな JS モジュールを開発するためのウォークスルーを提供します。

241

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

{ "description": "このビデオでは、「Hello World」という挨拶文を提供するシンプルな JS モジュールを開発するためのウォークスルーを提供します。", "duration": "PT0H4M1S", "embedUrl": "https://video.tv.adobe.com/v/35790/", "name": "JavaScript モジュールを追加", "thumbnailUrl": [ "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269269-100x56.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269269-150x85.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269269-200x113.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269270-220x124.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269270-236x133.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269270-290x163.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269270-420x236.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269270-640x360.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269270-666x375.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269271-1920x1080.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269271-720x405.jpg", "https://images-tv.adobe.com/mpcv3/05d7f073-9384-4113-8288-db1579d21388/114ed3e6-13f7-4552-99d0-44d182da4fbc/2630161cc64f4cefabfd244810e428ef_1677269271-960x540.jpg" ], "@type": [ "VideoObject", "LearningResource" ], "uploadDate": "2020-06-24T10:32:46Z", "hasPart": [], "educationLevel": [ "Beginner", "Intermediate" ], "learningResourceType": "JavaScript モジュールを追加" }