AIがブラウザを自動操作！無料で簡単にスクレイピングや繰り返し作業ができる「Mastra-CRS-MCP」を試そう！

Posted at 2025-05-14

超抜粋版のセットアップを動画で説明してます。
初心者でも使えますよ！
https://www.youtube.com/watch?v=d2xQXx_TNm4

「Webサイトからの情報収集」「定型的なブラウザ操作の自動化」って、結構面倒ですよね？
PythonやPlaywrightを触ったことはあるけど、セットアップや実装はちょっと大変... と感じている方も多いのではないでしょうか。

そんなあなたに朗報です！
AI（LLM）があなたの指示を理解して、代わりにブラウザを操作してくれるツール「Mastra-CRS-MCP」を開発しました。

無料で簡単に試せるので、ぜひ一度体験してみてください！

Mastra-CRS-MCP とは？

Mastra-CRS-MCP は、以下の技術を組み合わせた、ローカルで動くブラウザ自動操作システムです。

CRS (Chrome Record Scraper): Chrome ブラウザの操作を記録し、Playwright で実行可能なスクリプトを生成・実行するクローズドソースのツール群 (.exe ファイル)。Web スクレイピングや定型作業自動化の核となります。
MCP (Model Context Protocol): AI が外部ツールと連携するための共通プロトコル。CRS ツール群を AI から呼び出し可能にする役割を担います。
Mastra: LLM アプリケーション開発フレームワーク。ユーザーの指示を受け、MCP を通じて CRS ツールを呼び出す AI エージェントを構築します。

これにより、「〇〇のサイトで△△を調べて」「このページから□□の情報を全部取ってきて」といった自然言語での指示で、ブラウザを自動的に操作させることが可能になります。

Mastra-CRS-MCP を使い始めるための最低限のステップは以下の3つです。
詳細は、必ず GitHub リポジトリの README.MD を参照してください。

リポジトリURL: https://github.com/sinzy0925/mastra-crs-mcp
（上記 URL を開くと README.MD が表示されます）

Node.js のインストール: MCP サーバーと Mastra Agent の実行に必要な Node.js 環境を用意します。
アプリのダウンロードと展開: 上記 GitHub リポジトリからアプリケーションファイルをダウンロードし、展開します。
必須のAPIキー設定（2種類）: ブラウザ操作機能（CRS）と LLM 機能（Gemini）を利用するための API キーを取得・設定します。
アプリケーションの起動: MCP サーバーと Mastra Agent を起動します。
（3. 4.はそれぞれ、実行ファイル「exe」または「bat」を起動するだけですので、超簡単です！）

以下、README.MD に記載されている、STEP 3 (APIキー設定) および STEP 4 (アプリケーション起動) の概要です。詳細は README.MD を参照してください。

本アプリケーションを使うには、2種類のAPIキー設定が必須です。展開したフォルダのルートディレクトリにある以下のファイルを順番に実行してください。

01_run_get_crs_api_key.exe:
- 本アプリのブラウザ操作機能を利用するための認証ツールです。ダブルクリックして実行し、画面の指示に従って Google アカウントで認証を行い、CRS API キーを取得・保存してください。
- この認証が完了しないとブラウザ操作機能は一切使えません。
02_run_get_gemini_api_key.bat:
- Mastra Agent が Google Gemini を利用するための API キー設定バッチです。ダブルクリックして実行し、画面の指示に従って Google AI Studio で API キーを取得し、コンソールに貼り付けて設定を完了してください。
- この設定が完了しないと Mastra Agent が LLM として Gemini を利用できません。

2つの API キー設定が完了したら、展開したフォルダのルートディレクトリにある 03_start_servers_and_agent.bat をダブルクリックして実行します。

このバッチファイルが、MCP サーバー群と Mastra Agent アプリケーション（Web UI モード）をまとめて起動します。各コンポーネントはそれぞれ別のコマンドプロンプトウィンドウで起動したままになります。

起動が完了すると、自動的にブラウザで Mastra Agent の Web UI (http://localhost:4111/) が開きます。

ブラウザで開かれた Mastra Agent の Web UI にアクセスし、テキスト入力欄に LLM への指示を入力してください。

例えば：

Agent はあなたの指示と利用可能なツール定義（setdir という名前で管理されています）を基に、適切なブラウザ操作（裏で .exe ファイルを実行）を行い、結果を返します。

既存の操作手順（setdir）以外でブラウザを操作させたい場合は、ルートディレクトリにある chrome-recorder.exe を使用します。

コマンドプロンプトで chrome-recorder.exe <記録したいURL> を実行します。
起動したブラウザと Playwright Inspector で操作を記録します。
生成されたコードとセレクタを、crs-mcp-scraper-server\bin\ または crs-mcp-law-server\bin\ 内の適切な setdir フォルダに playwright_steps_logic.py と playwright_steps_param.txt として保存します。
必要に応じて Mastra Agent の Instructions を更新します。

詳細は README.MD の該当セクションを参照してください。

sinzyアットマークveryglad.net （アットマークは@に読み替えてください）

たくさんの方に試していただけると嬉しいです！
あなたからのフィードバックもお待ちしております！