Markdownで設計書を書いていると、避けて通れないのが次の作業です。
入力して、
プレビューを開いて、
表示を確認して、
また編集画面に戻る。
いわゆる、
入力 ⇒ プレビュー ⇒ 入力 ⇒ プレビュー
という作業の往復です。
見出し構成や箇条書きのネスト、表の見え方を確認するには仕方ないのですが、
この切り替えが地味に集中を削ってきます。
特に設計書のように「構造を考えながら書く文書」では、なおさらです。
そんな中で見つけたのが、
VS Code拡張 Markdown Live Editor でした。
Markdown Live Editor とは？
Markdown Live Editor は、
Markdownを“ほぼ完成形の見た目のまま編集できる” VS Code 拡張機能です。
最大の特徴はシンプルで、
- プレビューを別で開かない
- 書いた内容がその場で表示に反映される
という点です。
これにより、これまで当たり前だった
「編集画面とプレビュー画面を行き来する作業」を、ほぼ不要にします。
いつリリースされた拡張なのか？
Markdown Live Editor は、
2026年3月末に公開された比較的新しい拡張機能です。
2026年4月に入ってから技術系メディアやブログで取り上げられ始め、
「Markdownの編集とプレビューを行き来したくない人向けの拡張」として注目されるようになりました。
長年使われてきた定番拡張というよりは、
Markdown編集体験そのものを見直した新しめのツール、
という立ち位置です。
実際の画面を見ると何が違うのか
Markdown Live Editor でMarkdownファイルを開くと、
まず驚くのは「記法が目に入らない」ことです。
見出しは見出しとして、
箇条書きは箇条書きとして、
表は表として表示されます。
# や | を見ながら文章を書くのではなく、
完成形に近い状態のドキュメントを見ながら、そのまま編集する
という感覚になります。
さらに、文章を修正したり、見出しを追加したりすると、
表示はほぼリアルタイムで更新されます。
このため、
- 今どんな構成になっているのか
- 読んだときにどう見えるのか
を常に把握したまま書き進められます。
設計書用途で特に便利だと感じた点
実際に使ってみて感じたのは、
ブログ用途よりも 設計書との相性の良さ でした。
見出し構成を確認しながら書ける
章や節の粒度が適切か、
見出しが深くなりすぎていないかを、
書きながら自然に確認できます。
箇条書き・ネストの崩れにすぐ気づける
処理フローや条件分岐を書くときの多段リストも、
読みにくくなった瞬間に違和感として分かります。
表を「完成した表」として見ながら調整できる
パラメータ定義やIF仕様の表を、
プレビュー確認なしで整えられるのはかなり楽です。
思考が中断されにくい
表示確認のための操作が減ることで、
「何を書こうとしていたか」を忘れにくくなります。
なお、Markdownファイル自体は通常の .md のままなので、
Git管理や既存資産への影響もありません。
実際の画面
マークダウンを書くとリアルタイムにマークダウンでのプレビューになります。
VS Code標準プレビューとの大きな違い
VS Code標準のMarkdownプレビューは、
- 表示はきれい
- ただし編集は別画面
という割り切った作りです。
一方、Markdown Live Editor は、
- 表示されたその場で編集
- 表示とソースが常に同期
という方向性です。
「プレビューを見ながら編集したい」と感じたことがあるなら、
この違いはすぐ体感できます。
まとめ
Markdown Live Editor は、
- 2026年に登場した新しい VS Code 拡張でありながら
- Markdown設計書で長年感じていた
「入力とプレビューの往復」という無駄を素直に減らしてくれます。
特に、
- VS CodeでMarkdown設計書を書いている
- 構造や可読性を意識した文書を書くことが多い
- プレビュー確認のたびに集中が切れている
という人には、かなり刺さる拡張だと思います。
「Markdownは便利だけど書くのが少し疲れる」
と感じているなら、
一度試してみる価値は十分あります。
コメント