2017年9月7日movファイルを手軽にgifに変換するシェル関数パッと画面上の動きなどをSlackなどで共有したい場合に、mov形式の動画からGIFを生成するのは何かと面倒ですし、ファイルサイズも大きくなりがちです。いってAppStoreから余計なフリーソフトなどを入れたくないですよね。そこでシェル関数という形でまとめてみました。gifsicleなどする。FFmpegは言わずと知れた動画や画像を変換するためのソフトウェアで、gifsicleはアニメーションGIF化をいい感じにやってくれるやつです。#と指定すれば横幅500px・FPS30で出力アニメーションGIFのファイルサイズはFPSに大きく依存しますが、動きをよく見せたい場合もあるので、FPSを指定できるようにしてあります。GIF画像の高さを指定できないのは、殆どの場合キャプチャした動画は正方形に近く、サッと共有したい場合にはだいたいの画像の大きさが指定できれば十分という理由からです。出力例こんな感じのGIFファイルが生成できます。2017年5月11日PhpStormでnode製サイトのプレビューをするnode製サイトを開発時はwebpackを利用していればwebpack-dev-serverなどを利用するのが常ですが、プロダクションビルド後のファイルで確認したい場合もあります。いうときにわざわざサーバーにアップロードしたり、MAMPなどを利用するのは面倒です。PhpStormであればビルドも含めてショートカット1発でサーバーを起動することができます!今日はその設定をしていきましょう。設定は1分で終わります。Configurations」のウィンドウを表示し下記に設定します。ドキュメントルートへのパスHostとPortは他のアプリケーションが利用中だと起動できないので、webpack-dev-serverやMAMPなどを利用している場合は被らないように設定するのが吉です。script」をクリックします。Script」のウィンドウが開くので下記に設定します。server'(上記のName:で設定した名前)」をクリックすれば指定したHostとPortでサーバーが起動します。PhpStormなどJetBrains製のIDEはWeb関係の技術と親和性が高いので、Web開発者は必携ですね。