【要約】Markdownのプレビューを見ながら編集できる──VS Code 1.131 新機能を試す [Qiita_Trend] | Summary by TechDistill
> Source: Qiita_Trend
Execute Primary Source
// Problem
AI駆動開発の普及に伴い、開発者はMarkdownの編集において以下の課題に直面している。作業領域の不足と、視認性の確保がトレードオフの関係にあるためである。
- ・ソースとプレビューを左右に並べる2ペイン運用による画面の圧迫。
- ・エクスプローラーやCopilotとの併用による作業領域の不足。
- ・プレビュー確認とソース編集の頻繁な切り替えに伴う操作ストレス。
- ・AIが生成したMarkdownの確認と修正における、視認性と操作性の乖離。
// Approach
VS Codeは、レンダリング表示と編集を統合した「Hybrid Markdown editor」を導入した。これにより、プレビューとソースの往復を不要にする。具体的な活用方法は以下の通りである。
- ・
Reopen Editor With...からMarkdown Editor - Built-inを選択して起動する。 - ・
keybindings.jsonを編集し、Ctrl + Shift + Vでエディタを切り替える設定を行う。 - ・
settings.jsonのworkbench.editorAssociationsでデフォルト設定が可能。 - ・
Lockedモードにより、AIエージェントへの範囲指定フィードバックを実現する。
// Result
新機能の導入により、Markdownの閲覧と編集の境界が消失した。これにより、以下の成果が得られる。
- ・プレビュー用の追加ペインが不要になり、画面スペースを有効活用できる。
- ・AIエージェントに対し、見た目を確認しながら直感的な修正指示が可能。
- ・文章の微調整にはMarkdown Editor、構造的な編集にはText Editorという使い分けができる。
- ・実験的機能ながら、AI駆動開発におけるドキュメント管理の効率を向上させる。
Senior Engineer Insight
> 本機能は、AIエージェントとの協調作業におけるDXを劇的に改善する。特に「Locked mode」によるフィードバックは、指示の具体性を高める。ただし、実験的機能ゆえの不安定さには注意が必要だ。大規模な構造変更には従来のText Editorが適している。用途に応じたエディタの使い分けが、実戦での生産性維持の鍵となる。