ソースコードを画像化


SNSにソースコードを載せたい時など文字としてコピペするとスタイルも崩れたり、文字数制限があったりと載せづらいときがあります。


VScodeの拡張機能Polacodeはソースコードの断片をいい感じの画像に出来る便利な拡張機能です。


https://forest.watch.impress.co.jp/docs/review/1415325.html


使い方


1. コマンドパレット(C + S + p)からpolacode


2. 右サイドパネルにサンプルコードが表示される



3. 画像化したいコードをサンプルコードの欄にコピペ


4. 画像はレスポンシブになっている、ウインド右下をつかんで形を調整


5. シャッターボタンから書き出し


サンプル


下記のような枠付きの"画像"出力されるのでこれをSNSにアップする