タグ

2016年11月8日のブックマーク (3件)

  • gulp.js を今一度キチンと!gulp.js 導入基礎

    フロントエンドのお仕事として、HTMLCSSJavaScript のコーディング回りを行っていると、以前に比べてやらなければならないことが増えてきていました。そのため、細々した作業でも、自動化して効率よく開発をすすめないと、時間がかかってしまうことが多いです。 そんなときに活用できるのが、今回使い方を紹介する gulp です。 gulp.js このエントリーでは、gulp が使えるように、gulp とはどういうものなのかの簡単な説明から、導入の基礎部分までを書いておきます。コピペでしか使ったことがない!という人や、誰かのコピペに頼って使っていたような人も、今後の活用していくための参考に利用してもらえたら嬉しいです。 gulp とは? gulp.js は Node.js 製の毎回行うような作業を自動化してくれるツールです。よく様々なサイトでタスクランナーとして紹介されていますが、正確には

    gulp.js を今一度キチンと!gulp.js 導入基礎
    kefi3104
    kefi3104 2016/11/08
    gulp.js を今一度キチンと!gulp.js 導入基礎
  • ImageMagickをmacにインストール - Qiita

    Homebrewからインストールしようとしたらエラーが出たので、インストーラで入れてみることにしました こちらからインストール http://cactuslab.com/imagemagick/ 以下を選択 ImageMagick 6.9.1-0 for Mac OS X 10.5 – 10.10 Requires XQuartz. (7.8 MB) $ display page.png > dyld: Library not loaded: /opt/X11/lib/libfontconfig.1.dylib > Referenced from: /opt/ImageMagick/bin/display > Reason: Incompatible library version: display requires version 10.0.0 or later, but libfont

    ImageMagickをmacにインストール - Qiita
    kefi3104
    kefi3104 2016/11/08
    ImageMagickをmacにインストール
  • 2つの画像の違いを比較するnode.jsライブラリ「image-diff」

    2016年 8月1日 17時45分 7年前 画像の違いを比較するnode.jsライブラリ「image-diff」の紹介です。 画像の違いを比較する必要があるケースとはどんな時でしょうか?絵画の世界であれば、その絵が物か偽物かの判定等が思い浮かびます。 使う場面は限られそうですが、2種類の画像から 画像間の違いを1枚の画像として書き出することができるnode.js用のライブラリが「image-diff」です。 image-diffは、ImageMagickに依存しており、事前に導入している必要があります。 image-diffはターミナル上からnpmコマンドを使ってインストールします。 # cli版をインストールする場合 * cli版はコマンドライン上から使うことが出来ます npm install image-diff -g # module版をインストールする場合 npm install

    2つの画像の違いを比較するnode.jsライブラリ「image-diff」
    kefi3104
    kefi3104 2016/11/08
    2つの画像の違いを比較するnode.jsライブラリ「image-diff」