エンジニアãŒã„ã„æ„Ÿã˜ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’爆速化ã§ãる環境構築ã®æ‰‹é † | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作今年もHTML5 Minutesã«ç™»å£‡ã—ã¦ãã¾ã—ãŸã€‚ã“ã‚“ã«ã¡ã¯ã€å…ˆç”Ÿã§ã™ã€‚ 当日ã¯ã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚¹ãƒ”ードをã‚ã’ã‚‹ãŸã‚ã®ç’°å¢ƒã‚’作ã£ã¦ã¿ãŸè©±ã€ã‚’ã—ã¦ãã¾ã—ãŸã€‚ 今回ã¯ãã®ç’°å¢ƒã‚’使ã£ã¦ã¿ã‚‹ã¾ã§ã®æ‰‹é †ã‚’書ã„ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ å¿…è¦ãªã‚‚ã®ã‚’インストール NodeJS Gulp WebPack Bower PhantomJS NodeJSã¨Gulpã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯éŽåŽ»ã®è¨˜äº‹ã€ŒGulp.js入門 – コーディングを10å€é€Ÿãã™ã‚‹ç’°å¢ƒã‚’作る方法ã¾ã¨ã‚ã€ã‚’ã”覧ãã ã•ã„。 WebPackã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« WebPackã¯ã•ã¾ã–ã¾ãªå½¢å¼ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’é™çš„ãªãƒ•ã‚¡ã‚¤ãƒ«ã«ã¾ã¨ã‚ã¦å‡ºåŠ›ã—ã¦ãれるツールã§ã€æ‹¡å¼µæ€§ãŒé«˜ã最近好んã§ä½¿ã£ã¦ã„ã¾ã™ã€‚ WebPack http://webpack.github.io/ インストールã¯npmを使ã£ã¦ç°¡å˜ã«ã§ãã¾ã™ã€‚ npm install webpack -g ※ macã¯
Gulp入門 - コーディングを10å€é€Ÿãã™ã‚‹
minimatch（node.js 㧠path match ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリ）ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’作ã£ãŸ - è©©ã¨å‰µä½œãƒ»æ€ç´¢ã®ã²ã‚ã°
gulp.js ãã®4 プラグイン一覧 - Qiita
Front-end Build Tools - JTF2014 Tokyo
タスクランナーgulp.js最速入門 - id:anatooã®ãƒ–ãƒã‚°
gulpã§Sassã®ã‚³ãƒ³ãƒ‘イルやlivereloadãªã©ã‚’試ã—ã¦ã¿ãŸ
{{#tags}}- {{label}}
{{/tags}}