Salesforce Agentforce VibesとBright DataのWeb MCP

このチュートリアルでは、以下の内容を解説します：

Salesforce Agentforce Vibesとは何か、またその機能について。
Webの探索・アクセス・発見のためのツールで拡張すべき理由。
Bright DataがWeb MCPを通じてこの統合をどのようにサポートするか。
Bright DataのWeb MCPをSalesforce Agentforce Vibesに接続して、より効果的に活用する方法。

さっそく始めましょう！

Salesforce Agentforce Vibesとは？

Agentforce Vibesは、Salesforce Agentforce 360 Platform上に構築されたAI搭載の開発環境です。自然言語によるバイブコーディングを可能にし、プロンプトを構造化されたコーディングプロジェクトに変換します。

このプラットフォームはSalesforceアプリの構築、エージェントの生成、自動化などをサポートしています。また、コード品質の分析や既存プロジェクトへの新機能の追加も可能です。これらはすべて、Salesforceエコシステムに典型的なエンタープライズグレードのセキュリティとガバナンスを維持しながら提供されます。

主な機能は次のとおりです：

自然言語からコードへ：自然言語のプロンプトを構造化されたコンテキスト対応のSalesforceコードに変換します。
MCPサポート：開発ワークフロー内で外部ツールやデータソースのMCPサーバーに接続します。
組み込みのセキュリティと信頼性：コード、メタデータ、スキーマがSalesforce Trust Layer内に保持されることを保証します。
コード自動補完：VS CodeおよびAgentforce IDEでリアルタイムのインラインコード候補を提供します。
コードアナライザー統合：コードのバグ、非効率性、セキュリティ問題をスキャンし、開発中に自動修正と実用的なインサイトを提供します。
コード解説：IDE内でコードの構造とロジックを行ごとに説明し、複雑なSalesforceアプリケーションへの習熟を早めます。
Reactアプリ生成：ライブプレビュー付きのスタンドアロンまたは組み込みのReactアプリケーションを生成します。
アビリティとスキル：ユーザーの意図に基づいてコンテキスト対応のスキルを動的に有効化し、Agentforceが開発タスクを精密にこなせるようガイドします。

詳細は公式ユーザーガイドをご覧ください。

Agentforce VibesにWebアクセスを拡張すべき理由

Salesforce Agentforce Vibesは、LLM搭載ツールすべてに共通する根本的な制限である「情報の陳腐化」という問題を抱えています。大規模言語モデルは過去のスナップショットであるトレーニングデータに基づいて回答を生成します。これがハルシネーションや信頼性の低い結果を生む原因です。

急速に進化するエンタープライズ開発環境では、これが実際のボトルネックになります。最新情報を持たないAIアシスタントは、廃止されたSalesforceのパターンを推奨したり、最近のプラットフォームアップデートを見落としたり、重要なセキュリティパッチを無視してしまう可能性があります。

LLMの知識制限に対処するため、AI開発ツールにはWebへのリアルタイムアクセスが必要です。そこでBright Dataの出番です！

Bright DataはAI対応のインフラストラクチャを提供します。これにより、Salesforce Agentforce Vibesの組み込み知識を超えて拡張できます。Webの検索、発見、データ抽出、自動ブラウザ操作などのリアルタイム機能を導入します。

Bright Dataが際立つ理由は、195カ国以上にわたる4億以上の住宅用プロキシIPからなる堅固なグローバルネットワークです。この基盤は無制限のスケーラビリティをサポートしながら、99.99%の稼働率と99.95%の成功率を達成しています。

Agentforce VibesとBright Dataを組み合わせることで、Salesforceエコシステム内で直接利用できるエンタープライズグレードのバイブコーディング環境が実現します。

Bright DataがSalesforce Agentforce Vibesをサポートする方法

Bright DataはSalesforce Agentforce Vibesを公式Web MCPサーバーを通じて直接サポートしています。これはローカルサーバーとリモートサーバーの両方として利用可能ですが、Salesforce Agentforce VibesはリモートMCPサーバーとのみ連携できます。

Web MCPはBright Dataインフラストラクチャとの連携を簡素化する70以上のツールを公開しています。これらのツールはWebの検索、発見、スクレイピング、操作などを可能にします。無料プランでも（月5,000リクエストまで無料）、いくつかの便利なツールにアクセスできます：

ツール	説明
`search_engine` + バッチ版	Google、Bing、またはYandexの結果をJSONまたはMarkdown形式で取得
`scrape_as_markdown` + バッチ版	アンチボット保護を回避しながら、任意のWebページをクリーンなMarkdownに変換
`discover`	AIを活用したWeb検索を実行し、ランク付けされた関連結果を返す

しかし、[Pro mode](https://github.com/brightdata/brightdata-mcp?tab=readme-ov-file#-pricing, modes)こそがWeb MCPの真の可能性を解き放ちます。Amazon、LinkedIn、Yahoo Finance、YouTube、Zillow、GitHub、NPM、Google Mapsなど多くのプラットフォームから構造化データを抽出する高度なツールを提供します。また、ブラウザ自動化機能も含まれています。

これらのツール群は、Salesforce Agentforce VibesをLLMの知識問題を超えて拡張するのに十分すぎるほどです。

Salesforce Agentforce VibesにBright DataのWeb MCPを設定する方法

このステップバイステップチュートリアルでは、Salesforce Agentforce VibesにBright DataのWeb MCPツールを統合する方法を解説します。その結果、基盤となるAIエージェントがブロックなしにWebを探索できる、より実態に即したバイブコーディング体験が実現します。

注意：Salesforce Agentforce Vibesは、適切な拡張機能を使用してローカルのVisual Studio Codeインスタンスにセットアップすることも可能です。このガイドでは、開発者組織で直接利用できるオンラインIDEを参照します。ただし、同じ手順はデスクトップワークフローにも適用できます。

以下の手順に従ってください！

前提条件

このチュートリアルを進めるには、以下が必要です：

APIキーが設定されたBright Dataアカウント。
Salesforceアカウント（無料のSalesforce開発者組織でも十分です）。

また、以下があることが推奨されます：

MCPの仕組みの基本的な理解。
Salesforce Agentforce Vibesの使い慣れ。
Bright DataのWeb MCPが公開するツールの知識。

Bright DataやSalesforceの設定については心配しないでください。プロセス全体を通じてガイドします。

ステップ#1：Salesforce Agentforce Vibesにアクセスする

認証情報を使ってSalesforce開発者ポータルにログインするか、新しい組織を作成して始めましょう。次の画面が表示されます：

Agentforce Vibesにアクセスするには、右上のギアアイコンをクリックして「Agentforce Vibes」オプションを選択します：

Agentforce VibesのWebアプリにリダイレクトされます。アプリケーションの読み込みに時間がかかる場合があるので、しばらくお待ちください。

読み込みが完了すると、ブラウザ上でAgentforce Vibes IDEに直接アクセスできます：

これは基本的に、Webアプリとして直接利用できるカスタマイズされたバージョンのVS Codeです。

ワンタイム認証コードを使ってアカウントの確認を求められる場合があります。その後、Salesforce Agentforce Vibesを使い始める準備が整います！

ステップ#2：Bright DataのWeb MCPを始める

Bright DataのWeb MCPをAgentforce Vibesに統合するには、まず接続URLを取得する必要があります。Bright Dataの公式ドキュメントに従うか、以下の手順を使用してください。

まだの場合はBright Dataに登録してください。既にアカウントをお持ちの場合は既存のアカウントにログインしてください。次に、MCPサーバーへの接続を認証するために必要なBright Data APIキーを作成してください。

ログインしたら、コントロールパネルの「MCP」ページに移動します：

このページでセットアップウィザードに従うと、Bright Data Web MCPのリモート接続URLが取得できます。

注意：SSEトランスポートは非推奨のため、Streamable HTTP接続方式の使用を推奨します。

または、Streamable HTTP接続URLを手動で構築することもできます。無料プランの場合、URLの構造は次のとおりです：

https://mcp.brightdata.com/mcp?token=<YOUR_BRIGHT_DATA_API_KEY>

Pro modeの場合：

https://mcp.brightdata.com/mcp?token=<YOUR_BRIGHT_DATA_API_KEY>&pro=1

追加の設定オプション（グループ選択など）の詳細については、公式ドキュメントを参照してください。

素晴らしい！この接続URLがあれば、Web MCPをSalesforce Agentforce VibesのAIエージェントに統合するために必要なものはすべて揃っています。

ステップ#3：Agentforce VibesにWeb MCPを追加する

左側のメニューで「Agentforce Vibes」アイコンを選択します。これによりAIチャットが開き、バイブコーディングワークフロー中にエージェントにサポートを求めることができます：

「Manage MCP Servers」オプションを選択します。次のセクションが表示されます：

デフォルトでは、Agentforce Vibesには3つのMCPサーバーがすでに設定されています。これらはSalesforce固有のツールを公開しています。

右上のグリッドアイコンをクリックして「MCP Servers」設定セクションを開きます。「Remote Servers」タブに切り替え、Web MCP接続を追加するために以下のフィールドを入力します：

Server Name: bright-data-web-mcp
Server URL: https://mcp.brightdata.com/mcp?token=<YOUR_BRIGHT_DATA_API_KEY>&pro=1 (Pro modeを有効にしない場合は&pro=1を省略)
Transport Type: Streamable HTTP

「Add Server」をクリックしてWeb MCPサーバーを追加します。次に「Done」を押してセットアップを完了します。

Bright Data Web MCPツールがSalesforce Agentforce Vibesで利用可能になりました。素晴らしい！

ステップ#4：接続を確認する

「Done」ボタンをクリックすると、「Configure」タブにリダイレクトされます。ここでbright-data-web-mcpエントリが表示されるはずです：

IDEがWeb MCPリモートサーバーに自動的に接続することに注目してください。ドロップダウンを開いて利用可能なツールを確認します：

Pro modeを設定した場合は70以上のツールが表示されます。それ以外の場合は、無料プランで利用可能なツールのみが表示されます。

「Agentforce Vibes」メインセクションに戻ってAIとのチャットを開始します。同様に、左下隅の「Manage MCP Servers」アイコンをクリックしてbright-data-web-mcpエントリの接続ステータスを確認できます：

素晴らしい！これにより、MCP経由のBright Dataとの統合が正常に機能していることが確認されました。

ステップ#5：強化されたバイブコーディング体験のテスト準備

バイブコーディング用のSalesforce AIエージェントは、今や格段にパワフルになりました。テストするには、既存のプロジェクトを読み込むか、新しいプロジェクトを作成します。

ここでは、新しい「Agents」プロジェクトに焦点を当てます。「Agents」ボタンをクリックし、「Create a new project」で続け、名前を付けると、次の画面に到達します：

これには、地域の天気情報の提供、地域イベントの情報共有などが可能なサンプルエージェントを含むデフォルトのSalesforce DXプロジェクトが含まれています。

ここで、現在のプロジェクトがSalesforce Agentforce Vibesのベストプラクティスに従っているかどうかを確認したいとします。バイブコーディングしたものを適切な検証なしにデプロイしたくないでしょう。そのために、次のようなプロンプトを実行できます：

Search online for Salesforce DX project best practices. Select the 5 most relevant and authoritative sources and retrieve their content in Markdown format.
Analyze these sources and synthesize a consolidated list of best practices for Salesforce DX projects.
Then, review the code in this project and evaluate it against those best practices. Where the code does not comply, or where there is room for improvement, provide clear, contextual, and actionable recommendations for how to improve it.

注意：これは標準のSalesforce Agentforce Vibes AIエージェントが単独では実行できないことです。その理由は、Web検索・発見とスクレイピングツールが必要であり、それがまさにBright Data Web MCPレイヤーを通じて得られるものだからです。

Agentforce Vibes AIエージェントがこのタスクをどのように処理するか見てみましょう！

ステップ#6：プロンプトを実行する

「Plan」モードに切り替えて（これはファイル変更タスクではなく情報収集タスクのため）、プロンプトを実行します。次のような画面が表示されます：

上のGIFは速送りされていますが、実際に起きることは次のとおりです：

AIエージェントがsearch_engineツール（Bright Data SERP APIが提供）を呼び出し、公式ドキュメント、GitHub、TrailheadにわたるSalesforce DXのベストプラクティスに対して複数のGoogle検索を実行します。
LLMがSERP結果（AIエージェントの処理に理想的なJSON形式で返される）を処理して、最も関連性の高い5つのソース（この場合、Trailheadガイド、StackExchangeのディスカッション、HackerNoonの記事、Mediumの投稿、GitHubリポジトリ）を特定します。
選択された各ページがscrape_as_markdownツールを介してスクレイピングされ、Bright Data Web Unlocker APIによってバックアップされます。
抽出されたコンテンツが分析され、ベストプラクティスの統合リストにまとめられます。
プロジェクトファイルがそれらのベストプラクティスと照合されて、ギャップと改善点が特定されます。

全体的に、AIエージェントが実行したプロセスは一貫しています。適切なBright Data Web MCPツールを選択し、それらを成功裏に使用してSalesforce Agentforce Vibesの結果を強化しました。生成された出力を検査しましょう！