ITエンジニア/デザイナ向けにオープンソースを毎日紹介

操作をキャプチャして動画にする場合、何らかのソフトウェアを使うのが基本です。そして動画であったり、アニメーションGIFとして出力するのではないでしょうか。ソフトウェアをインストールするのが面倒だったり、探すのすら手間ですよね。

Webページの操作であれば、DOMRecを使ってみるのが一つの手です。JavaScriptベースでWebページ操作をレコーディングできるソフトウェアです。

DOMRecの使い方

デモです。

操作の内容はJSONで出力されます。

再生しているところです。

DOMRecはDOM操作を記録して、再現できるソフトウェアになります。記録内容はJSONで保存されているので、内容をカスタマイズするのも容易でしょう。クリックや入力など、イベントを記録しているようです。DOMRecであればWeb標準の技術で再現できるのがメリットといえそうです。

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

Pernosco/DOMRec: DOM Recorder

 

MOONGIFTの関連記事

  • DevRel
  • Com2