js-notepad: Claude Code用の組み込みMCPサーバーを備えたスクリプト可能なメモ帳

js-notepadは、Claude Codeを使用しながらVS Codeと連携して動作するように設計された、スクリプト可能なメモ帳アプリケーションです。コーディングワークフローのための補助ツールとして機能し、完全にClaude Codeの支援で構築されています。

主な機能とユースケース

開発者は、Claude Codeセッション中にjs-notepadをVS Codeと並行して使用し、以下の特定の目的に活用しています：

• ドキュメントのレビュー – Mermaid図のサポート付きでMarkdownがライブレンダリングされ、HTMLモックアップは内蔵ブラウザタブでプレビューできます。
• 作業の追跡 – ワークスペースを離れることなく、素早くToDoやメモを作成できます。
• 変更の監視 – ナビゲーションパネル付きの複数タブグループにより、プロジェクトファイルを閲覧し、Claudeが実装した内容をレビューできます。

技術的な実装

このアプリケーションには、以下の技術コンポーネントが含まれています：

• 内蔵MCPサーバー – Claude Codeがページの読み書き、スクリプトの実行、ToDoの作成、結果のプッシュをアプリケーションに直接行えるようにします。
• Monaco Editor – VS Codeで使用されているのと同じエディターエンジンです。
• グリッドエディター – JSONファイルやCSVファイルを扱うための機能です。
• ノートブックおよびToDoエディター – 異なるコンテンツタイプのための専用インターフェースです。
• PDFビューアー – 内蔵のPDF閲覧機能です。
• JavaScript/TypeScriptスクリプティング – カスタム機能のための完全なNode.jsアクセスを備えています。

このツールは無料でオープンソースであり、現在Windowsで利用可能です。ソースコードはGitHubのgithub.com/andriy-viyatyk/js-notepadでホストされています。