Gruntã§åŠ¹çŽ‡åŒ–ï¼ ãƒªãƒªãƒ¼ã‚¹å‰ã®é¢å€’ãªä½œæ¥ã‚’ã¾ã¨ã‚ã‚‹ | MONSTER DIVEç´å“時ã«ã¯ã€å°‘ã—ã§ã‚‚ページを速ã表示ã•ã›ã‚‹ãŸã‚ã«ã€CSS・JS・画åƒã®åœ§ç¸®ãªã©ãƒ•ã‚¡ã‚¤ãƒ«ã‚’最é©åŒ–ã—ã€Webサイトを高速化ã™ã‚‹ã“ã¨ã¯å¿…è¦ä¸å¯æ¬ ã§ã™ã€‚ ファイルを圧縮ã™ã‚‹ã«ã¯ã€ã‚¢ãƒ—リを使ã£ãŸã‚ŠWebサービスを使ã£ã¦ã‚‚ã§ãã¾ã™ãŒã€ä¸€ã¤ä¸€ã¤è¡Œã†ã¨æ™‚é–“ãŒã‹ã‹ã£ã¦ã—ã¾ã„ã¾ã™ã€‚作æ¥æ¼ã‚Œã®åŽŸå› ã«ã‚‚ãªã‚Šã¾ã™ã€‚ ãã“ã§ã€ç´å“å‰ã®é¢å€’ãªä½œæ¥ã‚’Gruntã§ã¾ã¨ã‚ã¦è¡Œã„ãŸã„ã¨æ€ã„ã¾ã™ã€‚Gruntを使ã†ã“ã¨ã«ã‚ˆã£ã¦ã€Sass(SCSS)ã®ã‚³ãƒ³ãƒ‘イルやHTMLã®é‡ç”£ã‚’ç°¡å˜ã«å‡ºæ¥ãŸã‚Šã™ã‚‹ã®ã§ã€ã¨ã¦ã‚‚便利ãªãƒ„ールã§ã™ã€‚事å‰ã«Gruntã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¨ã€Sassã¨Compassã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‚’è¡Œã£ã¦ã‹ã‚‰ã€ãœã²ä»¥ä¸‹ã®æ‰‹é †ã§ãŠè©¦ã—ãã ã•ã„。 今回ã€Gruntã§ã‚„ã‚‹ã“ã¨ã¯ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ HTMLファイルã®åœ§ç¸® CSSファイルã®åœ§ç¸® ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã®åœ§ç¸® JSファイル圧縮 ä¸è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ãƒ»ãƒ•ã‚©ãƒ«ãƒ€ã®å‰Šé™¤(Comassã§ã‚¹ãƒ—ライト画åƒã‚’
コピペãŒå‡ºæ¥ã‚‹ãªã‚‰èª°ã§ã‚‚出æ¥ã‚‹ã€Web制作タスク自動化ツール「Gruntã€å°Žå…¥æ‰‹é †
{{#tags}}- {{label}}
{{/tags}}