blog
これからはじめる Gulp シリーズこれからはじめるGulp（0）：アドベントカレンダースケジュール
この記事は書かれてから1年以上経過しており、内容が古い場合があります。
はじめに
「今かよ」って話なんですが、急遽はじめた一人アドベントカレンダーでどの日に何を書くか構成がきまっていなかったので考えてみた。
- 12/01：bundler, rbenv, nodebrewでGulp環境を作ってみる
- 12/02：gulp-sassを使ってSCSSをコンパイルするタスクを作ってみる
- 12/03：watchで変更を監視する
- 12/04：gulp-plumberでエラー時のwatchを解除させない
- 12/05：gulp-connectでWebサーバーとライブリロード
- 12/06：gulp-load-pluginsでプラグインの一括読み込み
- 12/07：gulp-ruby-sassでSassオプションの指定（bourbon, neat, bittersのロード）
- 12/08：頻繁に使いそうなモジュールを試す：JS,CSS圧縮系
- 12/09：頻繁に使いそうなモジュールを試す：画像圧縮
- 12/10：頻繁に使いそうなモジュールを試す：レスポンシブイメージの生成
- 12/11：頻繁に使いそうなモジュールを試す：スプライト画像の生成
- 12/12：Gulpの非同期処理と同期処理
- 12/13：Gulpタスク単位のファイル分割
- 12/14：WordpressテーマにGulpを使う
- 12/15：IemotoのGulpを使って見る
- 12/16：JekyllとGulp
- 12/17：S3にSyncする
- 12/18：Sketchとの連携（0）
- 12/19：Sketchとの連携（1）
- 12/20：Sketchとの連携（2）
- 12/21：Sketchとの連携（3）
- 12/22：browser-sync
- 12/23：BackstopJSを使ったCSSテスト
- 12/24：gulp-notifyを使ったDesktop通知
- 12/25：Gulpを使ってみた感想
とりあえずこんな感じで明日のwatchに取りかかる。
シリーズ
- これからはじめるGulp（0）：アドベントカレンダースケジュール
- これからはじめるGulp（1）：bundler, rbenv, nodebrewでGulp環境を作ってみる
- これからはじめるGulp（2）：gulp-sassを使ってSCSSをコンパイルするタスクを作ってみる
- これからはじめるGulp（3）：gulp.watchでファイルの変更を監視しタスクを実行する
- これからはじめるGulp（4）：gulp-connectモジュールを使ったローカルサーバの起動
- これからはじめるGulp（5）：gulp-connectモジュールを使ったLiveReload
- これからはじめるGulp（6）：gulp-plumberとgulp-notifyを使ったデスクトップ通知
- これからはじめるGulp（7）：require-dirモジュールを使ったタスク単位のファイル分割
- これからはじめるGulp（8）：delモジュールとvinyl-pathsモジュールを使ったファイルの削除
- これからはじめるGulp（9）：Ruby版Sassが使えるgulp-ruby-sassへの乗り換え
- これからはじめるGulp（10）：deprecatedになっていたgulp-connectからgulp-webserverへ乗り換える
- これからはじめるGulp（11）：ブラウザ間でスクロールやクリック操作を同期できるBrowserSync
- これからはじめるGulp（12）：gulp-imageminプラグインを使ったJPEG,PNG,GIF,SVGの最適化
- これからはじめるGulp（13）：gulp-changedプラグインで変更されたファイルだけを処理させる
- これからはじめるGulp（14）：gulp-cachedプラグインで変更されたSCSSファイルだけを処理させる
- これからはじめるGulp（15）：gulp-responsiveプラグインを使ったレスポンシブイメージ作成の自動化
- これからはじめるGulp（16）：gulp-image-resizeプラグインを使ってサムネイルやレスポンシブイメージを作る
- これからはじめるGulp（17）：SketchTool（Sketch 3 command line tool）を使ったアートボード・スライスの書き出しとgulp-execプラグインを使ったSketchtoolの呼び出し
- これからはじめるGulp（18）：SketchToolで何ができるのかコマンドと主要なオプションを使ってみる
- これからはじめるGulp（19）：gulp-sketchとgulp-execを使ったSketch 3デザインデータの画像書き出し
- これからはじめるGulp（20）：Node.jsのChild Processモジュールを使ってgulpからjekyllのbuildコマンドを実行する
- これからはじめるGulp（21）：gulp-awspublishプラグインを使ったAmazon S3への静的Webサイトパブリッシュ
- これからはじめるGulp（22）：gulp-iconfontとgulp-sketchを使ったアイコンフォント作成の自動化
- これからはじめるGulp（23）：gulp-consolidateでgulp-iconfontで作ったアイコンフォントのシンボル一覧HTMLを作る
- これからはじめるGulp（24）：gulp.spritesmithプラグインでSpriteイメージを作る
- これからはじめるGulp（25）：Hologramとgulp-hologramでスタイルガイドを作る
- これからはじめるGulp（26）：Sketch3のサブディレクトリ書き出しに対応したgulp-sketchを試す