---
title: "Playwright：Claude、Cursor、Codex の設定 · DotsAgent"
description: "アクセシビリティスナップショットを使って実際のブラウザーを操作するため、エージェントはページの移動、クリック、フォームへの入力を行えます。 Playwright を13種類の MCP クライアントで設定できます。"
url: https://dotsagent.io/ja/mcp/servers/playwright
---

ブラウザ自動化 · Microsoft

# Playwright を設定

アクセシビリティスナップショットを使って実際のブラウザーを操作するため、エージェントはページの移動、クリック、フォームへの入力を行えます。

- **提供元**: Microsoft 公式
- **ローカルで実行**: `npx @playwright/mcp@latest`
- **トランスポート**: stdio, streamable-http
- **認証**: 不要。
- **アクセス対象**: ブラウザーセッションでクリック、入力、送信を行います。
- **ライセンス**: Apache-2.0
- **ソース**: [github.com/microsoft/playwright-mcp](https://github.com/microsoft/playwright-mcp)
- **ステータス**: 稼働中

## インストール

このサーバーは、クライアントの子プロセスとしてマシン上で実行されます。コマンドで使うランタイムが必要です。たとえば、npxにはNode.js、uvxにはuv、またはDockerが必要です。Environmentに記載された変数も用意してください。

### Claude Code

`shell`

```
claude mcp add --scope project playwright -- npx @playwright/mcp@latest
```

### Cursor

`.cursor/mcp.json`

```
{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@playwright/mcp@latest"
      ]
    }
  }
}
```

### Codex

`~/.codex/config.toml`

```
[mcp_servers.playwright]
command = "npx"
args = ["@playwright/mcp@latest"]
```

[他のクライアントの設定 →](https://dotsagent.io/ja/mcp/config#add=playwright)

## ブラウザ自動化の他のサーバー

- [Chrome DevTools](https://dotsagent.io/ja/mcp/servers/chrome-devtools): Chromeを操作し、ネットワークリクエスト、コンソール出力、パフォーマンストレースなどのDevToolsデータを取得します。

## 情報源

1. [github.com](https://github.com/microsoft/playwright-mcp)/microsoft/playwright-mcp

AIエージェント開発者向けの独立したリファレンスです。ここに記載されているいずれのベンダーとも提携していません。

© 2026 DotsAgent · 確認日: 2026年10月1日