Macでキー入力表示しつつターミナル操作をアニメーションGIFにする

tigから git rebase -i したらいろいろ捗った - くりにっき のブコメで

ターミナルのgif画像作るのに何のツール使ってるのか知りたい。キー入力の表示があるのが面白い。

とあったのでまとめてみます。

LICEcap

録画に使ってたやつ。

こんな風にターミナルを透過してるとアニメーションgifの作成に時間かかったりファイルサイズがでかくなりすぎるので録画する時は透過しない方がいいですｗ

Keycastr

キー表示に使ってたやつ

そのままではMarvericksで動かないので下記を参照

Marvericksでもkeycastrを動くように | たったのセブンクレジット

位置調整

ターミナルとLICEcapとKeycasterの位置調整をするとこういう風になります