Local Scanner MCP

ローカルスキャンMCPサーバーは、AIアシスタントにローカルコードとウェブページのスキャン、検証、およびスクリーンショット機能を提供します。

開発者ツールブラウザ自動化 #ローカルスキャン #コード検証 #ウェブページスクリーンショット #開発支援ローカル .JavaScript

スコア : 2ポイント

ダウンロード数 : 7.0K

更新時間 : 2025-04-28

サイトを開く

ローカルスキャナーMCPサーバーとは？

ローカルスキャナーMCPサーバーは、開発者がローカル開発環境とやり取りするのを支援する強力なツールです。これにより、AIアシスタントはローカルホスト上で実行されているWebアプリケーションやコードファイルのテスト、デバッグ、分析が可能です。

ローカルスキャナーMCPサーバーの使い方は？

サーバーをインストールし、クライアント（ClineやCascadeなど）を設定することで、簡単にサービスを起動し、開発プロジェクトとやり取りできます。

適用シナリオ

ローカルプロジェクトの頻繁なデバッグや検証が必要な開発者に適しており、特にフロントエンド開発、バックエンドサービスの統合、自動化テストに最適です。

主要機能

scan_localhost

ローカルURLにアクセスし、コンソールログを取得し、ランタイムエラーを検出します。

screenshot_localhost

ローカルURLのスクリーンショットを生成します。

lint_code

JavaScript、TypeScript、またはCSSのコードファイルの構文とスタイルをチェックします。

validate_html

HTMLコンテンツが標準に準拠しているかを検証します。

利点

開発効率を向上させ、手動操作を減らします。

複数のプログラミング言語とファイル形式をサポートします。

主流のIDEとシームレスに統合されます。

制限

ローカル環境でのみ使用できます。

実行に高いシステムリソースが必要になる場合があります。

使い方

ダウンロードとインストール

GitHubリポジトリをクローンし、指示に従って依存関係をインストールします。

MCPクライアントの設定

設定ファイルを編集してサーバーのパスを指定します。

使用開始

APIを呼び出して必要なタスクを実行します。例えば、スクリーンショットの取得やコードチェックなどです。

使用例

例1：localhostのスキャン

ログインプロセスをシミュレートし、エラーログを取得します。

例2：スクリーンショットの生成

ダッシュボードページの完全なスクリーンショットを取得します。

例3：コードのチェック

JavaScriptファイル内の潜在的な問題を検出します。

例4：HTMLの検証

HTMLドキュメントがW3C標準に準拠していることを確認します。

よくある質問

ローカルスキャナーMCPサーバーをどのようにインストールしますか？

サーバーはどのプログラミング言語をサポートしていますか？

なぜ私のスクリーンショットが一部の内容しか表示されないのですか？

このサーバーをWindowsで実行できますか？

🚀 ローカルスキャン MCP サーバー

このサーバーは、ローカルコードと localhost URL をスキャンするためのモデルコンテキストプロトコル（MCP）サーバーです。コード品質の検証、スクリーンショットの取得、localhost 上で実行されているウェブページの分析を行うツールを提供します。

🚀 クイックスタート

ローカルスキャン MCP サーバーは、AI アシスタントがローカル開発環境とやり取りする機能を拡張し、以下のことができるようにします。

実行中のローカル Web アプリケーションのテストとデバッグ
ビジュアル検証のためのスクリーンショットの取得
コードファイルの品質をチェックし、業界標準に準拠していることを確認
HTML ファイルのアクセシビリティと準拠性の検証

このサーバーは、Cline（VSCode プラグイン）や Cascade（WindSurf プラグイン）などの AI アシスタントを使用し、ローカル開発タスクを支援するために AI の能力を活用したい開発者に特に適しています。

✨ 主な機能

このサーバーは以下のツールを提供します。

1. localhost のスキャン

localhost URL にアクセスし、コンソールログを取得し、実行時エラーをチェックします。

パラメータ：

url（必須）：スキャンする localhost URL（http://localhost または https://localhost で始まる必要があります）
waitTime（オプション）：ページが読み込まれた後に待機する時間（ミリ秒）（デフォルト：1000）
actions（オプション）：ページ上で実行するアクションのリスト。例えば：
- クリック：{ "type": "click", "selector": "#elementId" }
- 入力：{ "type": "input", "selector": "#textInput", "value": "example" }

使用例：

{
  "tool": "scan_localhost",
  "params": {
    "url": "http://localhost:3000",
    "waitTime": 2000,
    "actions": [
      { "type": "click", "selector": "#submitBtn" },
      { "type": "input", "selector": "#searchInput", "value": "测试" }
    ]
  }
}

2. ローカルウェブページのスクリーンショットの取得

localhost 上のウェブページのスクリーンショットを取得します。

パラメータ：

url（必須）：スクリーンショットを取得する localhost URL
width（オプション）：スクリーンショットの幅（デフォルト：1920）
height（オプション）：スクリーンショットの高さ（デフォルト：1080）

使用例：

{
  "tool": "screenshot_localhost",
  "params": {
    "url": "http://localhost:8080",
    "width": 1280,
    "height": 720
  }
}

3. コード品質のチェック

JavaScript/TypeScript コードの品質を検証します。

パラメータ：

code（必須）：チェックするコード内容
linter（オプション）：使用するコードチェックツール（デフォルト：ESLint）

使用例：

{
  "tool": "lint_code",
  "params": {
    "code": "function hello() {\n  console.log('Hello, World!');\n}\nhello();",
    "linter": "ESLint"
  }
}

4. HTML ファイルの検証

HTML ファイルのアクセシビリティと準拠性をチェックします。

パラメータ：

html（必須）：検証する HTML 内容
checkAccessibility（オプション）：アクセシビリティをチェックするかどうか（デフォルト：true）
checkW3C（オプション）：W3C 標準の準拠性をチェックするかどうか（デフォルト：true）

使用例：

{
  "tool": "validate_html",
  "params": {
    "html": "<html><head><title>测试页面</title></head><body><h1>欢迎来到我的网站！</h1></body></html>",
    "checkAccessibility": true,
    "checkW3C": true
  }
}

📦 インストール

リポジトリのクローン

git clone https://github.com/your-repository/local-scanner-mcp.git
cd local-scanner-mcp

プロジェクトのビルド

npm install

サーバーの起動

npm start

💻 使用例

VSCode/Cline との統合

Cline の設定ファイル（通常は ~/.config/line/addons_config.json）を編集します。

{
  "mcpServers": {
    "local-scanner": {
      "command": "node",
      "args": ["$(CURRENT_DIR)/path/to/local-scanner-mcp/build/index.js"],
      "disabled": false,
      "autoApprove": []
    }
  }
}

WindSurf/Cascade との統合

WindSurf の設定ファイル（通常は ~/.config/windsurf/config.json）を編集します。

{
  "mcpServers": {
    "local-scanner": {
      "command": "node",
      "args": ["$(CURRENT_DIR)/path/to/local-scanner-mcp/build/index.js"],
      "disabled": false,
      "autoApprove": []
    }
  }
}