どうも上かるびです。 よくTwitterで見かけるこのような画像。 おしゃれですよね。 今回はこのような画像を簡単に出力できるVSCodeの拡張機能をご紹介します。 拡張機能「Codesnap」VSCodeのマーケットでインストールします。 Ctrl + Shift +Pから「codesnap」を選択、該当コードをドラッグして虹色のシャッターボタンを押すと画像として保存できます。 実際の動作デモリアルタイムでどのように出力されるか見ることができます。 オプションも豊富カスタマイズもいくつか可能です。行番号を表示するかどうかを切り替えたり、背景色やシャドウの色を変えられたりします。 Real Line NumbersをONにすると実際のコードの行がそのまま反映されます。OFFの場合は1からスタートになります。 きっかけの拡張機能「Polacode」はなぜか動かなかった今回の拡張機能を入れるき
