Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Grunt v1 & gulp v4
Search
Pine Mizune
March 11, 2016
Programming
1
520
Grunt v1 & gulp v4
Gotanda.js #3 in freee での発表資料です。
http://gotandajs.connpass.com/event/26027/
Pine Mizune
March 11, 2016
Tweet
Share
More Decks by Pine Mizune
See All by Pine Mizune
多言語対応と絵文字ジェネレーター / i18n of Emoji Generator
pine
0
750
C++ 製グラフィックライブラリ Skia の紹介 / Introduction to the graphics library Skia written by C++
pine
0
1.6k
asyncio + aiohttp で作るウェブサービス / How to develop a web service with asyncio and aiohttp
pine
0
640
Lerna による明示的疎結合アーキテクチャ
pine
1
620
CircleCI 2.0 x JavaScript
pine
3
530
Perl 卒業式
pine
0
320
Android Studio の気になる warnings を抑制する方法まとめ
pine
0
480
Emoji Generator meets Browser Extensions
pine
1
2.9k
近年の OSS 開発における CI 選択のベストプラクティス
pine
3
4.5k
Other Decks in Programming
See All in Programming
5分で理解する SOLID 原則 #phpcon_nagoya
shogogg
1
410
仕様変更に耐えるための"今の"DRY原則を考える
mkmk884
9
3.2k
Go 1.24でジェネリックになった型エイリアスの紹介
syumai
2
300
SwiftUI Viewの責務分離
elmetal
PRO
2
280
The Clean ArchitectureがWebフロントエンドでしっくりこないのは何故か / Why The Clean Architecture does not fit with Web Frontend
twada
PRO
49
16k
ML.NETで始める機械学習
ymd65536
0
240
ソフトウェアエンジニアの成長
masuda220
PRO
12
2.2k
CSS Linter による Baseline サポートの仕組み
ryo_manba
1
160
Learning Kotlin with detekt
inouehi
1
190
Honoとフロントエンドの 型安全性について
yodaka
7
1.5k
メンテが命: PHPフレームワークのコンテナ化とアップグレード戦略
shunta27
0
320
Boos Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
590
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
How GitHub (no longer) Works
holman
314
140k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
The Cost Of JavaScript in 2023
addyosmani
47
7.4k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Why Our Code Smells
bkeepers
PRO
336
57k
Code Reviewing Like a Champion
maltzj
521
39k
GraphQLの誤解/rethinking-graphql
sonatard
69
10k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7.1k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
Raft: Consensus for Rubyists
vanstee
137
6.8k
Transcript
Grunt v1 & gulp v4 11 Mar, 2015 / Gotanda.js
#3 in free @pine613
目次 n Grunt ü v0.4.5 -> v1.0.0 変更点 ü v0.4.5
-> v1.0.0 移行ガイド n gulp ü v3.x -> v4.x 変更点 ü v3.x -> v4.x 移行ガイド n まとめ
Grunt
Grunt n Ben Alman 氏 開発のタスクランナー n 2014/05/13 - Grunt
v0.4.5 released n 2015/11/19 - jQuery Foundation へ移管 ü 開発・メンテナンス停滞により n 2016/02/12 - Grunt v1.0.0-rc1 released
diff: Grunt v0.4.5 -> v1.0.0 詳細: https://github.com/gruntjs/grunt/compare/v0.4.5...v1.0.0-rc1 n 依存ライブラリの更新 ü
coffee-script ~1.3.3 -> ~1.10.0 ü nopt ~1.0.10 -> ~3.0.6 ü glob ~3.2.21 -> ~6.0.4 ü lodash ~0.9.2 -> ~4.3.0 • grunt.util._ is deprecated ü iconv-lite ~0.2.11 -> ~0.4.13 ü js-yaml ~2.0.5 -> ~3.5.2
移行: Grunt v0.4.5 -> v1.0.0 詳細: https://github.com/gruntjs/grunt/compare/v0.4.5...v1.0.0-rc1 n 基本的に v0.4.5
からそのまま移行可能 n Grunt の内部ライブラリ依存は別途参照 grunt.util._ var _ = require(‘lodash’) grunt.file.readYAML var YAML = require('js-yaml’)
gulp
gulp n ストリームベースのビルドシステム n Grunt より普及しているといえる ü gulp: 88,646 downloads
/ day ü Grunt: 63,219 downloads / day n 2016/02/09 - gulp v3.9.1 released (最新安定版) n gulp v4.0.0 ... 現在開発中
詳細: https://github.com/gulpjs/gulp/compare/v3.9.1...4.0 diff: gulp v3.x -> v4.x n タスク実行システムの変更 ü
内部ライブラリ変更: orchestrator -> undertaker (bach) ü タスクの並列 / 直列実行が容易に n ファイルの扱いの変更 ü 内部ライブラリ変更: vinyl-fs (glob-watcher) -> chokidar ü 変更監視の高速化が期待
詳細: https://github.com/gulpjs/gulp/compare/v3.9.1...4.0 移行: gulp v3.x -> v4.x gulp.task(‘check’, gulp.parallel(‘lint’, ‘test’));
gulp.task(‘check’, [‘lint’, ‘test’]); gulp v3.x gulp v4.x この記法は廃止 parallel / series を用いて記述 並列 / 直列記述が容易に
詳細: https://github.com/gulpjs/gulp/compare/v3.9.1...4.0 移行: gulp v3.x -> v4.x gulp.task(‘hello’, function ()
{ console.log(‘Hello world’); }); gulp v3.x gulp v4.x gulp.task(‘hello’, function (done) { console.log(‘Hello world’); done(); }); この記法は廃止 明示的な終了が必要 ※ ストリーム / Promise の返却でも可
まとめ
Thanks ALLPPT.com _ Free PowerPoint Templates, Diagrams and Charts