[B! grunt] hoPPenã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hoPPen id:hoPPen

gruntã«é–¢ã™ã‚‹hoPPenã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{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}}

gruntã‚’ä½¿ã£ã¦CSS/JSå‘¨ã‚Šã‚’è‡ªå‹•åŒ–ã™ã‚‹ã®ãŒã€ãªã†ã§ãƒšãƒ¤ãƒ³ã‚°ã‚‰ã—ã„ã®ã§ä½¿ã£ã¦ã¿ãŸ - é³¥ã•ã‚“ã®ç‹¬ã‚Šè¨€
ã‚„ã»ã»ã€‚ ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã®ä½¿ã„ã¥ã‚‰ã„ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãªã‚“ã¨ã‹ã—ã¦ãã‚Œã£ã¦æ€ã£ã¦ã‚‹é³¥ã•ã‚“ã ã€‚ ã•ã¦ã€gruntã£ã¦ã„ã†node.jsã‚’ä½¿ã†ã¨ã€CSSã‚„JavaScriptå‘¨ã‚Šã‚’è‰²ã€…ã¨è‡ªå‹•åŒ–ã§ãã‚‹ã¨èžã„ã¦ã€ä½¿ã£ã¦ã¿ãŸã‚ˆã€‚ gruntã§ã§ãã‚‹ã“ã¨ã€Œgrunt watchã€ã§ç›£è¦–ã—ã¦ãŠãã¨ã€ä¸Šæ›¸ãä¿å˜ã—ãŸéš›ã«è‡ªå‹•çš„ã«è‰²ã‚“ãªã“ã¨ã‚’ã—ã¦ãã‚Œã‚‹ã‚“ã ã€‚ä¾‹ãˆã°ãƒ»ãƒ»ãƒ» ãƒ•ã‚¡ã‚¤ãƒ«ã®çµåˆ JavaScriptãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ JavaScriptãƒ•ã‚¡ã‚¤ãƒ«ã®è»½é‡åŒ–ï¼ˆåœ§ç¸®ã€minifyï¼‰æ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚ŒãŒã€ã“ã‚“ãªã“ã¨ã‚‚ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã‚ˆã€‚ï¼ˆä»–ã«ã‚‚æŽ¢ã›ã°ã‚ã‚‹ã‹ã‚‚ï¼‰ CoffeeScriptãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ« Lessãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ« CSSãƒ•ã‚¡ã‚¤ãƒ«ã®åœ§ç¸® CSSãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ gruntã®å°Žå…¥ã•ã¦ã€ç’°å¢ƒã‚’æ§‹ç¯‰ã—ã‚ˆã€œã€‚ ã¾ãšã€node.jsã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¨ã€node.jsã®ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ç®¡ç†ã‚·ã‚¹ãƒ†ãƒ np
hoPPen 2013/01/10
grunt

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ç¶šGrunt + phantomjs + jasmineã§è‡ªå‹•ãƒ†ã‚¹ãƒˆç’°å¢ƒ
ç›®æ¨™ã¯grunt + phantomjs + jasmineã®è‡ªå‹•ãƒ†ã‚¹ãƒˆç’°å¢ƒ å…ˆæ—¥ã®å¤§ãªã”ã‚„JS Vol.3ã§ã€@_tk84ã•ã‚“ãŒç™ºè¡¨ãªã•ã£ã¦ã„ãŸã€PhantomJSã§è‡ªå‹•ãƒ†ã‚¹ãƒˆã«ã‚¤ãƒ³ã‚¹ãƒ‘ã‚¤ã‚¢ã•ã‚Œã¦ã€Gruntã§ãã®ã‚ãŸã‚Šã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã§ãã‚‹ã‚ˆã†ã«ã—ã¾ã—ãŸã€‚ ä»Šå›žã®ãƒã‚¤ãƒ³ãƒˆã¯ä¸‹è¨˜ã€‚ .coffeeã‚’ä¿å˜ã—ãŸã‚‰ã€.jsã«è‡ªå‹•ã§ã‚³ãƒ³ãƒ‘ã‚¤ãƒ« .jsã®æ›´æ–°ã‚’æ¤œçŸ¥ã—ã¦ã€SpecRunner.htmlã‚’è‡ªå‹•ç”Ÿæˆ ã“ã®ã¨ãæ›´æ–°ã•ã‚ŒãŸ.jsã¨ã€å¯¾ã«ãªã‚‹ãƒ†ã‚¹ãƒˆã‚³ãƒ¼ãƒ‰ã‚’å«ã‚“ã SpecRunner.htmlãŒç”Ÿæˆã•ã‚Œã‚‹ phantomjsã§ã€SpecRunner.htmlã‚’å®Ÿè¡Œã—ãŸçµæžœã‚’æ¨™æº–å‡ºåŠ› å‡ºåŠ›ã‚’growlnotifyã«æ¸¡ã—ã¦ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—é€šçŸ¥ @_tk84ã•ã‚“ã®å…ƒãƒã‚¿ã®ã»ã†ã§ã¯ã€Emacsã¨Rubyãªç’°å¢ƒã§ã—ãŸãŒã€è‡ªåˆ†ã¯ã‚¨ãƒ‡ã‚£ã‚¿ã«ã¯ä¾å˜ã›ãšã€nodeã®å®Ÿè¡Œç’°å¢ƒã ã‘ã§ä½•ã¨ã‹ã§ãã‚‹ã‚ˆã†ã«æ§‹æˆã—ã¾ã—ãŸã€‚ aho
hoPPen 2012/12/07
javascript

grunt
ãƒªãƒ³ã‚¯
Gruntfileã‚’æ•´ç†ã—ã¦ã‚¿ã‚¹ã‚¯ã®è‡ªå‹•åŒ–ã‚’é€²ã‚ãŸ
(æ€¥é½å®£ä¼) Frontrendã§Gruntã—ã¾ã™ Frontrendï¼ˆãƒ•ãƒãƒ³ãƒˆãƒ¬ãƒ³ãƒ‰ï¼‰ Vol.3ã€€powered by CyberAgent : ATND Frontrendï¼ˆãƒ•ãƒãƒ³ãƒˆãƒ¬ãƒ³ãƒ‰ï¼‰ã¨ã¯ ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆãŒä¸»å‚¬ã™ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç³»æŠ€è¡“ã‚»ãƒŸãƒŠãƒ¼ã§ã™ã€‚ HTML5/CSS3ã‚„JavaScriptã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚„ãƒŽã‚¦ãƒã‚¦ç‰ã‚’æƒœã—ã¿ãªããŠä¼ãˆã—ã¾ã™ã€‚ 2012/10/21ï¼ˆæ—¥ï¼‰ã®åˆå¾Œã«ã€Frontrendã§Gruntã®ã“ã¨ã‚’ç´¹ä»‹ã•ã›ã¦ã„ãŸã ãé‹ã³ã«ãªã‚Šã¾ã—ãŸï¼ä»¥ä¸‹ã®è¨˜äº‹ã¯è‰²ã€…ã¨çŸ¥ã£ã¦ã‚‹å‰æãªå†…å®¹ã«ãªã£ã¦ã—ã¾ã£ã¦ã„ã‚‹ã®ã§ã€ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªæ‰€ã‹ã‚‰çŸ¥ã‚ŠãŸã„æ–¹ã«ã¯ç‰¹ã«ã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ã€‚ ä»Šå›žã®Frontrendã¯ã‚¹ãƒ”ãƒ¼ãƒ‰ç‰¹é›†ã¨ã„ã†ã“ã¨ã§ã€ãƒšãƒ¼ã‚¸ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®æœ€é©åŒ–ã¯ã‚‚ã¡ã‚ã‚“ã€CSSãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µã®å°Žå…¥ã‚„ã€ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã®é‹ç”¨ã«ã‚ˆã‚‹æ¥å‹™åŠ¹çŽ‡ã®ã‚«ã‚¤ã‚¼ãƒ³ã«ã‚‚è¸ã¿è¾¼ã‚“ã§ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚’ä¸Šã’ã¦ã„ãã¾ã™ï¼ã¨ã„ã†ã“ã¨ã§
hoPPen 2012/12/06
javascript

grunt
ãƒªãƒ³ã‚¯
http://publicdraft.studiomohawk.com/research/2012/05/20/grunt-a-javascript-command-line-build-tool/
hoPPen 2012/12/05
Javascript

grunt
ãƒªãƒ³ã‚¯
äººæ°—ãã†ãªGruntã§ã€Stylusã¨ã‹CoffeeScriptã‚’ãƒ“ãƒ«ãƒ‰ã™ã‚‹
ãƒŠã‚¦ã„ã‚‰ã—ã„ã‹ã‚‰gruntã„ã‚Œã¦ã¿ã‚‹ã‚ˆ cowboy/grunt Gruntã¯JSã§ä½œã‚‰ã‚Œã¦ã„ã‚‹ã€Rakeã¿ãŸã„ãªãƒ“ãƒ«ãƒ‰ã‚¿ã‚¹ã‚¯ã®ç®¡ç†ãƒ„ãƒ¼ãƒ«ã¨ã„ãˆã°ã‚ˆã„ã®ã§ã—ã‚‡ã†ã‹ã€‚LESSã‚„Coffee Scriptã®ã‚ˆã†ãªã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã‚’å¿…è¦ã™ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã®å‡¦ç†ã‚„ã€minifyãƒ»concatãªã©ã‚‚ã‚¿ã‚¹ã‚¯ã¨ã—ã¦å®Ÿè¡Œã§ãã¾ã™ã€‚ ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã€ãƒ•ã‚¡ã‚¤ãƒ«æ›´æ–°ã‚’ç›£è¦–ã™ã‚‹watchã‚¿ã‚¹ã‚¯ã‚‚ã‚ã‚‹ãŸã‚ã€ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«æ“ä½œã®è‡ªå‹•åŒ–ãªã©ã«ã‚‚ä½¿ã£ã¦ã„ã‘ã¾ã™ã€‚npmã§ã‚‚grunté–¢ä¿‚ã®ã‚¿ã‚¹ã‚¯ãŒå¤šæ•°å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ç°¡å˜ã«ã‚¿ã‚¹ã‚¯ã‚’è¿½åŠ ã§ãã¾ã™ã€‚ ã¾ãšã¯npmã§gruntæœ¬ä½“ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã€‚ # ng npm instlal grunt npm WARN prefer global [email protected] should be installed with -g # ok npm install -g grunt ã‚ã€ã‚°ãƒãƒ¼ãƒãƒ«ã˜ã‚ƒãªã„ã¨
hoPPen 2012/12/05
javascript

grunt
ãƒªãƒ³ã‚¯
gruntã§ç°¡å˜JSãƒ“ãƒ«ãƒ‰ - rh7's blog
gruntã£ã¦ã®ã¯ã€JS/CSSã‚’ã¾ã¨ã‚ãŸã‚Šã€JS lint, Qunit, minifyã§ããŸã‚Šã£ã¦ã®ãŒã§ãã‚‹ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ ã¾ãŸã€minifyãªã©ã®çµ„ã¿è¾¼ã¿ã‚¿ã‚¹ã‚¯ã®ä»–ã«ã€Rakeã‚„Antã¨åŒã˜ã‚ˆã†ã«ã‚«ã‚¹ã‚¿ãƒ ã‚¿ã‚¹ã‚¯ã‚’è¨˜è¿°ã—ã¦å®Ÿè¡Œã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ ã•ã‚‰ã«ã€watchã¨ã„ã†ã®ã§ã€å¯¾è±¡ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç›£è¦–ã—ã¦ã€ãã‚Œã‚’ãƒˆãƒªã‚¬ãƒ¼ã¨ã—ã¦ã‚¿ã‚¹ã‚¯ã‚’å®Ÿè¡Œã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚(inofityã¿ãŸã„ãªã‚„ã¤) ä»–ã®é¡žä¼¼ãƒ„ãƒ¼ãƒ«ã¨æ¯”ã¹ã¦ã€ç°¡å˜ã«ä½¿ãˆãŸã®ã§ãƒ¡ãƒ¢ã¨ã—ã¦æ®‹ã—ã¨ãã¾ã™ã€‚ ç’°å¢ƒ OS: MacOSX 10.7 å®Ÿè¡Œç’°å¢ƒ: Node.js(Homebrew) ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ç®¡ç†: npm æ‰‹é † nodeç’°å¢ƒã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« é¢å€’ãªã®ã§(ry ã“ã®è¾ºã¿ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ãã ã•ã„ã€‚ naveã‚’ä½¿ã£ãŸnode.jsã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¨ã€æœ€è¿‘ã®npmã®ä½¿ã„æ–¹ - ãƒ©ã‚·ã‚¦ãƒ© Nodeã¨npmã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« - è‡ªåˆ†ã®æ„Ÿå—æ€§ãã‚‰ã„
hoPPen 2012/12/05
javascript

grunt
ãƒªãƒ³ã‚¯
1