ストアフロントを構築する
学習の目的
この単元を完了すると、次のことができるようになります。
- 汎用 AI コーディングツールを B2C Commerce 開発に使用するときにチームが直面する課題を要約する。
- Agentic B2C Developer Toolkit のコンポーネントが連携して機能するしくみを説明する。
- コーディングエージェントが Agentic B2C Developer Toolkit のスキルと MCP サーバーを使用して、Salesforce の UI を開かずにコマースアプリケーションを構築してリリースする方法を説明する。
カスタムコマースエクスペリエンスを構築する
AI コーディングアシスタントに B2C Commerce の機能を構築するよう依頼したとします。生成されたコードは一見正しそうに見えますが、誤った API を使用していたり、プラットフォーム固有のパターンが抜けていたり、ベストプラクティスに従っていなかったりすることがあります。時間を節約するどころか、追加のレビュー、デバッグ、コードの書き直しに時間を費やすことになります。
この課題は、汎用 AI コーディングツールを使用する場合によく見られます。これらのツールはプログラミング言語を理解していますが、B2C Commerce プラットフォームを必ずしも理解しているわけではありません。
この単元では、Agentic B2C Developer Toolkit が AI コーディングエージェントに B2C Commerce の知識を提供するしくみを学びます。これにより、正確なコードの生成、手戻りの削減が可能になり、新機能の構築により多くの時間を費やせるようになります。
Agentic B2C Developer Toolkit の概要
Agentic B2C Developer Toolkit は、すべての B2C ストアフロントに対応し、フロントエンドからバックエンド、オペレーションまでスタックのあらゆる層をカバーする、統合されたツールチェーンです。このツールキットは、4 つのコンポーネントを通じて、開発者とそのコーディングエージェントが B2C Commerce を一緒に構築、リリース、運用するために必要なすべてを提供します。
-
コマンドラインインターフェース (CLI): CLI はツールキットの基盤です。最悪のタイミングで壊れる古いスクリプトに頼るのはやめましょう。代わりに、一貫したコマンドセットを使用して、ターミナルから直接カートリッジのリリース、ジョブの実行、Sandbox の管理を行いましょう。
-
Agent Skills: Agent Skills は、B2C Commerce の実際の動作と実行すべき CLI コマンドをコーディングエージェントに教える、事前設定済みのプレイブックです。適切なプレイブックを渡すだけで、正確で本番環境ですぐに使えるコードを生成し始めます。Agent Skills は、Claude Code、Cursor、Codex、GitHub Copilot、Agentforce Vibes、Windsurf など、チームがすでに使用しているツールと連携します。
-
Model Context Protocol (MCP) サーバー: エージェント主導のワークフロー向けに、CLI を補完する用途を絞った MCP ツールセットです。コードを書くことは、始まりに過ぎません。MCP サーバーは、コーディングエージェントに B2C Commerce 環境で実際に操作を行うためのツールを提供します。コードのリリース、ライブデバッグ、内部動作の確認などが可能です。MCP サーバーは Agent Skills と連携して動作するため、エージェントは B2C Commerce のしくみに関する知識と、それを実行するためのツールの両方を持つことができます。
-
Visual Studio (VS) Code 拡張機能: IDE、Business Manager、ターミナルを頻繁に切り替えると、集中力が途切れてしまいます。VS Code 拡張機能を使えば、1 か所に留まることができます。作業のフローを維持しながら、システム間でコンテキスト切り替えを繰り返すことなく、エージェントのコードをレビュー、デバッグ、承認できます。
各コンポーネントは独立して動作しますが、真の強みはそれらが連携したときに発揮されます。
コンポーネントを組み合わせる
これら 4 つのコンポーネントを組み合わせることで、コマースアプリケーションの開発方法が根本から変わります。Agent Skills は、コーディングエージェントに B2C Commerce のしくみを伝えます。MCP サーバーは、エージェントが実行するためのツールを提供します。CLI はリリースを行い、結果を記録します。VS Code 拡張機能は、作業のレビュー、調整、承認を行う場所です。
たとえば、開発者が新しい Storefront Next ストアフロントを構築する必要があるとします。バックエンドサービスを手動で接続する代わりに、必要なことを説明してコーディングエージェントにプロンプトを送ります。エージェントは、Agent Skills を使って関連する API を把握したうえで Storefront Next のコードを作成し、MCP サーバーと CLI を使用して、テスト用の Managed Runtime 環境にバンドルをリリースします。開発者は VS Code で出力結果をレビューし、デバッグして承認します。
その結果、開発者が主導権を握ったまま困難なタスクをエージェントが担う、完全な開発ループが実現します。
ツールキットの実際の動作を確認する
CLI、Agent Skills、MCP サーバーが連携することで、開発者、マーチャンダイザー、運用担当者の日々の業務の進め方が変わります。
本番環境の問題をより迅速にトリアージする
本番環境で注文エラーが発生した場合でも、運用担当者が手動でログを調べたり、Business Manager を操作したりする必要はありません。MCP サーバーに接続されたコーディングエージェントが適切な API をクエリし、関連する診断情報を提示し、運用担当者の既存のワークスペースから根本原因を特定できます。CLI は、カートリッジの再リリース、ジョブのロールバック、パイプライン修正のトリガーなど、あらゆる修復を単一のコマンドで処理します。
サイトの問題を調査する
ボット攻撃やパフォーマンスの低下は、診断が複雑です。Agent Skills を使用すると、開発者はターミナルや IDE から直接、コーディングエージェントにボット調査やパフォーマンス診断を実行するよう指示できます。モニタリングツールを切り替える必要はありません。
サイトの分析結果を瞬時に取得する
マーチャンダイザーは、プロモーションの概要や売れ筋商品のレポートなどの分析結果を、接続された AI アシスタントから直接要求できます。これらのツールにより、Business Manager から手動でレポートを取得することなく、瞬時にインサイトを得ることができます。
どのシナリオでも使用するツールキットは同じで、役割に応じて異なる視点から活用します。
まとめ
この単元では、Agentic B2C Developer Toolkit がチームのヘッドレス B2C Commerce ストアフロントの構築と運用をどのように支援するかを確認しました。コーディングエージェントが負荷の高い作業を担い、主導権は自分で握ったまま、リリースの迅速化、デバッグの効率化、チームの円滑な運営を実現できるようになりました。