ブラックãªWeb開発ç¾å ´ã®æ•‘世主ã€Gruntã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¨ä½¿ã„方連載目次 一昔å‰ã§ã‚ã‚Œã°ã€HTMLï¼JavaScriptï¼CSSを使用ã—ã¦Webアプリを作æˆã™ã‚‹å ´åˆã€ï¼ˆç†è€…ã®çµŒé¨“ã§ã¯ï¼‰æ‰€å®šã®ä½ç½®ã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç½®ãã ã‘ã§ã—ãŸã€‚最近ã¯HTMLï¼JavaScriptï¼CSS関連ã®æŠ€è¡“も複雑化ï¼å¤šæ§˜åŒ–ã—ã€ã„ã‚ã„ã‚ãªã“ã¨ã‚’考慮ã—ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“。 例ãˆã°JavaScriptファイルã®å ´åˆã¯ã€ä»¥ä¸‹ã®ä½œæ¥ã‚’è¡Œã†ã“ã¨ã‚‚ã‚ã‚‹ã§ã—ょã†ã€‚ minify（圧縮）やçµåˆ å˜ä½“テストã®å®Ÿè¡Œ JSLint（構文ãƒã‚§ãƒƒã‚¯ï¼‰ã®å®Ÿè¡Œ ã•ã‚‰ã«ã€CoffeeScriptã‚„TypeScriptを使用ã—ã¦ã„ã‚‹å ´åˆã«ã¯ã‚³ãƒ³ãƒ‘イル（JavaScript変æ›ï¼‰ã‚’è¡Œã†å¿…è¦ã‚‚ã‚ã‚Šã¾ã™ã€‚ ã¾ãŸã€SCSS（Sass）やLESSãªã©ã®CSS拡張メタ言語を使用ã—ã¦ã„ã‚‹å ´åˆã«ã‚‚ã€ã‚³ãƒ³ãƒ‘イル（CSS変æ›ï¼‰ä½œæ¥ãŒå¿…è¦ã§ã™ã€‚ ファイルを修æ£ã—ã¦ãƒ“ルドã™ã‚‹ãŸã³ã«ã€ã“れらã®ä½œæ¥ã‚’ã„ã¡ã„ã¡æ‰‹ä½œæ¥ã§è¡Œã£ã¦ã„ã¦ã¯éžå¸¸ã«é¢å€’ã§ã—ょã†
コピペãŒå‡ºæ¥ã‚‹ãªã‚‰èª°ã§ã‚‚出æ¥ã‚‹ã€Web制作タスク自動化ツール「Gruntã€å°Žå…¥æ‰‹é †
{{#tags}}- {{label}}
{{/tags}}