gulpに関する情報

watchifyでファイルの監視を行う

watchifyでファイルの監視を行う

babelifyで始めるES6ではBrowserify/babelifyを利用してES6を利用する方法を解説しましたが、gulp-watchなどを利用してファイル変更のトリガーでBrowserifyを実行すると非常に時間がかかってしまいます。そこで、watchifyを利用することで差分管理がされ高速にコンパイルすることが可能になります。

続きを読む »

  • 2015年11月10日 10:07
  • カテゴリー
  • JavaScript

Babelで始めるES6入門

Babelのキャプチャ

BabelとはJavaScriptの新規格であるES6 ( ECMAScript 6th Edition/ECMAScript 2015 ) で書かれたJavaScriptコードを古いブラウザでも解釈できるようにES5の書式に変換してくれるツール(JavaScriptトランスパイラ)です。

続きを読む »

  • 2015年10月29日 16:56
  • カテゴリー
  • JavaScript

gulp.spritesmithを便利にカスタマイズ

gulp.spritesmith」はCSSスプライトを生成するためのgulpプラグインです。

続きを読む »

  • 2014年5月26日 12:18
  • カテゴリー
  • CSS

gulpでJavaScriptの結合圧縮処理

gulpでJavaScriptの圧縮処理を設定してみました。ご想像の通りuglifyJSですが@readymadegogoに教えてもらったuseminというプラグインも合わせて利用します。

続きを読む »

  • 2014年5月16日 14:58
  • カテゴリー
  • JavaScript

Sassなどのエラー時にgulpタスクを終了させない為の「gulp-plumber」

gulpを利用しているとSassなどのコンパイルエラーが出た際にwatchなどのタスクが強制終了されてしまいます。エラー時にタスクを強制終了させないためのプラグインが「gulp-plumber」です。

続きを読む »

  • 2014年5月14日 11:25
  • カテゴリー
  • tools

gulpとnode.jsの連携

Gruntと比較してgulpがイケてるなと思うのはnode.jsつまりJavaScriptを利用してカジュアルにタスクをカスタマイズできるところです。

続きを読む »

  • 2014年5月13日 11:29
  • カテゴリー
  • tools

タスクランナーgulp入門

gulpGruntと同じように様々なタスクを自動化してくれるツール(タスクランナー)です。

続きを読む »

  • 2014年5月12日 18:30
  • カテゴリー
  • tools

購読

フィードリーダーを利用して検索結果を購読し、今後投稿されるエントリーでタグ「gulp」が指定されているものにアクセスできます。 [フィードとは]

フィードを取得 フィードを取得