技術記事を書くにあたって、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