asciinema / asciicast2gifでターミナルのアニメーションGIFをつくる

ターミナルでのコマンド実行のアニメーションGIFを作るとき、自分はasciinemaとasciicast2gifを使っています。

github.com

github.com

ターミナルのアニメーションGIFを作るツールはいろいろありますし自分でも試したのですが、今のところ使い勝手が良いのと出力されるGIFが良い感じなのでこれらに落ち着いています。

使い方

asciinemaをインストール

MacであればHomebrewでインストール可能です

$ brew install asciinema

それ以外だと pip でインストールすることになります

$ sudo pip3 install asciinema

asciinemaはDockerも用意されていてそちらも利用可能なのですが、自分は手元のコマンド環境を録画することが多いのと、自分でカスタマイズしたターミナルのままで録画したいので直接インストールしてしまいます。

asciinemaで録画

asciinemahttps://asciinema.org にアップロードされる想定で作られていますが、今回は使いません。asciicastというファイルフォーマットで出力する形で録画をします。

以下のコマンドで録画が開始されます。

$ asciinema rec mycli.cast

Ctrl-Dexit で録画が終了します。mycli.cast というファイルが出力されているかと思います。

asciicast2gifでGIFに変換する

asciicast2gifもDockerが用意されているので、こちらはDockerで実行します。

$ docker run --rm -v $PWD:/data asciinema/asciicast2gif mycli.cast output.gif

オプションも充実しているので、速度やサイズなどを調整します。

これで終わりです。

では実際の流れを見てみましょう

インストールからアニメーションGIF作成まではこんな感じです。

f:id:k1LoW:20180501001604g:plain

実際にできたアニメーションGIFはこんな感じです。

f:id:k1LoW:20180501001547g:plain

という感じに asciinemaの録画をasciinemaで録画できるくらい優秀なので 是非使ってみてください。