#はじめに
gifアニメーションの作り方は調べればたくさん出てきますが、よく使う割に毎回調べるのが手間だったので、メモとして残させていただきます。
gifアニメーションはQiitaの記事でビジュアル化したい際はもちろん、teratail等でプログラミングの質問をする際や、GithubでわかりやすいREADMEを書くとき等、用途は多岐に渡るので、忘れたら毎回この記事に戻ってこようと思います。
#gifアニメーション作成方法
###Homebrewインストール
Homebrewが入っていない場合、↓のコマンド（2021/4/3時点）でHomebrewをインストール
$ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
$ brew -v
Homebrew 3.0.4
###ffmpegをインストール
gifへの変換はffmpegを使用します。
ffmpegのページからもインストールできますが、今回はHomebrewでやっていきます。
$ brew install ffmpeg
インストールできているかも一応確認します。
$ ffmpeg
これでエラーが起きずにコマンドが動作していればインストール完了です。
###動画ファイルをgifに変換
変換したい動画ファイルがあるディレクトリに移動します。
今回はデスクトップに動画ファイルを置いているので、デスクトップに移動して作業します。
$ cd Desktop
$ ls
movie.mov
このmovie.movをgifへ変換したいと思います。
ffmpeg -i movie.mov -r 10 sample.gif
i-の後ろのmovie.movは変換前の動画ファイル、sample.gifは変換後のgifファイルです。
-rの後ろの数字は1秒間に表示したい画像の数、画像数が多いほどgifはスムーズだが容量大きいということです。
今回は10にしていますが、-r 5にすれば容量は半分になります。
###gifファイルのプレビュー
gifファイルをそのまま開くと画像のプレビューになってしまうので、動きが確認できません。
なので、該当gifファイルを選択したら、**スペースキー**を押すと、gifをプレビューできます。
###gifファイルのをQiita記事に投稿
Qiitaの場合、gifファイル投稿はQiitaの下書き画面にドラッグアンドドロップでできます。
以下もgifファイルです。あるのとないのでは見やすさが違うので、積極的に活用していきたいと思います。
