Headless Editor MCP

言語サーバープロトコル（LSP）とモデルコンテキストプロトコル（MCP）に基づく無インターフェースのコードエディタサービスで、言語インテリジェントサポートとAI支援によるコード操作機能を提供します。

開発者ツール人工知能チャットボット #コード編集 #言語インテリジェント #AI支援 #安全な操作 .TypeScript

スコア : 2.5ポイント

ダウンロード数 : 11.6K

更新時間 : 2025-04-29

サイトを開く

MCPサーバーとは？

MCPサーバーは無インターフェースのコード編集ツールで、言語サービスプロトコル（LSP）のコードインテリジェント機能とAI支援によるコード操作能力を組み合わせています。開発者はAPIを通じてサーバーとやり取りし、インテリジェントなコード編集、分析、リファクタリングを実現できます。

MCPサーバーの使い方は？

コマンドラインでサーバーを起動した後、開発者はクライアントを使用して接続し、編集要求を送信できます。サーバーは編集セッションを管理し、コードの状態の一貫性と安全性を確保します。

適用シーン

大量のコード修正、AI支援によるプログラミング、自動化されたコードリファクタリングなどのシーンに適しており、特に開発ツールやIDEの統合に適しています。

主要機能

言語インテリジェントサポート

Language Server Protocol（LSP）を通じて、コード補完、エラーチェックなどの言語インテリジェント機能を提供します。

AI支援による編集

Model Context Protocol（MCP）を通じて、AI駆動のコード修正と提案を実現します。

Reactコンポーネント分析

Reactコンポーネントに特化した深層分析と操作機能を提供します。

安全なファイル操作

厳格なアクセス制御とパス検証により、ファイルシステムの安全性を確保します。

利点

複数のプログラミング言語のインテリジェント編集機能をサポート

コードフォーマットの正確な修正能力を維持

厳格なアクセス制御とセキュリティメカニズム

充実したセッション管理と状態追跡

制限

現在はTypeScript/JavaScriptのみ完全にサポート

大型ファイルの処理性能は改善が必要

言語サーバーの追加構成が必要

グラフィカルユーザーインターフェースが不足している

使い方

依存関係のインストール

Node.js環境がインストールされていることを確認し、プロジェクトの依存関係をインストールします。

プロジェクトのビルド

TypeScriptソースコードをコンパイルします。

サーバーの起動

アクセスを許可する作業ディレクトリを指定してサーバーを起動します。

クライアントの接続

クライアントAPIを使用してサーバーに接続し、編集セッションを開始します。

使用例

Reactコンポーネントのリファクタリング

クラスコンポーネントを関数コンポーネントに変換し、Hooksを追加します。

一括リネーム

複数のファイルにまたがって変数や関数をリネームします。

よくある質問

新しい言語のサポートを追加するにはどうすればいいですか？

複数のファイルを同時に編集できますか？

ファイル操作の安全性を確保するにはどうすればいいですか？

🚀 ヘッドレスコードエディタ MCP サーバ

強力で言語に依存しないヘッドレスコードエディタです。言語サービスプロトコル（LSP）を利用してコードのインテリジェンスを実現し、モデルコンテキストプロトコル（MCP）を通じてAIによるコード操作の支援を行います。

✨ 主な機能

LSP を統合し、言語のインテリジェンスをサポート
厳格なアクセス制御を持つ安全なファイルシステム操作
会話形式の編集と状態管理
TypeScript/JavaScript の深度分析に対応した言語サポート
React コンポーネントの検出と操作
書式を保持した編集操作
包括的なログ記録とエラートラッキング

📦 インストール

# 依存関係のインストール
npm install

# プロジェクトのビルド
npm run build

# テストの実行
npm test

💻 使用例

基本的な使用法

サーバーの起動

# 許可されたディレクトリを指定して起動
node build/index.js /path/to/workspace

# 複数の許可されたディレクトリを指定して起動
node build/index.js /path/to/workspace1 /path/to/workspace2

MCP ツール

start_session：新しい編集セッションを作成
edit_code：コードの変更を適用
validate_code：現在のコード状態を検証
close_session：セッションをクリーンアップして閉じる

統合の例

const client = new Client(
  { name: "example-client", version: "1.0.0" },
  { capabilities: {} }
);

// サーバーに接続
const transport = new StdioClientTransport({
  command: "node",
  args: ["./build/index.js", "/workspace"]
});

await client.connect(transport);

// セッションを開始
const result = await client.request({
  method: "tools/call",
  params: {
    name: "start_session",
    arguments: {
      filePath: "/workspace/example.ts",
      languageId: "typescript"
    }
  }
});