HTML5 APIが拡充されることで、これまでデスクトップアプリケーションでしかできなかったことが、どんどんWebブラウザ上で実現できるようになっています。開発環境だってAtomやVS CodeのようにHTML5で作られたものが主流になってきています。 今回紹介するgifcapはWebベースでアニメーションGIFを作成するソフトウェアになります。

gifcapの使い方

メイン画面です。

共有する画面を選択します。全画面、アプリケーション、Chromeタブが選択できます。

録画中です。

録画が終わるとプレビューが表示されます。

アニメーションGIFに変換中。

アニメーションGIFになりました。後は保存するだけです。

gifcapはWebRTCの画面共有機能を使っています。操作内容を記憶しておき、それを動画で出力します。そして動画を一コマずつアニメーションGIFに変換するようです。動作は意外と速く、それほどストレスはなさそうです。

gifcapはJavaScript製のオープンソース・ソフトウェア(MIT License)です。

gifcap joaomoreno/gifcap: Capture your screen to a GIF using your browser