GruntはJavaScriptやCSSのminifyや結合、テストなどだけではなく、CoffeeScript/LESSのコンパイルなどにも使えます。今回はGraphVizのdotファイルから画像ファイルを生成してみました。 使ったのはgrunt-graphviz。本当は、ソースコードからdotファイルも生…

昨日はPhantomJSをインストール、コマンドラインからPDFや画像を生成してみました。 今日は実際の用途に使われそうな、node.js(+ ExpressJS)からPhantomJSを使う方法を検証してみました。

PhantomJSは画面の無いブラウザをJavaScriptで操作できます。タイトルはPhantomJSの一部の機能でしかなく、ブラウザで可能な処理なら何でもできそうです。 PhantomJSを使う準備と、いくつかの使い方をまとめておきます。

軽めのネタです。 ほとんどGIF自体を使う事もなくなっていますが、画像をアニメーションさせる為だけにJavaScriptを使うのもなーという感じだったので。（MNGはどうなった？） $ convert -delay 50 -loop 0 ./in/*.jpg ./out/animation.gif 個別に遅延（-del…

「Node.js/ExpressJSでのファイルのアップロード - ZeBeVogue別館」でファイルのアップロード方法を確認しました。画像ファイルはアップロードした後に何かしらの処理を加える事が多いですので、画像処理の方法を調べてみました。調べた中で一番簡単だったの…

WebKitのみですが、なかなか良さげな画像エフェクト。 .grayscale {-webkit-filter: grayscale(100%);-webkit-transition: all 0.5s;} .grayscale:hover { -webkit-filter: none; /*Returns to default state*/ } span

アンケート作成システムのLimeSurveyを使ってみた。 独特のUIなので、少々慣れるのに時間がかかりそうな印象ではあるが、概ね問題なく使えそうな印象。ただ、１点出力されるグラフ内の凡例が文字化けしていた。 以下のサイトを参考にしたが、情報が２年前と…