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

ochanoco_naoco id:ochanoco_naoco

gruntã«é–¢ã™ã‚‹ochanoco_naocoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

Sassã¨Gruntã¨StyleGuideã¨
ã“ã®è¨˜äº‹ã¯ Frontrend Advent Calendar 2013 16æ—¥ç›®ã®ã‚¨ãƒ³ãƒˆãƒªã§ã™ã€‚ ä»Šå¹´ã¯è‰²ã€…ãªãƒ„ãƒ¼ãƒ«ã‚’ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã«å°Žå…¥ã—ãŸã‚Šä½¿ç”¨ã—ãŸã‚Šã—ã¾ã—ãŸã€‚ä¸ã§ã‚‚Sassã¨Gruntã¨StyleGuideãƒ„ãƒ¼ãƒ«ã®å°Žå…¥ãŒå°è±¡æ·±ã„ã®ã§ç°¡å˜ã«ãŠã•ã‚‰ã„çš„ã«ç´¹ä»‹ã—ã¾ã™ã€‚ Sass & Compass ã€ŒCSSã§ã‚‚ååˆ†æ›¸ã‘ã‚‹ã—ã€ã¨æ€ã£ã¦å°Žå…¥ã‚’æ¸‹ã£ã¦ãŸSassã€‚OOCSSã¨ã‹ã«é–¢ã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ãªã©ã‹ã‚‰å½±éŸ¿ã‚’å—ã‘ã¦ãŸã“ã¨ã‚‚ã‚ã£ã¦ã€å®Ÿå‹™ã§æ›¸ã„ã¦ãŸCSSã‚’SCSSã§å…¨éƒ¨æ›¸ããªãŠã™ã¨ã„ã†ã¨ã“ã‚ã‹ã‚‰å§‹ã‚ã¾ã—ãŸã€‚ ãƒ¢ãƒã‚¤ãƒ«æ™‚ä»£ã«ãŠã‘ã‚‹CSSã®è¨è¨ˆã¨å®Ÿè£… CSSãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µã®å–æ‰±èª¬æ˜Žæ›¸ ã¡ã‚ƒã‚“ã¨CSSã‚’æ›¸ããŸã‚ã« - CSS/Sassè¨è¨ˆã®è©± Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®Sass/Compasså…¥é–€ SMACSS Sassã¨CSSè¨è¨ˆ Compassã¯Mixinä¾¿åˆ©ã ãªãƒ¼ã¨æ€ã£ã¦ä½¿ã„ã¾ãã£ã¦ãŸã‚“ã§ã™ãŒã€ã“ã®ã‚¨ãƒ³ãƒˆ
ochanoco_naoco 2013/12/27
sass

grunt
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œã§é¢å€’ãªä½œæ¥ã‚’è‡ªå‹•åŒ–ã™ã‚‹ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ã€Grunt v0.4 å…¥é–€
Webåˆ¶ä½œã§é¢å€’ãªä½œæ¥ã‚’è‡ªå‹•åŒ–ã™ã‚‹ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ã€Grunt v0.4 å…¥é–€ 2013-03-14 / 2014-03-12 Webã‚µã‚¤ãƒˆã®è¡¨ç¤ºé€Ÿåº¦ã‚’æ°—ã«ã™ã‚‹ã¨ã€CSSã‚„JavaScriptã®minifyã€gzipã€CSS Spriteã€ç”»åƒã®æœ€é©åŒ–ãªã©ã®é¢å€’ãªä½œæ¥ãŒç™ºç”Ÿã—ã¾ã™ã€‚ Grunt.jsã¨ã¯ï¼Ÿ Grunt.jsã¯ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰JavaScriptã®Node.jsã‚’ä½¿ç”¨ã—ãŸCUIã®ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ ã‚¿ã‚¹ã‚¯ã‚’è¨å®šã—ã¦ãŠãã€ãã‚Œã‚‰ã‚’è‡ªå‹•åŒ–ã—ã¾ã™ã€‚ ã‚³ãƒžãƒ³ãƒ‰ãƒ—ãƒãƒ³ãƒ—ãƒˆã‚„ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ãªã©ã€ã„ã‚ã‚†ã‚‹ã€Œé»’ã„ç”»é¢ã€ã‚’ä½¿ã„ã¾ã™ã€‚ Grunt.jsã®ç¾åœ¨ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯0.4.1ã§ã™ã€‚ ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒ0.3ã‹ã‚‰0.4ã«ãªã£ãŸã“ã¨ã§ã€å¤§ããä»•æ§˜ãŒå¤‰ã‚ã‚Šã¾ã—ãŸã€‚ Grunt.js v0.4ã§ã¯grunt-cliã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã”ã¨ã«Gruntã‚„ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ä½¿ç”¨ã—ã¾ã™ã€‚ ãƒ—ãƒ©ã‚°ã‚¤
ochanoco_naoco 2013/09/03
grunt

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ã¯ã˜ã‚ã« | Grunt æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ | js STUDIO
Gruntã¨Gruntãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯Node.js ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã§ã‚ã‚‹npmã‚’ä½¿ç”¨ã—ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¨ç®¡ç†ã‚’è¡Œã„ã¾ã™ã€‚ ã“ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¯Grunt 0.4.xã®ãŸã‚ã«æ›¸ã‹ã‚Œã¦ã„ã¾ã™ãŒã€Grunt 0.3.xã«ã¤ã„ã¦ã‚‚ã¾ã æœ‰åŠ¹ã§ã™ã€‚ ãŸã ã€0.3.xã§ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³åã¨ã‚¿ã‚¹ã‚¯ã®æ§‹æˆã‚ªãƒ—ã‚·ãƒ§ãƒ³ãŒ"Gruntfile"ã®é …ç›®ã®ã‚‚ã®ã¨ã¯ç•°ãªã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã®ã§ã€æ³¨æ„ã—ã¦ãã ã•ã„ã€‚ CLIã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« CLIã®å‹•ä½œã«ã¤ã„ã¦ å˜åœ¨ã™ã‚‹gruntãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®å‹•ä½œ æ–°ã—ã„gruntãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®æº–å‚™ package.json Gruntã¨Gruntãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« Gruntfileã«ã¤ã„ã¦ æ›´ã«è©³ã—ãçŸ¥ã‚‹ãŸã‚ã« CLIã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ã‚‚ã—ã€éŽåŽ»ã«gruntã‚’ã‚°ãƒãƒ¼ãƒãƒ«ä¸Šã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ã„ãŸå ´åˆã€ã¾ãšå§‹ã‚ã«ãã‚Œã‚’å‰Šé™¤ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ npm uninstall -g grunt æœ€
ochanoco_naoco 2013/09/03
grunt

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Gruntã§å§‹ã‚ã‚‹Webåˆ¶ä½œã®è‡ªå‹•åŒ–
Gruntã§å§‹ã‚ã‚‹Webåˆ¶ä½œã®è‡ªå‹•åŒ– Grunt.jsã¨ã¯Webåˆ¶ä½œã®æ§˜ã€…ãªã‚¿ã‚¹ã‚¯ã‚’è‡ªå‹•åŒ–ã—ã¦ãã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ node.jsã§é–‹ç™ºã•ã‚Œã¦ãŠã‚Šã€Sass/Compassã‚„Lessãªã©ã®CSSãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µãƒ¼ã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã‚„CSS/JSã®çµåˆåœ§ç¸®ã€JSHintã«ã‚ˆã‚‹ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©æ§˜ã€…ãªã‚¿ã‚¹ã‚¯ã‚’è‡ªå‹•ã§è¡Œã£ã¦ãã‚Œã¾ã™ã€‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ã¾ãšã¯node.jsã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã™ã€‚å…¬å¼ã‚µã‚¤ãƒˆã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ©ãƒ¼ãŒé…å¸ƒã•ã‚Œã¦ã„ã¾ã™ã®ã§ç°¡å˜ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒå¯èƒ½ã§ã™ã€‚ æ¬¡ã«Macã§ã¯ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ã‚’é–‹ã„ã¦grunt-cliã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã—ã‚‡ã†ã€‚cliã¨ã¯Common Language Infrastructureã®ç•¥ã§ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ã‹ã‚‰Gruntã‚’åˆ©ç”¨ã™ã‚‹ãŸã‚ã®ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ sudo npm install -g grunt-cli ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ãŒèžã‹ã‚Œã‚‹ã®ã§å…¥åŠ›ã—ã¦ãã ã•ã„ã€‚æˆåŠŸã™ã‚Œã°grunt-cliã®ã‚¤
ochanoco_naoco 2013/08/28
*ã‚ã¨ã§èªã‚€

grunt

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
Web Design Tips To Help You Succeed - Web Design
Understanding í•´ìš´ëŒ€ê³ êµ¬ë ¤ Facebook Marketing Works Having a really goodí•´ìš´ëŒ€ê³ êµ¬ë ¤ it em may certainly not be actually a guarantee for excellent purchases. Itâ€™s achievable for you to possess wonderful service or products,â€¦ [ë” ë³´ê¸°] Just howCrucial í•´ìš´ëŒ€ë£¸ì‹¸ë¡± The Right Diabetes Mellitus Diet? There is actuallyí•´ìš´ëŒ€ë£¸ì‹¸ë¡±nothing more important than the best diabetes diet regimen. Diabetic issues is actually a major disea
ochanoco_naoco 2013/05/31
compass

sass

grunt
ãƒªãƒ³ã‚¯
1