Gulpを使用してSassのコンパイルをするときに使用するgulp-sassとgulp-ruby-sass。 どちらも用途は同じなのですが、微妙に違いがあり、どちらを使用すると良いのかいつも迷うためざっくりまとめました。 それぞれのバージョン gulp-sass: 1.3.3 gulp-ruby-sa…

今まで新規ページを作成する際、以下の手順を踏んでいました。 作るページのディレクトリを作成 ローカルにあるディレクトリ(gulpfile.js, package.json置き場)からコピペ 環境構築 これだと今のPCで作業する分にはいいかもしれないけど、別のPCで作業すると…

今までgulp3.8.6を使ってたんですが、いつの間にか3.8.7が出てたんですね。 ローカルのディレクトリにインストールした際に気づきました。 グローバルとローカルでバージョンが違うのは気分的に良くないのでバージョンを上げてみました。 その際のメモをまと…

最近話題になっていますね、Web Starter Kit。 タスクランナーにGulpを使っているとのことで、早速中身を確認してみました。 その中で使用されているプラグインについてまとめました。 以下がgulpfile.js内に記述されているプラグイン一覧です。 browser-syn…

前回の記事で、Gulpのインストールまで出来ました。 今回はSassのファイルを監視し、変更されたらCSSにコンパイルするところまで書きます。 ディレクトリ構成 今回、以下の様なディレクトリ構成になっています / ├― gulpfile.js ├― package.json ├― node_mod…

最近gulpという単語をよく目にするようになりました。 gulpとは何ぞや？と思い調べてみると、Gruntと同じようなタスクランナーらしいです。 Gruntよりタスクが書きやすい/見やすいとこと。 とりあえず使ってみようということで導入してみました。 その際のメ…