今回はMarkdownのプレビューの方法を紹介。Code)はデフォルトでMarkdown記法を使って記述されたドキュメントをサポートしている。Markdownドキュメントをプレビューする方法を説明する。Codeが標準で提供する機能を使えば、現在編集中のMarkdownをプレビューできる。一般的には次の方法を使うとよいだろう。side)キーボード:[Ctrl]+[K]→[V](Win/Linux)、[Command]+[K]→[V](macOS)「プレビューをサイドバイサイド(隣り合わせ)に表示」するには、プレビューしたいMarkdownを開いているエディタ(のタブ)をアクティブにして、上に示したコマンドパレットのコマンドやキー操作を行えばよい。すると、Markdownを編集しているエディタ*1とは別のエディタが隣に開き、そこにプレビューが表示される。プレビューを隣り合わせで表示したところ編集しているMarkdownとそのプレビューは基本的には同期して表示される。内容を変更すれば、それがリアルタイムにプレビューにも反映されるし、一方をスクロールすれば、それに合わせてもう一方もスクロールされる。Codeでは実際にファイルを開いて編集する部分を「エディタ」と呼び、そこには複数のファイルをタブ形式で表示できる。エディタは最大で3つまで並べて表示できる。個々のエディタ(とそこに開かれたファイル群)を「エディタグループ」と呼ぶこともある。コマンドパレットやキーボードを使わずに、GUIベースで操作をするなら、Markdownファイルを開いているエディタ(タブ)の右側にある[プレビューを横に表示]ボタンをクリックしてもよい。[プレビューを横に表示]ボタンプレビューを同じエディタの別のタブに表示するには?[Ctrl]+[Shift]+[V]キー(macOSでは[Command]+[Shift]+[V]キー)を押せば、同じエディタ内に別のタブとしてプレビューを表示することもできる。同一エディタ内に別のタブとしてプレビューを表示したところ先ほどとは異なり、エディタが同じなので、隣り合わせで表示されない。Source])コマンドを選択する。以下のように、プレビューしているエディタ(タブ)の右端にある[ソースの表示]ボタンを利用してもよい。[ソースの表示]ボタンプレビューを特定のファイルにロックするには?複数のMarkdownを編集している場合、デフォルトでは、プレビュー用のエディタ(タブ)には、現在編集しているファイルの内容が表示される(別のファイルに切り替えれば、そのプレビューが表示される)。これを特定のファイルにロックすることもできる。Locking])コマンドを実行する。これにより、プレビューには特定のファイルの内容が常に表示されるようになる。ロックの切り替え]を選択してもよい。[...]ボタンをクリックすると表示されるポップアップメニューなお、このポップアップメニューにあるMarkdownのプレビュー関連の操作としては以下のものがある。Codeでは安全でないコンテンツ(HTTPSを使用していない外部サイトにある画像ファイルへのリンク、スクリプトなど)を表示しないようになっている。この設定を変更するのに使用する[プレビューを更新]:画像ファイルを入れ替えるなどしたので、明示的にプレビューを更新したい場合に利用するコマンドパレットには、これらのボタンに対応するコマンドも用意されているので、興味のある方は調べてみよう。メールマガジンをご購読ください。申し込みページへITmediaはアイティメディア株式会社の登録商標です。