• ログ
  • 分析
  • レポート
  • 修正

AIを活用してBrowserStackのテスト失敗原因をデバッグする方法

BrowserStackをエージェントに接続すれば、コードエディタを離れることなくログやセッションデータを取得できます。接続後は、AIがログの取得からエラーの特定まで、面倒な作業をすべて代行します。

このページについてAIに聞く

すぐに答え

IDE上でBrowserStackの失敗をデバッグするには?

AIがBrowserStack MCPを使用して、特定のセッションデータや実行ログを取得します。取得したログを分析して失敗の正確な原因を突き止め、チャットウィンドウ上で分かりやすいエラー解説を提供します。

デバッグの結果

デバッグデータの活用方法

AIが失敗した実行結果の生データを整理し、次に取るべきアクションを明確にします。

ログ

生ログの取得

AIが失敗したセッションから正確なテキストを抽出します。ブラウザ上で実際に何が起きたのかを確認するために必要な生データを入手できます。

分析

エラーの特定

エージェントがログをスキャンし、スタックトレースやタイムアウトメッセージを探します。クラッシュを引き起こした具体的な行や条件を特定します。

レポート

失敗の要約

AIが調査結果を簡潔な要約にまとめます。問題がテストの不安定さ(Flaky test)によるものか、実際のバグなのかを判断するのに役立ちます。

修正

手動での修正

AIが壊れたコードや設定箇所を指摘します。テストやアプリケーションのロジックをどのように修正するかは、ユーザーが判断します。

ワークフロー

テスト失敗時にAIが行うこと

BrowserStackのダッシュボードをあちこち探す必要はありません。エージェントにデータを取得させましょう。

  1. セッションの特定

    エージェントが、指示された特定の失敗セッションを特定します。

    get_session
  2. 実行ログの取得

    AIがそのセッションから生テキストログを取得し、エラーの詳細を確認します。

    get_session_logs
  3. エラーデータの解析

    エージェントがログファイルを読み込み、スタックトレースやエラーメッセージを見つけ出します。

    get_session_logs
  4. 原因の報告

    取得したログデータに基づき、AIがテストが失敗した理由を説明します。

    get_session_logs

試してみる

以下のプロンプトをコピーして開始

これらのプロンプトを使ってデバッグを開始できます。

出発点

セッションIDや名前は、実際のBrowserStackのデータに置き換えてください。

BrowserStack Connector

準備完了です。MCPクライアントを選択し、セットアップ手順に従ってください。

コネクタリンクhttps://edge.vinkius.com/vk_preview_QfMSmaBJhbb00bXFG15oIucKmIgIGaxUOK4qcRpA/mcp

Claude Desktop

以下の手順で数秒で接続できます。

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — BrowserStack capabilities are ready to use.
設定 · claude_desktop_config.jsonコピー
{
  "mcpServers": {
    "browserstack-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_QfMSmaBJhbb00bXFG15oIucKmIgIGaxUOK4qcRpA/mcp"
    }
  }
}
チャットにコピー04
  • BrowserStackのセッション12345のログを取得して、失敗した理由を教えて。

  • セッション98765のログを確認して、スタックトレースを見つけて。

  • 直近の失敗したセッションの実行ログを取得して、エラーの内容を要約して。

  • セッション55443を確認して、失敗がタイムアウトによるものか、ロジックエラーによるものか教えて。

  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

ここから始める

一度接続すれば、あとは聞くだけ

BrowserStackアカウントをエージェントに一度連携させるだけで準備完了です。認証情報は暗号化されるため安全で、すぐにデバッグを開始できます。

BrowserStackをAIに接続する

FAQ

機能の詳細

  • 01

    AIがリポジトリ内のコードを自動的に修正することはできますか?

    いいえ。AIはログからエラーを特定しますが、コードへの修正適用はユーザー自身が行う必要があります。

  • 02

    AIがBrowserStackで新しいテストセッションを開始することはできますか?

    いいえ。このMCPは既存のセッションデータやログを読み取るためのものであり、新しいテストを実行するためのものではありません。

  • 03

    AIはBrowserStackアカウントの全データにアクセスできますか?

    いいえ。AIがアクセスできるのは、ツールを通じてリクエストされた特定のセッションデータのみです。

  • 04

    AIはセッションのビデオ録画をダウンロードできますか?

    いいえ。現在のツールでは、テキストベースの実行ログへのアクセスのみが可能です。

  • 05

    BrowserStackのダッシュボードを開いておく必要はありますか?

    いいえ。MCPが接続されていれば、エージェントが直接データを取得します。

  • BrowserStackについて他に質問がありますか? BrowserStack Connectorの全機能を見る

『BrowserStack』を Claude、Cursor、ChatGPT などに接続