Phase 2実装開始: VPS-ROOT並行運用型統合MCPクライアント¶

🎯 実装目標¶

• フロントエンド基盤構築: React+TypeScript+TailwindCSS
• 既存MCP完全保護: Claude Desktop機能への影響ゼロ
• 並行運用確認: Web版とDesktop版の共存テスト

📍 作業場所¶

• プロジェクトディレクトリ: /root/mcp-web-parallel/
• ドメイン: mcpweb.call2arm.com (予定)
• 技術スタック: React+TS+TailwindCSS+LINEデザイン言語

🛠️ Phase 2実装内容¶

1. フロントエンド基盤構築¶

• React Application: Vite+TypeScript+TailwindCSS
• UI Design System: LINEデザイン言語ベース
• 認証システム: 独立認証 (既存と分離)
• 状態管理: Zustand (軽量・シンプル)

2. 既存MCP保護機能¶

• Read-Only統合: 既存MCPサーバへの読み取り専用アクセス
• 競合検出: Claude Desktop利用時の自動検出
• 設定ファイル保護: claude_desktop_config.json 変更禁止
• 並行動作確認: Desktop版と Web版の同時利用テスト

3. 基本機能実装¶

• Redmine統合: チケット表示・検索 (読み取り専用)
• ファイルシステム: VPS-ROOT ファイル確認 (読み取り専用)
• Docker管理: コンテナ状況表示 (監視のみ)
• System Info: VPS-ROOT システム情報表示

🔒 安全実装ポリシー¶

既存環境保護¶

• ✅ claude_desktop_config.json 変更禁止
• ✅ 既存MCPサーバプロセス無変更
• ✅ Claude Desktop接続無影響
• ✅ 既存ログ・データ無変更
• ✅ ユーザー設定・プリファレンス保持

独立運用保証¶

• 🔒 独立認証システム (既存認証と分離)
• 🔒 独立Docker環境 (既存コンテナと分離)
• 🔒 独立ネットワーク (既存ネットワークと並行)
• 🔒 Read-Only統合モード (既存MCPへの影響ゼロ)

📊 成功指標¶

• 既存機能稼働率: 100% (Claude Desktop MCP機能に影響なし)
• 並行動作率: 100% (Web版が既存MCPに依存しない)
• 基本機能実装: 90%+ (フロントエンド基本画面)
• 安全性確保: 100% (既存環境への影響ゼロ)

🗓️ 実装スケジュール¶

1. 環境構築: プロジェクト構造・Docker設定
2. フロントエンド実装: React基盤・認証・基本UI
3. Read-Only統合: 既存MCP読み取り専用アクセス
4. テスト・検証: 並行動作確認・安全性テスト

関連チケット: #602 (リモートMCP基盤), #601 (OAuth認証)