こんにちは。
リケイのオコジョです。
技術記事を書くにあたって、UIの操作感が視覚的にわかるgifアニメーションがあると良いですよね。
今回はMacでスクリーンキャプチャを取ってgifアニメーションに変換する方法を書きます。
スクリーンキャプチャを取って動画として保存する
「shift」「command」「5」の3つのキーを同時に押します。
ツールバーが出てくるので、キャプチャを撮りたい範囲を選択し「収録」をクリックすることで画面の動きの撮影が開始されます。
撮影を止める時は「command」「control」「esc」の3つのキーを同時に押します。
この時点ではmovファイルとして保存されます。
ffmpegでgifアニメーションに変換する
ffmpegコマンドでアスペクト比を保ちながら任意のサイズ（以下では幅1280px）のgifアニメーションに変換することができます。
$ ffmpeg -i capture.mov -r 24 -vf "scale=1280:-1" capture.gif
参考