世界を変える「人」を育てる。IT研修・ビジネス研修ならトレノケート。

mypage マイページ cart カート
コース検索
サイト内検索


ホーム > B2C201 B2C Commerceコンポーザブルストアフロントの開発

B2C201 B2C Commerceコンポーザブルストアフロントの開発


対応チケット/ポイント等

  • New！
    新規コース(過去6ヶ月)
期間  3日間 時間  9:30～16:30
価格(税込)  313,500円(税込) 主催  株式会社セールスフォース・ジャパン
形式  講義＋実機演習 コースコード  NFC0734R
日程 会場 空席状況 実施状況 選択

2026年5月20日(水) ～ 2026年5月22日(金)

SFDC(バーチャルクラス-Zoom)

  お申し込み後確認

※「キャンセル待ち」でお申し込みの方には、別途メールにてご連絡いたします。
※「実施確定」表示のない日程は、お申し込み状況により開催中止になる場合がございます。
※ お申込期日が過ぎた日程は、「お問い合わせください」と表示されます。
※ トレノケート主催コース以外の空席状況は、残席数に関わらず「お申し込み後確認」と表示されます。
※ トレノケート主催コース以外では、主催会社のお席を確保した後に受付確定となります。
お申込みに関するお問い合わせはこちらから

ワンポイントアドバイス

☆ 本コースは、株式会社セールスフォース・ジャパン(Salesforce社)の主催コースです。
本コースにお申込みになる前に、必ず本ページ下部の”ご注意・ご連絡事項”をご確認下さい。
お申込み完了と同時に、下記の「キャンセルポリシー」「受講条件」「受講規約」に同意したものとみなされますのでご注意ください。

【バーチャルクラスとは】
Web 上で開催されるクラスです。
ご受講者様は会社やご自宅のPCからインターネット経由で参加いただきます。演習やテキストの参照もご受講者様のPCで実施いただきます。
以下のFAQ(外部サイト)をご確認のうえ、ご準備お願いいたします。

​【事前のご確認】
あらかじめ以下をご確認をお願い致します。

▶︎ご受講環境のシステム要件
以下の FAQ をご覧になり、Zoom のサポートする OS および ブラウザであることをご確認ください。

▶︎Zoom アプリのインストールと接続
PC でのご受講に際しては、デスクトップクライアント（アプリ）の利用を推奨しております。ご受講予定の PC に Zoom アプリがインストールされていない場合は、事前にインストールを済ませておくことをお勧めいたします。
ダウンロードサイト

▶︎Zoom への接続確認
事前に接続テストの実施をお願いいたします。テスト方法は FAQ の以下のセクションにてご確認ください。

​▶︎推奨する受講環境
ご参加の PC のほかに、外付けモニタもしくは ２台目の PC やタブレットをご用意いただくことを強く推奨いたします。（講師の画面を表示しながら、ご自分の画面で eBook にメモをしたり、演習を行なったりできるため）

​▶︎必要な事前学習
セッションが始まる前にこの事前学習を完了して、Trailhead コースの準備をしてください。

※ご受講前にCRMの基本知識およびSalesforceの概要を学びたい方は、Trailhead（外部サイト：無料オンライン学習リソース）Lightning Experience の CRMのモジュールで学習されることをお勧めします（必須ではありません）。

人材開発支援助成金の申請書類における署名は、主催欄の「訓練の実施機関」が行う必要があります。

本コースにおいてトレノケートは「訓練の実施機関」に該当しないため、申請書類に署名することができません。あらかじめご了承の上、お申し込みくださいますようお願いいたします。

重要なご連絡・ご確認事項

トレーニングのご受講には、Trailblazer アカウント (旧 TBID) の登録が必須です。トレーニングの開始前までに、以下のサイトをご参照の上登録をお済ませください。
Trailhead Academy: Trailblazer アカウント (旧 TBID) に関するヒント

Trailblazer アカウント (旧 TBID)は、お申し込み時に受講者様として登録いただいたメールアドレスで作成をお願いいたします。
既にTrailblazer アカウント (旧 TBID)をご登録されている受講者様は、トレーニングお申込みの際、そのTrailblazer アカウント (旧 TBID)のメールアドレスを受講者様情報としてご登録お願いいたします。

↑ページの先頭へ戻る

対象者情報

対象者
・B2C Commerce Cloud に精通し、レスポンシブなコンポーザブルストアフロントを実装したい開発者
前提条件
□React、Node.js、JavaScript の基礎知識
□以下のソフトウェアを使用するコンピューターにインストールしておく必要があります。
・Node.js v22.14.0 以上 (または最新の 22.x バージョン)
・npm v10 以上 (または Node 22.x に含まれる最新バージョン)
・Postman (ローカルアプリケーション / オンライン 何れも可)
・React Developer Tools (Chrome 拡張ツール)
・Visual Studio Code
詳細は 関連付加情報の　コンピューター設定ガイド　を参照ください。
(対象コースを選択しご確認ください)

学習内容の詳細

コース概要
コンポーザブルストアフロントを作成、設定、拡張し、顧客に高パフォーマンスのショッピング体験を提供する方法を学びます。開発者向けに設計されたこの3日間のコースでは、PWA KitとManaged Runtime（MRT）を使用して、ストアフロントの実装と継続的なメンテナンスを効率化する方法を学びます。ストアフロントの設定が完了したら、コンポーザブルストアフロントソフトウェア開発キット（SDK）を使用して、ストアフロントの機能を統合および拡張する方法を学びます。
学習目標
このトレーニングを完了すると、次のことができるようになります。
● Commerce Cloud でストアフロントを構築するために利用可能な各オプションの機能、利点、および制限事項について説明
● Managed Runtime を設定し、バンドルのプッシュ、デプロイ、およびトラブルシューティングに使用
● PWA Kit を準備して使用し、ストアフロントのコンポーネントを追加、構成、およびスタイル設定
● PWA Kit React SDK を使用して、コンテンツの検索ページと詳細ページを構築、構成、およびデバッグ
● PWA Kit React および Isomorphic SDK の Hook 、イベント、その他の要素を組み込み、Commerce API やその他のソースからのデータをストアフロントに表示
● ハイブリッドヘッドレス/Salesforce ストアフロントリファレンスアーキテクチャ (SFRA) eコマースやカスタム API などの一般的なユースケースを実装
学習内容 
1. B2C コンポーザブルストアフロントの基礎
  - B2C Commerce の最新トレンドと課題を説明する
  - B2C Commerce ストアフロントのバリエーションを特定する
  - B2C Commerce コンポーザブルストアフロントの機能について説明する

2. 必要なサードパーティ開発ツール
  - 前提条件と知識リソースを確認する
  - ソフトウェア要件を確認する

3. Managed Runtime (MRT) による環境管理
  - Managed Runtime (MRT) の目的と機能を説明する
  - MRT アーキテクチャの概要を説明する
  - MRT 管理の目的を説明する
  - On-Demand Sandbox と Managed Runtime を設定する
  - Managed Runtime のログを確認する

4. PWA Kit
  - Progressive Web App (PWA) の定義とメリットを説明する
  - PWA Retail React App の設定を構成する
  - コンポーネントの種類の定義を説明する
  - PWA Kit での Hello World を完成させる
  - Chakra UI とPWA Design Kit を使用してコンポーネントとスタイルを設定する

5. Managed Runtime でのデプロイメント
  - バンドルをプッシュして、デプロイするために必要な設定と権限を特定する
  - バンドルのデプロイでプロジェクトと環境の使用方法を説明する
  - バンドルをプッシュしてデプロイする
  - Postman を使用して、MRT API を実行し確認する
  - MRT を使用してストアフロントを起動する

6. SDK を使用したストアフロントのカスタマイズ
  - Retail React アプリで新しいページとルートを作成する
  - Open Commerce API (OCAPI) と Salesforce Commerce API (SCAPI) の違いを理解し、それぞれの用途を説明する
  - Isomorphic SDK と Commerce React SDK の違いを理解し、それらを使用してページの機能を構築する
  - SDK を使用してエラーを処理し、デバッグする

7. B2C Commerce データのベストプラクティス
  - 一般的な Commerce API パターンを特定する
  - API のベストプラクティスに従ってストアフロントページにデータを渡す
  - イベントハンドラーを使用して just-in-time データを取得する
  - Shopper Context API を使用して買い物体験のパーソナライズを拡張する
  - クライアントサイドリクエストとサーバーサイドのみのリクエストをいつ使用するかを判断する
  - キャッシュヒット率を最大化する

8. 実装ユースケース
  - ストアフロントに最適なコンテンツ配信ネットワーク（CDN）を選択する
  - ハイブリッド実装を計画し、テストする
  - カスタム API を作成する
  - Hook とテンプレートを拡張する

関連試験や資格との関連

Salesforce認定試験 認定アドミニストレーター

↑ページの先頭へ戻る

ご注意・ご連絡事項

本コースは、株式会社セールスフォース・ジャパン(Salesforce社)の開催コースです。
【キャンセルポリシー】
・日程の変更、キャンセルについてのご連絡は、受講開始日の15日前（当該日が当社休業日の場合は、直前の営業日）までにお願いします。
・締切日を過ぎてのキャンセル、日程変更は有償となりますのでご注意ください。(受講開始日の前日まで：受講料の50%、当日：受講料の100%)
【受講条件】
・コースの前提条件を全て満たした上でお申し込みください。
【受講規約】
・トレーニング内容をテープなどの機器にて録音することはご遠慮下さい。
・Salesforce社がトレーニングで提供または使用を許諾する文書・印刷物の著作権、またはその他知的財産権は、すべてSalesforce社に帰属しております。
・お客様はSalesforce社の事前の書面による許諾がない限り、いかなる形態においても提供資料等の全部、または一部について転載および複製並びに改変を行ってはならず、また提供資料等を第三者へ開示または提供（貸与や使用許諾を含みます）もしくは譲渡してはならないものとします。
・最小催行人数に満たない場合は、Salesforce社判断によりコースの開催が中止になることがあります。

無料セミナー  ❯

メルマガ登録  ❯

公式ブログ  ❯

キャンペーン一覧  ❯

資料ダウンロード  ❯

お問い合わせ  ❯