Macでデスクトップの操作を動画でキャプチャしてブラウザツールでgifアニメーションにするまで

ふと、自分のTerminalを録画したくなることってあるじゃないですか？え？あるじゃないですか。

という時の方法を示します。

その１　画面をキャプチャする

Mac OS X に標準でインストールされている QuickTime Player を利用することで、スクリーンキャプチャを撮ることができる。

Mac OS X で動画のスクリーンキャプチャを撮る方法 - maruko2 Note.

なんと。Macでは標準に入ってるアプリで出来るしこんなに簡単なんですね。

上記の方法で動画を作成してください。

その２　動画をgifアニメーションに変換する

いろいろフリーソフトを探していたのですがしっくり来るのがなく。
そうしたらブラウザでgifアニメーションに変換できる神ツールを発見しました。
動画をアニメーションGIFに変換するウェブアプリケーション作った - hitode909の日記
hitode909/rokuga · GitHub

超便利です。

自分の場合は手元のMacで使おうと思いましたが、インストールで以下のように一旦エラーになってしまいました。

$ bundle install
Fetching gem metadata from https://rubygems.org/..........
Fetching gem metadata from https://rubygems.org/..
Using coffee-script-source (1.4.0)
Using multi_json (1.5.0)
Using execjs (1.4.0)
Using coffee-script (2.2.0)
Using rack (1.4.4)
Using rack-protection (1.3.2)
Installing rmagick (2.13.1) with native extensions
Gem::Installer::ExtensionBuildError: ERROR: Failed to build gem native extension.

        /Users/hogehoge/.rbenv/versions/1.9.3-p194/bin/ruby extconf.rb
checking for Ruby version >= 1.8.5... yes
extconf.rb:128: Use RbConfig instead of obsolete and deprecated Config.
checking for gcc... yes
checking for Magick-config... yes
checking for ImageMagick version >= 6.4.9... yes
checking for HDRI disabled version of ImageMagick... yes
checking for stdint.h... yes
checking for sys/types.h... yes
checking for wand/MagickWand.h... yes
checking for InitializeMagick() in -lMagickCore... no
checking for InitializeMagick() in -lMagick... no
checking for InitializeMagick() in -lMagick++... no
Can't install RMagick 2.13.1. Can't find the ImageMagick library or one of the dependent libraries. Check the mkmf.log file for more detailed information.

*** extconf.rb failed ***
Could not create Makefile due to some reason, probably lack of
necessary libraries and/or headers.  Check the mkmf.log file for more
details.  You may need configuration options.

Provided configuration options:
        --with-opt-dir
        --without-opt-dir
        --with-opt-include
        --without-opt-include=${opt-dir}/include
        --with-opt-lib
        --without-opt-lib=${opt-dir}/lib
        --with-make-prog
        --without-make-prog
        --srcdir=.
        --curdir
        --ruby=/Users/hogehoge/.rbenv/versions/1.9.3-p194/bin/ruby
        --with-MagickCorelib
        --without-MagickCorelib
        --with-Magicklib
        --without-Magicklib
        --with-Magick++lib
        --without-Magick++lib


Gem files will remain installed in /Users/hogehoge/.rbenv/versions/1.9.3-p194/lib/ruby/gems/1.9.1/gems/rmagick-2.13.1 for inspection.
Results logged to /Users/hogehoge/.rbenv/versions/1.9.3-p194/lib/ruby/gems/1.9.1/gems/rmagick-2.13.1/ext/RMagick/gem_make.out
An error occurred while installing rmagick (2.13.1), and Bundler cannot continue.
Make sure that `gem install rmagick -v '2.13.1'` succeeds before bundling.

事前にimagemagickをインストールするのと、rmagickのインストールのときにdocument抜くのと、Versionが指定されてないようにGemfile.lockを削除してインストールしたら入りました。

# clone してないなら
git clone git://github.com/hitode909/rokuga.git
cd rokuga
brew install imagemagick
gem install rmagick --no-rdoc --no-ri
gem install bundler
rm Gemfile.lock
bundle install
rackup

めっちゃ便利です。

追記
さっそく使ってみました