feat: 接続数フィルター（minConnectionCount）スライダーUIの追加
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 68/100
- issue の種類
- 機能追加
- 明瞭さ
- おおむね明確
- 活発さ
- 静か
- 技術スタック
- typescript
- 領域
- frontend
調査の方向性
Start with src/shared/types.ts to confirm the existing NodeFilter field, then locate the toolbar filter area and the baseNodes filtering logic. Add the 0–10 slider and connect changes to updateFilter({ minConnectionCount: value }); verify that zero restores all nodes, other modes remain compatible, and npm run check passes.
索引モデルが issue の本文から書いたものです。
説明
概要
NodeFilter.minConnectionCount は型定義・ストアに実装済みだが、操作するUIが存在しない。スライダーを追加し、接続数が閾値未満のノードをフィルタリングできるようにする。大規模 Org では孤立クラスや疎結合クラスが多く、このフィルターによってグラフのノイズを大幅に削減できる。
現状
// src/shared/types.ts（実装済み）
export interface NodeFilter {
hideTestClasses: boolean;
hideManagedPackages: boolean;
sobjectTypes: 'all' | 'custom-only' | 'referenced-only';
minConnectionCount: number; // ← UI なし
}
updateFilter アクションも実装済み。ストア側の変更は不要。
タスク
- ツールバーにスライダーコンポーネントを追加（右上フィルターエリア）
- 範囲: 0〜10（ステップ 1）
- デフォルト: 0（全表示）
- ラベル例:
接続 ≥ 2
-
baseNodesのフィルタリングロジックにminConnectionCountを反映- 対象ノード（
apex-class,apex-interface,sobjectなど）の接続エッジ数を集計 inDegree + outDegree < minConnectionCountのノードを除外
- 対象ノード（
- スライダー値 0 のときはフィルター無効（全ノード表示）
- スライダー変更時に
updateFilter({ minConnectionCount: value })を呼ぶ
UI イメージ
[ テスト非表示 ] [ MPkg非表示 ] [ 接続 ≥ [■──] 2 ]
完了条件
- スライダーを動かすと接続数が少ないノードが即座に非表示になる
- 0 にすると全ノードが再表示される
- フォーカスモード・検索モードと干渉しない
-
npm run checkが全てグリーン
依存
なし（型・ストアは実装済み）
- 主要言語
- TypeScript
- スター
- 0
- フォーク
- 0
- PR マージ指標
- 30日以内にマージされた PR はありません
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
qnaiv/codegraph のほかの issue
-
enhancement ui
難易度 3/5 1〜2日 初心者へのやさしさ 68/100
-
enhancement ui
難易度 3/5 1〜2日 初心者へのやさしさ 68/100
-
phase-4 whiteboard
難易度 4/5 3〜5日 初心者へのやさしさ 58/100
qnaiv/codegraph の issue をすべて見る
似ている issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
mksglu/context-mode#1200 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
jaegertracing/jaeger-ui#4506 ·
-
area:desktop area:ui bug platform:macos
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
anthropics/claude-code#96687 ·
-
good first issue
難易度 1/5 1時間未満 初心者へのやさしさ 95/100
AOSSIE-Org/DebateAI#582 · コメント 2 件 ·