Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

[Phase 4] StickyNoteNodeカスタムコンポーネントと.codegraph.jsonへの永続化

オープン
#27 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
4/5
見積もり時間
3〜5日
初心者へのやさしさ
58/100
issue の種類
機能追加
明瞭さ
おおむね明確
活発さ
静か
技術スタック
typescript
領域
desktop, frontend

調査の方向性

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 の本文から書いたものです。

説明

phase-4 whiteboard

概要

キャンバス上に付箋ノードを追加・編集・削除でき、.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 はありません

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

qnaiv/codegraph のほかの issue

qnaiv/codegraph の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。