12
7

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.

Polacode, Carbonでイイ感じのコード画像を作る

Last updated at Posted at 2021-02-21

コード画像?そんなんスクショで事足りるんじゃね?

そうですねw でもスクショだと画像が荒いときとかありますよね。
用途としては一定の画質を担保してコードが見やすい画像にしたいとき→LTとかのスライドにコード載せるときとか、Twitterに投稿するときとかですかね。

Polacodeってなに?

これですね。
https://marketplace.visualstudio.com/items?itemName=pnp.polacode

polacode.gif

どうやるの?

VS CodeでVS Codeにぶち込む。

スクリーンショット 2021-02-21 22.33.48.png

あとは動画の通りです、、と言いたかったのですが、↑のgitだとマウスのドラッグとPolacodeエディタが連動しているのですが私が試した限りではコピペが必要でした。。

Carbonってなに?

これですね。
https://carbon.now.sh/

スクリーンショット 2021-02-21 22.36.16.png

どうやるの?

エディタ等からコピーしたコードをぶち込む。

オプションは、

スクリーンショット 2021-02-21 22.39.31.png

  • テーマ(背景色やシンタックスハイライト)が選べる
  • 言語は自動で識別。選択も可。
  • エディタ周りの背景色も選択可。

スクリーンショット 2021-02-21 22.42.51.png

  • 詳細設定でいろいろ詳細に設定できる。
  • 貼り付けたコードをコピーするボタン付いてる(需要ある?w
  • ツイートできる

スクリーンショット 2021-02-21 22.47.05.png

  • えくすぽーとできる。ファイル名、サイズ、画像形式選べる。

以上

小ネタでした。

12
7
1

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
12
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?