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

katryo id:katryo

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

${{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ã§Sass(.scss)ã®æ›¸å¼ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’æ›¸ã„ãŸ
æœ€è¿‘ã€äººãŒå¢—ãˆãŸç‚ºã«ã€ä»–ã®æ–¹ãŒæ›¸ã„ãŸãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ¬ãƒ“ãƒ¥ãƒ¼ã‚’ã™ã‚‹æ©Ÿä¼šãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ ã‚³ãƒ¼ãƒ‰ã®å“è³ªã®ç¶æŒã€ä¿å®ˆæ€§ã‚’é«˜ã‚ã‚‹ã«ã¯ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦å‰‡ãƒ»ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ãªã‚“ã‹ã‚’æ•´å‚™ã™ã‚‹ã®ãŒä¸€ç•ªã®è¿‘é“ãªã‚“ã§ã™ãŒã€ä¸ã€…ç€æ‰‹ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ãšãƒ»ãƒ»ãƒ»ã€‚ ã¨ã¯è¨€ã†ã‚‚ã®ã®ã€ãƒªãƒªãƒ¼ã‚¹ã™ã‚‹ã‚‚ã®ã«å¯¾ã—ã¦ã€æœ€è¿‘ã§ã¯html/css/jsã®åœ§ç¸®ã‚’ã‹ã‘ã‚‹ã®ãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã«ãªã£ã¦ã„ã‚‹ã®ã§ã€ åŸºæœ¬çš„ã«ã¯Validatorã§ã‚¨ãƒ©ãƒ¼ãŒå‡ºãªã‘ã‚Œã°OKã¨ã—ã¦ã„ã‚‹ã‚“ã§ã™ãŒã€Sass(.scss)ã«ã¤ã„ã¦ã¯ã€ã©ã†ã—ã¦ã‚‚ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«å‰ã®ç‰©ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ç‚ºã€ã©ã†ã—ã¦ã‚‚å…±é€šã®ãƒ«ãƒ¼ãƒ«ã‚’ä½œã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã—ãŸã€‚ ãŸã ã—ã€ç¾çŠ¶ã§ã¯ã¾ã å…±é€šã®ãƒ«ãƒ¼ãƒ«ã‚’æ±ºã‚ã‚‰ã‚Œã¦ã„ãªã„ã®ã§ã€ã‚ã‚‹ç¨‹åº¦è‡ªç”±åº¦ã‚’æŒã£ã¦ãƒã‚§ãƒƒã‚¯ã§ãã‚‹ã‚ˆã†ãªã€Gruntã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ grunt-sass-format npm GitHub Gruntã«ã¤ã„ã¦ã®è©³ç´°ã¯ã€ä»–ã«ä»»ã›ã¾ã™ãŒã€ä¸€èˆ¬çš„
katryo 2015/05/27
grunt

sass
ãƒªãƒ³ã‚¯
ã‚ãªãŸã®Webé–‹ç™ºäººç”Ÿã‚’å¤‰ãˆã‚‹Yeomanã€Bowerã€Yoã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¨ä½¿ã„æ–¹
é€£è¼‰ç›®æ¬¡ å‰å›žè¨˜äº‹ã€ŒGruntã§ç‹¬è‡ªã‚¿ã‚¹ã‚¯ã‚’å®šç¾©ã—ã€ç‹¬è‡ªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’npmãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¨ã—ã¦ä½œæˆãƒ»å…¬é–‹ã™ã‚‹ã«ã¯ã€ã§ã¯ã€Gruntã‚’ä½¿ã£ã¦ã„ã‚ã„ã‚ãªæ‰‹æ³•ã§ã‚¿ã‚¹ã‚¯ã‚’å®šç¾©ã™ã‚‹æ‰‹æ³•ã‚„ã€ç‹¬è‡ªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½œæˆã—ã¦npmã§å…¬é–‹ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã—ãŸã€‚ ä»Šå›žã¯å°‘ã—è§’åº¦ã‚’å¤‰ãˆã¦ã€Gruntã‚’è‡ªèº«ã®æ©Ÿèƒ½ã¨ã—ã¦åˆ©ç”¨ã—ã¦ãŠã‚Šã€å¿«é©ãªé–‹ç™ºãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã‚’æä¾›ã—ã¦ãã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã€ã€ŒYeomanã€ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ 3ã¤ã®ãƒ„ãƒ¼ãƒ«ã‚’çµ±åˆã—ãŸãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã‚’æä¾›ã™ã‚‹ã€ŒYeomanã€ Yeomanã¨ã¯ã€å…¬å¼ã‚µã‚¤ãƒˆã„ã‚ãã€ã€ŒThe web's scaffolding tool for modern webappsã€ã¨ã®ã“ã¨ã§ã™ã€‚ è¨³ã™ã¨ã€ã€Œä»Šé¢¨ã®Webã‚¢ãƒ—ãƒªã®ãŸã‚ã®åœŸå°ï¼åŸºç›¤ã‚’ä½œã£ã¦ãã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã€ã¨ã„ã£ãŸã¨ã“ã‚ã§ã—ã‚‡ã†ã‹ã€‚ã€Œscaffoldingã€ã¯Ruby on Railsã®ä¸»è¦æ©Ÿèƒ½ã¨ã—ã¦æœ‰åã«ãªã£ãŸè¨€è‘‰ã§ã€ã‚³ãƒžãƒ³ãƒ‰ã‚’æ‰“ã¤ã
katryo 2014/07/03
Yo

grunt

bower

node

javascript

npm

Yeoman
ãƒªãƒ³ã‚¯
Gruntã®taskã®å®Ÿè¡Œã«ã‹ã‹ã‚‹æ™‚é–“ã‚’åŠ‡çš„ã«çŸç¸®ã™ã‚‹æ–¹æ³• - Qiita
æœ€è¿‘ã§ã¯Gruntç„¡ã—ã§ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã¯è€ƒãˆã‚‰ã‚Œãªããªã£ã¦ããŸæ°—ãŒã—ã¾ã™ãŒã€å¤§æŠµtaskã‚’å®Ÿè¡Œã—ãŸéš›ã«çµæ§‹æ™‚é–“ãŒã‹ã‹ã£ã¦ã—ã¾ã„ã¾ã™ã€‚ Gruntã®å®Ÿè¡Œã«ã‹ã‹ã‚‹æ™‚é–“ã‚’æ¸›ã‚‰ã™ã«ã¯ã©ã†ã™ã‚Œã°è‰¯ã„ã®ã‹èª¿ã¹ã¦ã¿ãŸã‚‰ã€loadTasks as they are needed to speed up Grunt load time Â· Issue #975 Â· gruntjs/gruntã®issueã«æ–¹æ³•ãŒã‚ã‚Šã¾ã—ãŸã€‚ ä½•ã«æ™‚é–“ãŒã‹ã‹ã£ã¦ã„ã‚‹ã‹ taskã‚’èµ°ã‚‰ã›ãŸéš›ã€ä½•ã§æ™‚é–“ãŒã‹ã‹ã£ã¦ã„ã‚‹ã®ã‹ã‚’time-gruntã§ç¢ºèªã—ã¦ã¿ã‚‹ã¨ã€å®Ÿè¡Œã—ã¦ã„ã‚‹taskè‡ªä½“ã§ã¯ãªãnpmã‚¿ã‚¹ã‚¯(é©åˆ‡ãªè¡¨ç¾ã‹ã¯åˆ†ã‹ã‚Šã¾ã›ã‚“ãŒGruntãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®äº‹ã§ã™ã€‚)ã®èªã¿è¾¼ã¿ã®æ–¹ã«æ™‚é–“ãŒã‹ã‹ã£ã¦ã„ã‚‹äº‹ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚ loadNpmTasks()ã§2ç§’ã¯ã‹ã‹ã£ã¦ã„ã‚‹çŠ¶æ…‹ npmã‚¿ã‚¹ã‚¯ã®èªã¿è¾¼ã¿ã«ä½•æ•…æ™‚é–“ãŒã‹ã‹ã‚‹ã‹ã¨ã„ã†ã¨ã€Gru
katryo 2013/12/21
grunt

JavaScript
ãƒªãƒ³ã‚¯
Yeomanå…¥é–€(ç¬¬ä¸€éƒ¨ã€yoã‚’ä½¿ã†) - from scratch
â€» è¿½è¨˜ï¼š id:TokyoIncidents ã•ã‚“"è£œè¶³"ã®èª¤å—ä¿®æ£ã—ã¾ã—ãŸã€ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™!! ã“ã‚Œã‹ã‚‰Yeomanã«é–¢ã—ã¦èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ Yeomanè‡ªä½“ãŒä½•è€…ãªã®ã‹ã‚ˆãã‚ã‹ã£ã¦ã„ãªã„äººã‚‚å¤šã„ã¨æ€ã„ã¾ã™ã€‚ã¾ãŸã€ã‚ã‚‹ç¨‹åº¦Yeomanã®æ¦‚è¦ã¯çŸ¥ã£ã¦ã„ã‚‹ã®ã§ã€generatorã®ä½œã‚Šæ–¹ãŒçŸ¥ã‚ŠãŸã„ã€ã¨ã„ã†æ–¹ã‚‚ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ä»Šå›žã¯ä¸‰éƒ¨æ§‹æˆã§ã€yeomanã‚’ä½¿ã†è©±ã€yeomanã®generatorã‚’ä½œã‚‹è©±ã€æœ€å¾Œã«yeomanã®APIã«é–¢ã—ã¦èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ä»Šå›žã¯ç¬¬ä¸€éƒ¨ã®yeomanã‚’ä½¿ã†è©±ã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚ Yeomanã¨ã¯ Googleç¤¾ãŒä½œæˆã—ãŸç·åˆé–‹ç™ºãƒ„ãƒ¼ãƒ«ç¾¤ã§ã™ã€ã€Œãƒ¨ãƒ¼ãƒžãƒ³ã€ã¨å‘¼ã³ã¾ã™ã€‚å…¬å¼ã‚µã‚¤ãƒˆã«ã¯ MODERN WORKFLOWS FOR MODERN WEBAPPS (ãƒ¢ãƒ€ãƒ³WEBã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãŸã‚ã®ãƒ¢ãƒ€ãƒ³ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼) ã¨è¨˜è¿°ã•ã‚Œã¦ã„ã¾ã™ã€‚ Yeomanã‚’ä½¿ã†
katryo 2013/10/02
ã‚¸ãƒ ã®ã‚ã¨ã‚„ã‚‹

generator

ãƒ„ãƒ¼ãƒ«

grunt

bower

node

node.js

JavaScript

development
ãƒªãƒ³ã‚¯
gruntã§å¿«é©JS/CSSãƒ“ãƒ«ãƒ‰ç”Ÿæ´»
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / â€» ã“ã®è¨˜äº‹ã¯grunt version 0.2.x ã®ã‚‚ã®ã§ã€grunt 0.3 ã‹ã‚‰ã¯APIãŒå¤‰æ›´ã•ã‚Œã¦ã„ã¾ã™ grunt ã¨ã„ã†JS/CSSã®ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ãŒä¾¿åˆ©ã ã£ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚(Mac/Linux) cowboy/grunt - GitHubã“ã®gruntã£ã¦ã®ã¯ã€JS,CSSã‚’å…¨éƒ¨ã¾ã¨ã‚ã¦ç¹‹ã’ã‚‹ã€ã¾ã¨ã‚ã¦JS lintã™ã‚‹ã€minifyã™ã‚‹è¦‹ãŸã„ã®ã‚’ã‚¿ã‚¹ã‚¯ã¨ã—ã¦ç™»éŒ²ã—ã¦ãŠãã¨ã€ãã‚Œå®Ÿè¡Œã™ã‚Œã°ã¡ã‚ƒã¡ã‚ƒã£ã¨ã‚„ã£ã¦ãã‚Œã¡ã‚ƒã†ã‚„ã¤ã§ã™ã€‚ã•ã‚‰ã«watchã£ã¦ã„ã†æ©Ÿèƒ½ä½¿ãˆã°ã€ãƒ•ã‚¡ã‚¤ãƒ«ãŒæ›´æ–°ã•ã‚ŒãŸã‚‰ãã®ã‚¿ã‚¹ã‚¯ã‚’ã‚„ã£ã¦ãã‚Œã‚‹ã¿ãŸã„ãªã®ã‚‚ã€‚ ä¼¼ãŸãƒ¢ãƒŽã§ã€Makeã¨ã‹Rakeã¨ã‹Cakeã¨ã‹ãã†ã„ã†
katryo 2012/08/16
ã»ã¸ãƒ¼

js

CSS

coffeescript

node.js

javascript

minify

grunt
ãƒªãƒ³ã‚¯
1