VS Code Chronolog

VS Code Chronolog は、独自形式「Chronolog (.clog)」で記述された時系列メモを VS Code 上で効率的に扱い、その内容をタイムラインとグラフで可視化する拡張機能です。

概要

• 名称: VS Code Chronolog
• 目的: .clog ファイルで時系列メモを管理し、タイムライン・グラフで可視化
• ターゲットユーザー: 調査記録、研究ノート、プロジェクトログ、思考メモなどを時系列で管理したい VS Code ユーザー
• 開発言語: TypeScript

Chronolog (.clog) ファイル形式

• 拡張子: .clog
• UTF-8 テキスト
• メモ区切り: 空行または ---
• メタデータ: @topic, @time, @link, @tags など
• 内容: メタデータ以降のテキスト
• グラフ構造: [ノードA] -> [ノードB]: ラベル 形式で記述
• コメント: # で始まる行

サンプル

@topic: プロジェクトX 初期調査
@time: 2025-04-20 10:00:00
最初の要求仕様を確認。 @id: req-check

---

@topic: プロジェクトX 初期調査
@time: 2025-04-22 14:30:00
不明点について担当者に質問メール送信。 @id: question-sent

[req-check] -> [question-sent]: 不明点解消のため

主な機能

• .clog ファイルのシンタックスハイライト
• コマンドパレットまたはエディタ右上アイコンから Chronolog プレビューを開閉
• タイムライン表示（最新が上、古いものが下）
• メモ間の関係性をグラフで可視化
• プレビュー内でリンククリック、ノード詳細表示
• ファイル保存時のプレビュー自動更新

開発手順

セットアップ

1. 必要なパッケージをインストール:

   npm install
   

2. VS Code の推奨拡張機能をインストール:

   • ESLint
   • Extension Test Runner
   • TSLint Problem Matcher

コードフォーマット

以下コマンドで Prettier によるフォーマット:

npm run fmt

要件

• Visual Studio Code
• Node.js
• 上記の推奨拡張機能

Extension Settings

Known Issues

Release Notes

開発ロードマップ（抜粋）

• パーサー実装
• Webview プレビュー
• タイムライン・グラフ UI
• シンタックスハイライト
• ファイル変更検知
• インタラクション強化
• フィルタリング・検索・設定画面
• テスト・ドキュメント作成

ライセンス