ソースコードを画像化するVS Code拡張機能「Polacode」の使い方

Polacodeとは

ソースコードの選択部分を画像化するVS Code拡張機能。

この拡張機能をインストールすれば下図のようなソースコードの画像をVS Codeだけで作成できます。

まず以下のリンク先からPolacodeのVS Code拡張機能をInstallボタンを押してインストールする。

Polacodeは類似の拡張機能がたくさんあるので、間違えて別のものをインストールしないよう以下のリンク先からインストールしたほうが確実です。

インストールしたらコマンドパレット( shift + command + P )でPolacodeを検索して選択して画面右にPolacodeのプレビュー画面を表示させます。

次に画像化したソースコード部分を選択します。

公式サイトには選択するだけで画面右のPolacodeのプレビュー画面に反映されると動画にはありますが、最新のVS Codeではソースコードをコピーして画面右のPolacodeのプレビュー画面にペーストしないと反映されないので注意が必要です。

※ オリジナルのPolacodeの場合。改良版のPolacode-2020なら選択時に反映される。

ソースコードを右のプレビュー画面にコピペしてプレビュー画像下の保存ボタンを押せば保存できます。

Polacodeのプレビュー画像の右下部分をドラッグすることで画像サイズを変更できます。

ソースコードの黒の背景色の部分を広げれば下図のようにグレーの背景色部分をなくして保存することも可能です。

以上のような簡単な手順でソースコードを画像化できるので、ぜひ試してみてください。