自動検出ã¨è‡ªå‹•ä¿®æ£ã§CSSã‚’ä¿å®ˆã™ã‚‹ - QiitaCSSã®ä¿å®ˆã«ä¾¿åˆ©ãªcsscombã¨scss-lintã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚ scss-lint scss-lintã¯ã€SCSSã®ã‚³ãƒ¼ãƒ‰ã‹ã‚‰ä¸ŽãˆãŸè¨å®šã«é•åã—ã¦ã„ã‚‹ç®‡æ‰€ã‚’å ±å‘Šã—ã¦ãれるツールã§ã™ã€‚jslintã‚„rubocopã®SCSS版ã®ã‚ˆã†ãªã‚‚ã®ã§ã™ã€‚ã“れをCIç‰ã§å®šæœŸçš„ã«å®Ÿè¡Œã—ã¦ãŠãã“ã¨ã§ã€ãƒ«ãƒ¼ãƒ«ã«é•åã—ãŸã‚³ãƒ¼ãƒ‰ã®è”“延を防ãŽã¾ã™ã€‚ csscomb csscombã¯Node製ã®ãƒ„ールã§ã€CSSã®ã‚³ãƒ¼ãƒ‰ã‚’与ãˆãŸè¨å®šã«å¾“ã£ã¦è‡ªå‹•ã§å¤‰æ›ã—ã¦ãれるもã®ã§ã™ã€‚scss-lintã‚’åˆã‚ã¦å°Žå…¥ã™ã‚‹ã¨ãã«åˆ©ç”¨ã™ã‚Œã°ã€å¤§åŠã®è¦å‘Šã‚’自動ã§ä¿®æ£ã—ã¦ãれるã§ã—ょã†ã€‚但ã—CSSã®æ–‡æ³•ã—ã‹è§£é‡ˆã§ããªã„ãŸã‚ã€SCSSã«é©ç”¨ã™ã‚‹ã¨å¤±æ•—ã™ã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚SCSSã§æ›¸ã‹ã‚ŒãŸãƒ•ã‚¡ã‚¤ãƒ«ã«å¯¾ã—ã¦é©ç”¨ã—ã¦ã¿ãŸã¨ã“ã‚ã€@includeãªã©ã®æ–‡æ³•ã¯å—ç†ã•ã‚Œã‚‹ã‚‚ã®ã®ã€@ifãªã©ã®æ–‡æ³•ã‚’å—ç†ã§ããªã„よã†ã§ã™ã€‚ã—ã‹ã—ãªãŒã‚‰å•é¡Œã¨ãªã‚‹ã‚±ãƒ¼ã‚¹ãŒ
CoffeeScriptã‚„Sassãªã©ã®ä½¿ç”¨æ™‚ã«ã‚ªã‚¹ã‚¹ãƒ¡ã®Gruntプラグイン一覧
Gruntを使ã£ã¦ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’自動化ã™ã‚‹ã€Myタスクメモ | tipsBear
Grunt 日本語リファレンス | js STUDIO
コーディングã®å¿…é ˆãƒ„ãƒ¼ãƒ«ã«ãªã‚Šãã†ã€‚ステã‚ãªCSSスタイルガイドを生æˆã™ã‚‹ï½¢styleDoccoï½£ã®å°Žå…¥ã¨grunt.jsã§ã®è‡ªå‹•åŒ–ã®ãƒ¡ãƒ¢ | Mnemoniqs Web Designer Blog
{{#tags}}- {{label}}
{{/tags}}