読者です 読者をやめる 読者になる 読者になる

@Satoh_D no blog

大分にUターンしたので記念に。調べたこととか作ったこととか食べたこととか

gulp-sassとgulp-ruby-sassの違いをざっくりと調べた

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

おれおれgulpfile.jsをGithubに置いた

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

グローバルにインストールしたgulpをバージョンアップする

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

Web Starter Kitのgulpfile.js内で使用されているプラグインについて調べてみた

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

GulpでSassのファイルをwatchし、コンパイルする

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

gulp始めました

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