[Phase 4] StickyNoteNodeカスタムコンポーネントと.codegraph.jsonへの永続化
まだ誰も着手していません。
評価
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 初心者へのやさしさ
- 58/100
- issue の種類
- 機能追加
- 明瞭さ
- おおむね明確
- 活発さ
- 静か
- 技術スタック
- typescript
調査の方向性
Start with src/webview/components/nodes/StickyNoteNode.tsx and trace AnnotationStore, the SAVE_ANNOTATION message, and extension startup loading. Confirm how canvas context-menu creation, deletion, and node state are handled before connecting the new component. Done means a note can be added, edited, colored, deleted, persisted to workspaceRoot/.codegraph.json, and restored after restarting VS Code.
索引モデルが issue の本文から書いたものです。
説明
概要
キャンバス上に付箋ノードを追加・編集・削除でき、.codegraph.json に永続化されるホワイトボード基本機能を実装する。(MVPスコープ外だが次の優先タスク)
タスク
-
src/webview/components/nodes/StickyNoteNode.tsxを実装<textarea>によるMarkdown入力(auto-resize)- 色選択(yellow / blue / green / pink / orange)
- ダブルクリックで編集モード、クリック外で確定
- キャンバス右クリックメニュー「付箋を追加」でStickyNoteを生成
-
SAVE_ANNOTATIONメッセージで拡張ホストに送信 -
AnnotationStoreがworkspaceRoot/.codegraph.jsonに書き出し - 拡張起動時に
.codegraph.jsonを読み込んでアノテーションを復元 - 削除: 付箋ノードのDeleteキーまたは右クリック→削除
完了基準
付箋を追加→VS Codeを再起動→付箋が復元される。
工数目安
2.5日(StickyNoteNode 1.5d + 永続化 1d)
依存
Phase 3完了
- 主要言語
- 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
-
enhancement ui
難易度 3/5 1〜2日 初心者へのやさしさ 68/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 件 ·