背景

こんにちは、うだいです。
昨日の記事に引き続いてVSCodeの話をします。
今回はVSCodeでかっこいいスクリーンショットを撮るお話です。

「Polacode」

早速ですが、VSCodeには「Polacode」という拡張機能があります。

この拡張機能を使うと以下のようなきれいなスクリーンショット(より正確に言うとコードのスナップショット)が撮れます。

この拡張機能は120万を超える圧倒的なダウンロード数を誇りますが、いくつかのUX的な問題を抱えています。

そのためこのプロジェクトは多くのフォークを生み出しており、VSCodeの拡張機能検索画面で「Polacode」と入力すると多くの類似拡張機能を発見できます。

そこで私は上記の問題を解決するために2つの拡張機能を組み合わせることで対処をしています。

Polacode-2022

polacode-button

「Polacode-2022」は jeff-hykin氏によるPolacodeのフォークです。
標準の機能に加え、

の機能があります。

「polacode-button」は私が自作した拡張機能です。
この拡張機能自体はスクリーンショットを撮影する機能を持たず、VSCode最下部のステータスバーにPolacodeを開くためのボタンを追加します。

VSCodeの拡張機能アクティベーションは、コマンドさえわかれば他の拡張機能から発火させることが簡単にできます。

これらの拡張機能によってパッと簡単にコードのスクリーンショット(スナップショット)を撮影してスライドなどに埋め込むことができるようになりました。
また、VSCodeの拡張機能開発は非常に敷居が低いのでぜひ物足りなさを感じたら作ってみてくださいね。