操作
バグ #687
未完了VPS-ROOT並行運用型統合MCPクライアント - Phase 2: フロントエンド実装・動作テスト
ステータス:
新規
優先度:
高め
担当者:
-
開始日:
2025-06-24
期日:
進捗率:
0%
予定工数:
説明
🎯 Phase 2実装目標¶
VPS-ROOT並行運用型統合MCPクライアントのPhase 2として、Web版フロントエンドUI実装と基本動作テストを実施。
📋 前提条件(Phase 1完了事項)¶
- ✅ 既存MCP完全保護システム実装済み
- ✅ OAuth 2.1 + PKCE認証基盤構築済み
- ✅ 独立Redmine統合実装済み
- ✅ 安全並行運用Docker構成完了
- ✅ プロジェクト場所:
/root/mcp-web-parallel/
🎨 Phase 2実装スコープ¶
1. React フロントエンド実装
技術スタック¶
- フレームワーク: React 18+ + TypeScript
- スタイリング: TailwindCSS + LINEデザイン言語
- 状態管理: Zustand + React Query
- ビルドツール: Vite
- UI コンポーネント: Headless UI + Heroicons
主要画面実装¶
- 認証画面: OAuth 2.1フロー + Claude Desktop連携確認
- ダッシュボード: システム状況・既存MCP保護状態表示
- Redmine統合: チケット管理(作成・更新・検索・コメント)
- Docker管理: コンテナ状況確認(読み取り専用)
- 設定画面: 段階的移行・競合回避設定
2. 基本動作テスト
安全性テスト¶
- 既存Claude Desktop MCP機能への影響確認
- 競合検出・回避機能の動作テスト
- 緊急ロールバック機能の検証
機能テスト¶
- OAuth認証フローの正常動作確認
- Redmine統合機能のエンドツーエンドテスト
- APIエンドポイントの統合テスト
並行運用テスト¶
- Claude Desktop + Web版の同時利用テスト
- 読み取り専用モード切り替えテスト
- ユーザー体験・パフォーマンステスト
3. デプロイ・統合
本格デプロイ¶
-
mcpweb.call2arm.com
ドメイン設定 - Let's Encrypt SSL証明書統合
- Nginx proxy-network統合
監視・ログ¶
- アプリケーションログ統合
- エラー監視・アラート設定
- パフォーマンス監視ダッシュボード
🛡️ 安全要件(継続)¶
既存MCP保護(必須)¶
- claude_desktop_config.json変更禁止の継続
- 既存MCPサーバープロセスへの無影響保証
- 競合検出・自動調整機能の動作確認
段階的移行サポート¶
- ユーザー選択による利用方法切り替え
- 既存機能との比較・評価機能
- いつでもロールバック可能な設計
📊 成功指標¶
技術指標¶
- フロントエンド実装完了率: 100%
- 基本動作テスト合格率: 100%
- 既存MCP影響度: 0% (完全無影響)
- デプロイ成功率: 100%
ユーザー体験指標¶
- 認証フロー完了率: 95%+
- Redmine機能利用成功率: 90%+
- 並行運用満足度: 高(主観評価)
- 段階的移行サポート評価: 良好
🔄 Phase 3予定(参考)¶
- ユーザー受入テスト・フィードバック収集
- 機能拡張(ファイルシステム統合・Docker操作等)
- 本格運用移行・既存MCPからの段階的移行サポート
📁 作業場所・関連情報¶
-
プロジェクト:
/root/mcp-web-parallel/
- Phase 1チケット: #686 (完了)
- Git管理: VPS-ROOT統合リポジトリ
- 技術仕様: VPS-ROOT技術スタック準拠
表示するデータがありません
操作