Gulp.js（全俺） Advent Calendar 2014

今から始めるgulp.jsということでgulp.jsについて勉強したことを書いていく。

SUN	MON	TUE	WED	THU	FRI	SAT
	1 nukos_	2 nukos_	3 nukos_	4 nukos_	5 nukos_	6 nukos_
7 nukos_	8 nukos_	9 nukos_	10 nukos_	11 nukos_	12 nukos_	13 nukos_
14 nukos_	15 nukos_	16 nukos_	17 nukos_	18 nukos_	19 nukos_	20 nukos_
21 nukos_	22 nukos_	23 nukos_	24 nukos_	25 nukos_

12/1

nukos_

bundler, rbenv, nodebrewでGulp環境を作ってみる

http://whiskers.nukos.kitchen/2014/12/01/gulp.html

これからはじめるGulp：bundler, rbenv, nodebrewでGulp環境を作ってみる（1） | 何者にもなれないWebデベロッパーのメモ - whiskers
12/2

nukos_

タスクを作る

http://whiskers.nukos.kitchen/2014/12/02/gulp-sass.html

これからはじめるGulp（2）：gulp-sassを使ってSCSSをコンパイルするタスクを作ってみる | 何者にもなれないWebデベロッパーのメモ - whiskers
12/3

nukos_

gulp.watchで監視

http://whiskers.nukos.kitchen/2014/12/03/gulp-watch.html

これからはじめるGulp（3）：gulp.watchでファイルの変更を監視しタスクを実行する | 何者にもなれないWebデベロッパーのメモ - whiskers
12/4

nukos_

gulp-connectでローカルサーバ

http://whiskers.nukos.kitchen/2014/12/04/gulp-connect.html

これからはじめるGulp（4）：gulp-connectモジュールを使ったローカルサーバの起動 | 何者にもなれないWebデベロッパーのメモ - whiskers
12/5

nukos_

gulp-connectでLiveReload

http://whiskers.nukos.kitchen/2014/12/05/gulp-livereload.html

これからはじめるGulp（5）：gulp-connectモジュールを使ったLiveReload | 何者にもなれないWebデベロッパーのメモ - whiskers
12/6

nukos_

gulp-plumberとgulp-notifyでデスクトップ通知

http://whiskers.nukos.kitchen/2014/12/06/gulp-notify.html

これからはじめるGulp（6）：gulp-plumberとgulp-notifyを使ったデスクトップ通知 | 何者にもなれないWebデベロッパーのメモ - whiskers
12/7

nukos_

require-dirモジュールを使ったタスク毎のファイル分割

http://whiskers.nukos.kitchen/2014/12/07/gulp-require-dir.html

これからはじめるGulp（7）：require-dirモジュールを使ったタスク単位のファイル分割 | 何者にもなれないWebデベロッパーのメモ - whiskers
12/8

nukos_

ファイルの削除

http://whiskers.nukos.kitchen/2014/12/08/gulp-del.html

これからはじめるGulp（8）：delモジュールとvinyl-pathsモジュールを使ったファイルの削除 | 何者にもなれないWebデベロッパーのメモ - whiskers
12/9

nukos_

Ruby版Sassが使えるgulp-ruby-sassへの乗り換え

http://whiskers.nukos.kitchen/2014/12/08/gulp-ruby-sass.html

これからはじめるGulp（9）：Ruby版Sassが使えるgulp-ruby-sassへの乗り換え | 何者にもなれないWebデベロッパーのメモ - whiskers
12/10

nukos_

deprecatedになっていたgulp-connectからgulp-webserverへ乗り換える

http://whiskers.nukos.kitchen/2014/12/10/gulp-webserver.html

これからはじめるGulp（10）：deprecatedになっていたgulp-connectからgulp-webserverへ乗り換える | 何者にもなれないWebデベロッパーのメモ - whiskers
12/11

nukos_

ブラウザ間でスクロールやクリック操作を同期できるBrowserSync

http://whiskers.nukos.kitchen/2014/12/11/gulp-browser-sync.html

これからはじめるGulp（11）：ブラウザ間でスクロールやクリック操作を同期できるBrowserSync | 何者にもなれないWebデベロッパーのメモ - whiskers
12/12

nukos_

gulp-imageminを使った画像の最適化

http://whiskers.nukos.kitchen/2014/12/11/gulp-imagemin.html

これからはじめるGulp（12）：gulp-imageminを使った画像の最適化 | 何者にもなれないWebデベロッパーのメモ - whiskers
12/13

nukos_

gulp-changedプラグインで変更されたファイルだけを処理させる

http://whiskers.nukos.kitchen/2014/12/13/gulp-changed.html

これからはじめるGulp（13）：gulp-changedプラグインで変更されたファイルだけを処理させる | 何者にもなれないWebデベロッパーのメモ - whiskers
12/14

nukos_

gulp-cachedプラグインで変更されたSCSSファイルだけを処理させる

http://whiskers.nukos.kitchen/2014/12/14/gulp-cached.html

これからはじめるGulp（14）：gulp-cachedプラグインで変更されたSCSSファイルだけを処理させる | 何者にもなれないWebデベロッパーのメモ - whiskers
12/15

nukos_

gulp-responsiveプラグインを使ったレスポンシブイメージ作成の自動化

http://whiskers.nukos.kitchen/2014/12/15/gulp-responsive.html

これからはじめるGulp（15）：gulp-responsiveプラグインを使ったレスポンシブイメージ作成の自動化 | 何者にもなれないWebデベロッパーのメモ - whiskers
12/16

nukos_

gulp-image-resizeプラグインを使ってサムネイルやレスポンシブイメージを作る

http://whiskers.nukos.kitchen/2014/12/16/gulp-image-resize.html

これからはじめるGulp（16）：gulp-image-resizeプラグインを使ってサムネイルやレスポンシブイメージを作る | 何者にもなれないWebデベロッパーのメモ - whiskers
12/17

nukos_

SketchTool（Sketch 3 command line tool）を使ったアートボード・スライスの書き出しとgulp-execプラグインを使ったSketchtoolの呼び出し

http://whiskers.nukos.kitchen/2014/12/17/sketchtool-and-gulp-exec.html

これからはじめるGulp（17）：SketchTool（Sketch 3 command line tool）を使ったアートボード・スライスの書き出しとgulp-execプラグインを使ったSketchtoolの呼び出し | 何者にもなれないWebデベロッパーのメモ - whiskers
12/18

nukos_

SketchToolで何ができるのかコマンドと主要なオプションを使ってみる

http://whiskers.nukos.kitchen/2014/12/18/sketchtool-detail.html

これからはじめるGulp（18）：SketchToolで何ができるのかコマンドと主要なオプションを使ってみる | 何者にもなれないWebデベロッパーのメモ - whiskers
12/19

nukos_

gulp-sketchとgulp-execを使ったSketch 3デザインデータの画像書き出し

http://whiskers.nukos.kitchen/2014/12/19/gulp-sketch.html

これからはじめるGulp（19）：gulp-sketchとgulp-execを使ったSketch 3デザインデータの画像書き出し | 何者にもなれないWebデベロッパーのメモ - whiskers
12/20

nukos_

Node.jsのChild Processモジュールを使ってgulpからjekyllのbuildコマンドを実行する

http://whiskers.nukos.kitchen/2014/12/20/gulp-jekyll.html

これからはじめるGulp（20）：Node.jsのChild Processモジュールを使ってgulpからjekyllのbuildコマンドを実行する | 何者にもなれないWebデベロッパーのメモ - whiskers
12/21

nukos_

gulp-awspublishプラグインを使ったAmazon S3への静的Webサイトパブリッシュ

http://whiskers.nukos.kitchen/2014/12/21/gulp-awspublish.html

これからはじめるGulp（21）：gulp-awspublishプラグインを使ったAmazon S3への静的Webサイトパブリッシュ | 何者にもなれないWebデベロッパーのメモ - whiskers
12/22

nukos_

gulp-iconfontとgulp-sketchを使ったアイコンフォント作成の自動化

http://whiskers.nukos.kitchen/2014/12/22/gulp-iconfont.html

これからはじめるGulp（22）：gulp-iconfontとgulp-sketchを使ったアイコンフォント作成の自動化 | 何者にもなれないWebデベロッパーのメモ - whiskers
12/23

nukos_

gulp-consolidateでgulp-iconfontで作ったアイコンフォントのシンボル一覧HTMLを作る

http://whiskers.nukos.kitchen/2014/12/23/gulp-consolidate.html

これからはじめるGulp（23）：gulp-consolidateでgulp-iconfontで作ったアイコンフォントのシンボル一覧HTMLを作る | 何者にもなれないWebデベロッパーのメモ - whiskers
12/24

nukos_

gulp-spritesmithプラグインでSpriteイメージを作る

http://whiskers.nukos.kitchen/2014/12/24/gulp-spritesmith.html

これからはじめるGulp（24）：gulp-spritesmithプラグインでSpriteイメージを作る | 何者にもなれないWebデベロッパーのメモ - whiskers
12/25

nukos_

Hologramとgulp-hologramでスタイルガイドを作る

http://whiskers.nukos.kitchen/2014/12/25/gulp-hologram.html

これからはじめるGulp（25）：Hologramとgulp-hologramでスタイルガイドを作る | 何者にもなれないWebデベロッパーのメモ - whiskers