CC Guide
中級

LSP 統合でリアルタイムにコード品質を監視する

Language Server Protocol を Claude Code に統合し、編集直後にエラーや型の問題を検出する方法

lspcode-qualityide

LSP 統合でリアルタイムにコード品質を監視する

Claude Code は Language Server Protocol(LSP)をサポートしており、コード編集後にリアルタイムでエラーや型の問題を検出できます。oh-my-claudecode のプラグインが提供する LSP ツールを使うと、さらに強力なコードインテリジェンスが利用可能です。

Claude Code ネイティブの LSP 設定

.claude/.lsp.json またはプラグインの .lsp.json で設定します。

{
  "typescript": {
    "command": "typescript-language-server",
    "args": ["--stdio"],
    "extensionToLanguage": {
      ".ts": "typescript",
      ".tsx": "typescriptreact"
    }
  }
}

サポートされる LSP サーバー

言語サーバー起動コマンド
TypeScripttsservertypescript-language-server --stdio
Gogoplsgopls serve
Pythonpylsppylsp
Rustrust-analyzerrust-analyzer

LSP の機能

機能説明
リアルタイム診断編集直後にエラー/警告を表示
定義へのジャンプシンボルの定義位置に移動
参照の検索シンボルの全使用箇所を検索
ホバー情報型情報とドキュメントを表示

oh-my-claudecode の LSP ツール

OMC をインストールすると、MCP サーバー経由で以下のツールが利用可能になります。

診断の確認

> src/auth/login.ts の診断結果を確認して

lsp_diagnostics ツールがファイルのエラー、警告、ヒントを報告します。

シンボルのアウトライン

> src/api/users.ts のシンボル一覧を表示して

lsp_document_symbols が関数、クラス、変数などの階層的なアウトラインを提供します。

定義へのジャンプ

> authenticateUser 関数の定義を探して

lsp_goto_definition がシンボルの定義場所を特定します。

参照の検索

> UserProfile 型がどこで使われているか探して

lsp_find_references がコードベース全体でシンボルの使用箇所を検索します。

シンボルのリネーム

> processOrder を handleOrder にリネームして

lsp_rename がプロジェクト全体で安全にリネームを実行します。

プロジェクト全体の診断

> プロジェクト全体の型エラーを確認して

lsp_diagnostics_directory ツールがディレクトリ単位でエラーをスキャンします。tsc --noEmit を優先し、フォールバックとして LSP 反復を使用します。

実践的なワークフロー

  1. コードを編集したら lsp_diagnostics で即座にエラー確認
  2. リファクタリング前に lsp_find_references で影響範囲を把握
  3. 新機能追加後に lsp_diagnostics_directory で全体の健全性を確認
  4. リネームは lsp_rename で安全に実行

あわせて読む

関連コンテンツ