ã€Sass入門】導入方法やSCSS記法ã®åŸºæœ¬çš„ãªæ›¸ã方今回ã¯Sassã®æ¦‚è¦ã¨ã¨ã‚‚ã«ã€Visual Studio Codeを使ã£ãŸSassã®å°Žå…¥æ–¹æ³•ã‚’ã¯ã˜ã‚ã€SCSS記法ã®åŸºæœ¬çš„ãªæ›¸ã方をã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚ Sassを利用ã™ã‚‹ã¨CSSã®è¨˜è¿°é‡ã‚’減らã›ãŸã‚Šã€ç®¡ç†ãŒæ¥½ã«ãªã‚Šã¾ã™ã®ã§ã€CSSã‚’ã‚る程度覚ãˆãŸã‚‰Sassも一度勉強ã—ã¦ã¿ã¦ãã ã•ã„。 Sassã¨ã¯ï¼Ÿä½¿ç”¨ã™ã‚‹ãƒ¡ãƒªãƒƒãƒˆ Sassã®æ¦‚è¦ã¨ç‰¹å¾´ Sassã¯ã€ŒSyntactically Awesome Style Sheets（和訳: 構文的ã«å„ªã‚ŒãŸã‚¹ã‚¿ã‚¤ãƒ« シート）ã€ã®ç•¥ã§ã€CSSをより効率的ã«æ›¸ã‘るよã†ã«æ©Ÿèƒ½æ‹¡å¼µã•ã‚ŒãŸè¨€èªžã®ã“ã¨ã‚’言ã„ã¾ã™ã€‚ å°è¦æ¨¡ã®ãƒ›ãƒ¼ãƒ ページ制作ã§ã¯é€šå¸¸ã®CSSã§æ›¸ã„ã¦ã„ã¦ã‚‚手間を感ã˜ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€è¦æ¨¡ãŒå¤§ãããªã‚‹ã¨ã‚³ãƒ¼ãƒ‰é‡ãŒå¢—ãˆã¦ç…©é›‘ã«ãªã‚ŠãŒã¡ã§ã™ã€‚ Sassを利用ã™ã‚Œã°ã€ã‚³ãƒ¼ãƒ‰ã®è¨˜è¿°é‡ã‚’減らã™ã“ã¨ãŒã§ãã€1ã¤ã®ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã«å¯¾ã—ã¦ã®è¨˜è¿°ã‚’一箇所ã«ã¾ã¨ã‚ã‚‹ã“ã¨ãŒã§ã
{{#tags}}- {{label}}
{{/tags}}