[B! gulp] chottã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

chott id:chott

gulpã«é–¢ã™ã‚‹chottã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Gulp + browserify + watchify + gulp-sass ã§è‡ªå‹•é«˜é€Ÿã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ç’°å¢ƒ
Gulp ã¨ã¯ Gulp ã¯ Web åˆ¶ä½œã«é–¢ã™ã‚‹ã„ã‚ã„ã‚ãªä½œæ¥ã‚’è‡ªå‹•åŒ–ã™ã‚‹ãŸã‚ã®ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚Sass ã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã‚„ Gulp ã®ä½¿ç”¨ã«ã¯ node.js ã‚„ Sass ãªã©ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒå¿…è¦ãªã®ã§ã€ã¡ã‚‡ã£ã¨å¤ã„è¨˜äº‹ã§ã™ãŒä¸‹è¨˜ã‚’å‚è€ƒã«é©å½“ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ browserify ã¨ã¯ ãã‚“ãªã«è©³ã—ããªã„ã®ã§ã™ãŒã€browserify ã¯ã–ã£ãã‚Šã¨è¨€ãˆã° js ã§ requireã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ãŸã‚ã®ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ä»Šã¾ã§ã§ã‚ã‚Œã°è¤‡æ•°ã® js ãƒ•ã‚¡ã‚¤ãƒ«ãŒå¿…è¦ãªå ´åˆã€ä¾‹ãˆã°ã€a.js ã¨ã€a.js ãŒãªã„ã¨å‹•ã‹ãªã„b.js ã‚’èªã¿è¾¼ã‚€å ´åˆã ã¨ã€HTML ãƒ•ã‚¡ã‚¤ãƒ«ã«ä¸‹è¨˜ã®ã‚ˆã†ãªè¨˜è¿°ãŒå¿…è¦ã§ã—ãŸã€‚ // index.html <script src=".js/a.js"></script> <script src=".js/b.js"></script> browserify ã‚’ä½¿
chott 2015/10/16
gulp
ãƒªãƒ³ã‚¯
gulp.js ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ - Qiita
ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ ã‚³ãƒžãƒ³ãƒ‰ gulpã‚’ã‚°ãƒãƒ¼ãƒãƒ«ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«: $ npm install -g gulp gulpã‚’ãƒãƒ¼ã‚«ãƒ«ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«: $ npm install --save-dev gulp $ npm install --save-dev gulp-other-plugins ã‚¿ã‚¹ã‚¯ã‚’å®Ÿè¡Œ: $ gulp task_name è¤‡æ•°ã‚¿ã‚¹ã‚¯ã‚’å®Ÿè¡Œ: $ gulp task_name other_task JavaScript: gulpfile.js Single Dest & Watch Multi Dest Incremental Rebuilding Only Changed Async Streams Serial Join Stream Array CoffeeScript: gulpfile.coffee Single Dest & Watc
chott 2015/09/05
gulp

ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ
ãƒªãƒ³ã‚¯
Googleã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã«æ²¿ã£ãŸãƒ¢ãƒ€ãƒ³ãªè£½ä½œã®å‡ºç™ºç‚¹ã€ŒWeb Starter Kitã€
Web Starter Kitã§ç”¨æ„ã•ã‚Œã¦ã„ã‚‹å„ç¨®ã®è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ãªã©ã¯ã€ãã®ã¾ã¾ä½¿ã†ã®ã§ã¯ãªãã€å„è‡ªãŒè‡ªåˆ†ã®ã‚¹ã‚¿ã‚¤ãƒ«ã«åˆã‚ã›ã¦ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹ã¨ã‚ˆã„ã§ã—ã‚‡ã†ã€‚ãƒ•ã‚¡ãƒ“ã‚³ãƒ³ã‚„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã‚µã‚¤ãƒˆã‚’ãƒ›ãƒ¼ãƒ ç”»é¢ã«è¿½åŠ ã—ãŸéš›ã«è¡¨ç¤ºã•ã‚Œã‚‹ã‚¢ã‚¤ã‚³ãƒ³ãªã©ã€å„è‡ªã§å·®ã—æ›¿ãˆã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ humans.txtã‚„robots.txtãªã©ã‚‚ä½¿ç”¨ã™ã‚‹å ´åˆã«ã¯é©å®œç·¨é›†ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ å‹•ä½œç’°å¢ƒã®æ§‹ç¯‰ Web Starter Kitã«ç”¨æ„ã•ã‚ŒãŸãƒ„ãƒ¼ãƒ«ã‚’ä½¿ç”¨ã™ã‚‹ãŸã‚ã«ã¯ã€ä»¥ä¸‹ã®è¨€èªžã®ç’°å¢ƒãŒå¿…è¦ã¨ãªã‚Šã¾ã™ã€‚ Node.js (v0.10.xä»¥ä¸Š) Ruby (1.8.7ä»¥ä¸Š) ã“ã‚Œã«åŠ ãˆã¦ã€ä»¥ä¸‹ã®ãƒ„ãƒ¼ãƒ«ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒå¿…è¦ã«ãªã‚Šã¾ã™ã€‚ Nore.jsä¸Šã§å‹•ãã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã®gulp (3.5.xä»¥ä¸Š) Sassã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã‚’è¡Œã†Rubyã®gem (3.3.xä»¥ä¸Š) ãã‚Œãžã‚Œã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã«ã¤ã„ã¦ã€ç°¡å˜ã«ç´¹ä»‹ã—
chott 2014/10/24
taskrunner

gulp

boilerplate
ãƒªãƒ³ã‚¯
gulpã®ã‚¢ãƒ—ãƒãƒ¼ãƒ
gulpã®Getting Startedã«ã‚‚ã‚ã‚‹ã‚ˆã†ã«ã€gulpã‚’ä½¿ã†ã«ã¯ã‚°ãƒãƒ¼ãƒãƒ«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¨ãƒãƒ¼ã‚«ãƒ«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒå¿…è¦ã«ãªã‚‹ã€‚ãªã‚“ã§åŒã˜ã‚‚ã®ã‚’2ã¤ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã®ã‹ã€ä¸æ€è°ã«æ€ã£ã¦ã‚½ãƒ¼ã‚¹èªã‚“ã§ã€Œã¸ãƒ¼ã€ã¨æ€ã£ãŸã®ã§ã¾ã¨ã‚ã¦ã¿ã‚‹ã€‚ Gruntã®å ´åˆ Gruntã®å ´åˆã¯grunt-cliã‚’ã‚°ãƒãƒ¼ãƒãƒ«ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦gruntã¯ãƒãƒ¼ã‚«ãƒ«ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã€‚grunt-cliã¯ãƒãƒ¼ã‚«ãƒ«ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ãŸgruntã‚’å‘¼ã³å‡ºã™ãŸã‚ã ã‘ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã ã€‚ã‚¿ã‚¹ã‚¯ã‚’èµ°ã‚‰ã™gruntã¨ã€ãã®gruntã‚’å®Ÿè¡Œã™ã‚‹grunt-cliã€2ã¤ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¯æ˜Žç¢ºã«å½¹å‰²ãŒåˆ‡ã‚Šé›¢ã•ã‚Œã¦ã„ã‚‹ã€‚ GruntãŒã“ã†ãªã£ã¦ã‚‹ç†ç”±ã¯ã€ç•°ãªã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ä½¿ã£ã¦ã‚‹gruntã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒé•ã†ã¨ã€ã‚°ãƒãƒ¼ãƒãƒ«ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã‚‹gruntã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³æ¬¡ç¬¬ã§ã€ãã®ã‚¿ã‚¹ã‚¯ï¼ˆGruntfileï¼‰ãŒå‹•ã‹ã›ãªã„å¯èƒ½æ€§ãŒå‡ºã¦ãã‚‹ã‹ã‚‰ã€‚ ï¼ˆå‚è€ƒ
chott 2014/10/24
taskrunner

gulp
ãƒªãƒ³ã‚¯
1