🎯 Serena MCPとは?従来のAI開発ツールとの違い
「ボタンをiOSっぽくして」→ AI がページ全体を統一的に修正!
📘 Serena MCPとは?
Serena MCP(Model Context Protocol)は、AIがあなたのプロジェクト全体を理解してコーディングを支援する無料のオープンソースツールです。
従来のAIコーディングツール(GitHub Copilotなど)は、開いているファイルしか見ることができませんでした。しかし、Serena MCPとClaude Codeを組み合わせることで、AIがプロジェクト全体の構造、過去の決定事項、コーディング規約などを理解した上で、より適切な提案やコード生成が可能になります。
💡 一言で言うと: 「プロジェクト全体を理解する、あなた専用のAI開発秘書」
従来のAIツール vs Serena MCP
😅 従来のAIツール
- ファイル単位の視野
「このボタンだけ変更」→ 全体がちぐはぐに
- コンテキスト喪失
修正のたびに同じ説明を繰り返す
- 手動で1ファイルずつ
プロジェクト全体の説明が必要
- 整合性の問題
他のファイルとの関連を考慮しない
✨ Serena MCP
- プロジェクト全体を理解
関連ファイルも自動で考慮
- メモリー機能
一度説明すれば覚えてくれる
- 自動的に全体分析
プロジェクト構造を即座に把握
- 統一的な修正
デザイン・命名規則を維持
💡 実例:数独アプリのUI改善
🗣️ 開発者の依頼
「page.tsxをもっとiOSネイティブっぽくして。特に"今日の数独"セクションを改善して」
🤖 Serena MCPの実行内容
- ✅ プロジェクト全体を自動分析
- ✅ Next.js + クロスプラットフォーム対応を把握
- ✅ TODOファイルも読んで将来計画を考慮
- ✅ ボタン・見出し・色使いを統一的に修正
- ✅ 既存のTailwind CSSを維持しながら改善
🎉 驚き:これら全てをIDEを開かずにチャットだけで実現!
👥 こんな人におすすめ
💻
個人開発者
- Copilotじゃ物足りない
- 有料ツールは高い
- プロジェクト全体を理解してほしい
👥
小規模チーム
- 新メンバー説明を自動化
- コードレビュー負担削減
- 一貫性のあるコード
📚
学習中の方
- AIに教わりながら開発
- ベストプラクティス習得
- プロジェクト構造の理解
⚡ Serena MCPの機能と特徴|Claude Codeとの連携
Claude Codeと組み合わせることで真価を発揮
🧠
プロジェクト理解力
「button.tsxを修正」→ 使用箇所、スタイル定義、関連コンポーネントも確認
💾
メモリー機能
初回に説明すれば記憶。2回目以降は説明不要で即座に理解
🎯
統一的な修正
「ダークモード追加」→ 全コンポーネントに一貫したダークモード対応
💰
完全無料
Claude無料プランでOK。Cursor($20/月)の代替として永続的に無料
🔍 通常のAIとの比較
操作
通常のAI
Serena MCP
ファイル修正依頼
そのファイルだけ見る
プロジェクト全体を考慮
コンテキスト
毎回説明が必要
一度説明すれば記憶
整合性
他ファイルと不整合
命名規則等を自動維持
コスト
有料ツール多数
完全無料(永続的)
🎬 実際の使用シーン
ケース1:コンポーネント分割
依頼:「UserProfileコンポーネントが大きすぎるので分割して」
🤖 Serena MCP が実行:
- 使用箇所を全て確認
- 既存の分割パターンを学習
- 命名規則に従って分割
- 関連テストも自動更新
ケース2:新機能追加
依頼:「ダークモード機能を追加して」
🤖 Serena MCP が実行:
- 既存テーマ管理を確認
- 全カラー使用箇所を特定
- CSS変数で実装
- LocalStorageで設定保存
🔧 Serena MCPのセットアップ方法|3ステップで完了
インストールから使用開始まで5分以内
STEP 1
💻
Claude Code インストール
npm install -g @anthropic/claude-cli
まだの方はこの1行だけ
→
STEP 2
🚀
Serena MCP 追加
claude mcp add serena -- uvx --from git+https://github.com/oraios/serena serena start-mcp-server --context ide-assistant --project "$(pwd)"
プロジェクトルートで実行
→
STEP 3
🎉
動作確認
claude chat
チャットを開始!
⚠️
セキュリティに関する重要な注意
Serena MCPは初回起動時に設定ファイル(~/.serena/serena_config.ymlと<project>/.serena/project.yml)を自動生成します。
- 読み取り専用モード推奨: 最初は
read_only: trueで運用し、十分に理解してから書込み操作を許可
- 任意コマンド実行:
execute_shell_commandツールは任意のコマンドを実行できるため注意が必要
💡 使用のコツ
⚡
初回レスポンス高速化(オプション)
大規模プロジェクトでは、事前インデックスでAIの応答を高速化できます:
uvx --from git+https://github.com/oraios/serena serena project index
📊
ダッシュボードで状態確認
ブラウザでSerenaの動作状況を確認できます:
http://localhost:24282/dashboard/index.html
🎯 実際の使い方のコツ
🎯
明確な指示
「このコンポーネントをiOSっぽく」など具体的に
🌟 3つのメリット
IDEを開かずにコード修正
プロジェクト全体を考慮した提案
❓ Serena MCPのよくある質問(FAQ)
疑問を解消して今すぐスタート
Q: 本当に無料で使えるの?
A: はい!
Serena自体は完全無料のオープンソースです。ただし、Claude CodeでClaude(LLM)を使う際の利用条件は、Claudeの無料/有料プランに依存します。
Q: どんな言語に対応?
A: 主要言語全て
- TypeScript/JavaScript
- Python、Java、Go、Rust
- その他多数対応
Q: セキュリティは大丈夫?
A: 基本的に安全
- ✅ 全てローカルで処理
- ✅ 外部サーバーに送信なし
- ⚠️ まずは
read_only: trueで運用推奨
Q: 設定ファイルはどこ?
A: YAML形式で自動生成
~/.serena/serena_config.yml
(ユーザー設定)
<project>/.serena/project.yml
(プロジェクト設定)
Q: npm installは必要?
A: 不要です
Serenaはuvx(Python)で動作します。npm installは公式と不整合なので使わないでください。
Q: Cursor/VSCodeでも使える?
A: 使えます!
Claude Desktop、Cursor、VSCodeなど、MCP対応のクライアントで利用可能です。設定方法は上級実装ガイドを参照してください。
🔗 対応言語の詳細
🚀 今すぐ始めよう
プロジェクトルートで実行するだけ!
claude mcp add serena -- uvx --from git+https://github.com/oraios/serena serena start-mcp-server --context ide-assistant --project "$(pwd)"
💡 無料・永続的・簡単セットアップ