Checklist Markdown
MarkdownのTODOリスト(- [ ] / - [x])をGitHubスタイルのリッチなプレビューで表示し、チェックボックスをクリックすることで元のMarkdownファイルの内容を即座に更新できる VS Code 拡張機能です。
✨ 主な機能 (Features)
GitHubスタイルのインタラクティブプレビュー
- GitHub Markdown風のデザインでTodoリストやテキストを美しくレンダリングします。
- ダークテーマ・ライトテーマの両方に自動適応します。
チェックボックスと元のMarkdownの双方向同期
- プレビュー上のチェックボックスをクリックすると、元のMarkdownファイル上の該当行の
[ ] と [x] が即座に書き換わります。
- エディタ側でMarkdownを直接編集した場合も、リアルタイムにプレビューへ反映されます。
- エディタのUndo / Redo(元に戻す / やり直す)履歴にも安全に記録されます。
TODO進捗バーの表示
- ファイル内のタスク数と完了率(例:
3 of 5 tasks completed (60%))を上部に自動集計・プログレスバー表示します。
クイックジャンプ
- プレビュー上のタスク行をダブルクリックすると、エディタの該当行へ即座にカーソルがジャンプします。
エディタショートカットキー
- エディタ上でタスク行にカーソルを置き、
Alt + X を押すだけでチェック状態([ ] ↔ [x])をトグルできます。
🚀 使い方 (Usage)
.md(Markdown)ファイルを開きます。
- エディタ右上の チェックリストアイコン(
Checklist Markdown: Open Interactive Preview)をクリックします。
- または、コマンドパレット(
F1 または Ctrl+Shift+P / Cmd+Shift+P)を開き、Checklist Markdown: Open Interactive Preview を実行します。
- エディタの横にGitHubスタイルのプレビューが表示されます。
- チェックボックスをクリックして、タスクの完了・未完了を切り替えます。元のMarkdownファイルが自動更新されます!
⌨️ ショートカット & コマンド
| コマンド |
キーバインド |
説明 |
Checklist Markdown: Open Interactive Preview |
- |
インタラクティブなチェックリストプレビューを横に開く |
Checklist Markdown: Toggle Task on Current Line |
Alt + X |
エディタの現在行のタスク状態をトグルする |
🛠 開発とデバッグ
F5 キーを押して、拡張機能開発用ホスト(Extension Development Host)を起動します。
- 開いた新しいVS Codeウィンドウで、同梱の
sample.md などのMarkdownファイルを開きます。
- エディタ右上のチェックリストアイコンをクリックしてプレビューをお試しください。
| |