15
14

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

VSCodeの別ウィンドウでリアルタイム同期プレビュー

Last updated at Posted at 2020-07-15

概要

MarkdownプレビューやMarpを利用したプレゼン資料など、VSCodeで編集しているMarkdownテキストの方では無くプレビュー側を見せて発表したい。2画面使って手元の画面は編集、拡張画面は発表という使い方をする。
この時、手元のテキストをその場で編集してリアルタイムに反映させたい。
軽く調べてもドンピシャな記事は出なかったけど簡単に出来たので方法をメモ。

ファイルの自動保存をOFF以外に選択

設定からfile autosaveで検索し自動保存をOFF以外に設定(デフォルトはOFF)

反映速度はデフォルトで1000msecとなっている。
ここの値を変えるとリアルタイムでの反映速度も変わるがあまり上げると負荷もあがるかも??

別ウィンドウで複製する

コマンドパレットを開いて(cmd + shift + p)、

> Duplicate Workspace in New Window

を実行し同一のウィンドウを作成

プレビューする

作成した新規ウィンドウにプレビューしたいマークダウンファイルを開いてプレビュー表示。(marpならプレゼン表示)
画面分割されるが一方の画面のタブにプレビューを持ってくれば全画面で表示可能。

リアルタイム編集可能なプレゼンをする

複製先は先程のプレビュー画面表示しつつ複製元のテキストを編集することでリアルタイムに変化するプレゼンがこれで出来ます。
デュアルディスプレイで片方はプレゼン、片方はテキスト編集するという形になると思います。

15
14
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
15
14

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?