コーディング自動化基盤

概要¶

RedmineMCPの改善プロジェクトの第二フェーズとして、チケット間の依存関係をグラフィカルに表示する機能を実装します。これにより、プロジェクト全体の構造を視覚的に把握でき、依存関係の管理が容易になります。

作業内容¶

1. 依存関係グラフ表示機能の設計

   • 表示形式の設計（ノードとエッジの表現）
   • レイアウトアルゴリズムの選定
   • スケーラビリティ対応（多数チケットの表示）
   • フィルタリング・検索機能の設計

2. グラフ表示UI実装

   • インタラクティブなグラフ描画
   • ズーム・パン機能
   • ノード（チケット）の詳細表示
   • エッジ（関係）の種類表示
   • グルーピング・折りたたみ機能

3. グラフ編集機能実装

   • ドラッグ＆ドロップによる関係編集
   • 新規関係の追加
   • 既存関係の削除・変更
   • 一括編集機能
   • 変更の保存・取り消し機能

4. 依存関係分析機能実装

   • クリティカルパスの表示
   • ボトルネックの検出
   • 循環参照の検出と警告
   • 依存関係の最適化提案

5. レポート・エクスポート機能実装

   • 依存関係グラフの画像エクスポート
   • PDF出力機能
   • 構造データのエクスポート（JSON/XML）
   • 外部ツールとの連携機能

成果物¶

• 依存関係グラフ表示UI
• グラフ編集機能
• 依存関係分析機能
• レポート・エクスポート機能
• ユーザーガイド

技術スタック¶

• D3.js/Vis.js/Cytoscape.js（グラフ描画）
• SVG/Canvas（描画）
• JavaScript/TypeScript（フロントエンド）
• Ruby/Rails（バックエンド）
• Redmine API

参照¶

• 親チケット: #525（RedmineMCP改善プロジェクト）
• 関連チケット: #528（親子関係設定の簡易化UI）