mottox2 blog

おしゃれなコード画像を生成するCLIツール『Silicon』

tooltoolrust

thumbnail

自分はLT資料を作る際に、『Carbon』というおしゃれなコード画像を生成するWebサービスを利用しています。今回はCarbonをインスパイアした『Silicon』というRust製のCLIツールを発見したので紹介します。

こういった画像がCLIで生成できます。

code2img-190804213221.png (34.7 kB)

インストール方法

Rustをインストールしている前提で次のコマンドを実行します。

sh
$ cargo install silicon

$ silicon --versionでバージョン情報が出力されればインストールは成功です。

利用方法

Siliconは画像化したいファイルのパスと、outputオプションで出力先のファイルを指定して動かします。
次のコマンドはsiliconの利用例です。

sh
silicon index.js -o main.png 

クリップボードのコードから画像を生成できます。
ただし、languageオプションで言語を指定してコードハイライトを有効にする必要があります。

sh
silicon --from-clipboard -l js -o main.png

背景・影色や、ウィンドウコントロール・行番号の非表示、ハイライトのテーマなどのオプションも指定できます。
helpオプションで指定できるオプションを確認できます。

silicon index.js -o test.png --background '#ffffff' --no-window-controls --no-line-number   --theme TwoDark

エイリアスの利用

例の通り、Siliconは多くのオプションを指定することになるでしょう。オプションの初期値を記入する設定ファイルの仕組みも用意されていないので、シェルのエイリアスとして設定することで便利に使えます。

例えば次のようなエイリアスを.bashrcなどシェルの設定ファイルに記入しましょう。
ファイルを引数として与えれば、タイムスタンプをファイル名としたpngファイルが~/Downloadフォルダに生成されるコマンドです。非常に乱暴なエイリアスですが、利便性は高めです。

.bashrc
alias code2img="silicon -o ~/Downloads/code2img-$(date '+%y%m%d%H%M%S').png --background '#ffffff' --no-line-number --no-window-controls"
~/.config/fish/fish.config
alias code2img="silicon -o ~/Downloads/code2img-(date '+%y%m%d%H%M%S').png --background '#ffffff' --no-line-number --no-window-controls"

利用例

ファイルを指定して画像を生成する

shell
$ code2img package.json

クリップボードから言語を指定して画像を生成する

shell
$ code2img --from-clipboard -l js

感想

コードを画像化する上でオフラインでも画像を生成できるSiliconは素晴らしい選択肢になると思います。

ただし、2019年08月04日現在は背景の透明化を行うことができません。しかし、Issueは既に立っているので対応されるのを期待しましょう。

(2019年8月9日追記)透明な背景色が使えるようになりました。
Add support for transparency by Aloxaf · Pull Request #31 · Aloxaf/silicon

B!
event

PowerPointで挑んだ「WeJS Festival !」参戦レポ

We are JavaScripters、略してWeJS。そんなWeJSが3周年ということで「WeJS Festival!」というイベントが開催されました:tada: そんな、超イケイケなフェスに

book

OOXMLと向き合う人にオススメな「Office Open XMLフォーマットガイド」を読んだ

最近、PowerPointファイルを生成するツールを作っています。 「PowerPointを作る」というと難しいと思われるかもしれません。しかし、OOXMLという仕様に従いXMLを作ってZIP形式で

event

『転職透明化らぼ』で個人の技術ブランディングについて話してきた

先日、『転職透明化らぼ』というイベントに参加してきました。 転職透明化らぼは転職に関わる情報を透明化して企業・個人双方にとってよりよい転職が増えることに貢献するのが目的です。 今回のテーマは『技術

lt