10
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

[vscode] マークダウンをプレビューしたい

10
Posted at

はじめに

生成AIを用いた開発においてはmdファイルをコンテキストファイルとして活用し、

プロダクトコードの近くにおいて開発を駆動することが多いかと思われます。

この時、そのマークダウン化した内容が意図した通りになっているかどうかを確認したいことも多いかと思われますので、

今回は表題の通り、vscodeでの確認方法について記事を書いてみたいと思います。

前提とする環境は以下の通りです。

PC : Mac
editor : vscode

確認方法

といっても、とても簡単です。

手順1 : コマンドパレットを起動

MacならCmd+Shift+Pを押します。

WindowsならCtrl+Shift+Pで再現できるかと思われます。

手順2 : Markdown: Open Preview to the Sideを選択

手順1で検索窓が表示されるかと思われますので、

そこに「Markdown: Open Preview to the Side」をコピー&ペーストしてください。

すると候補の中に上記と同じものが表示されるかと思われます。

あとは検索でヒットした上記を選択するだけです。

スクリーンショット 2026-02-16 10.47.00.png

プレビュー表示したいmdファイルを表示している状態で検索をしないと上手く引っかからないので、ここだけは注意かと思います。

参考

10
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
10
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?