Sass（SCSS記法）ã®æ›¸ã方紹介 | æ±äº¬ã®ãƒ›ãƒ¼ãƒ ページ制作 / WEB制作会社 BRISK2020å¹´ã®å†¬ã‹ã‚‰SassãŒç¤¾å†…標準ã¨ã—ã¦æŽ¡ç”¨ã•ã‚Œã¾ã—ãŸã€‚ 最åˆã¯æˆ¸æƒ‘ã„ã¾ã—ãŸãŒã€æ…£ã‚Œã‚‹ã¨CSSを書ãã®ãŒã¤ã‚‰ããªã‚‹ãらã„便利ã§ã™ã€‚ Sassã®ã”ã一部ã®æ©Ÿèƒ½ã—ã‹ä½¿ã£ã¦ã„ãªã„ãªã€ã¨æ€ã£ãŸã®ã§æ›¸ã方をã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ Sassã«ã¤ã„ã¦Sass（Syntactically Awesome StyleSheet）ã¯CSSã®ãƒ¡ã‚¿è¨€èªžã§ã™ã€‚CSSã®ãƒ¡ã‚¿è¨€èªžã‚’CSSプリプãƒã‚»ãƒƒã‚µã¨å‘¼ã‚“ã ã‚Šã—ã¾ã™ã€‚ メタ言語ã¯è¨€èªžã‚’定義ã—ãŸã‚Šã€è¨€èªžã«ã¤ã„ã¦ã®æƒ…å ±ã‚’è¨˜è¿°ã—ãŸã‚Šã™ã‚‹ãŸã‚ã®è¨€èªžã§ã™ã€‚CSSã®æ©Ÿèƒ½ã‚’æ‹¡å¼µã—ãŸè¨€èªžã®1ã¤ãŒSassã¨è¨€ãˆã¾ã™ã€‚ Sassã¯CSSã«å¤‰æ›ï¼ˆã‚³ãƒ³ãƒ‘イル）ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚環境構築ãŒé¢å€’ã¨ã„ã†æ–¹ã‚‚GUIコンパイラやVSCodeã®ãƒ—ラグインãªã©ã‚’使ãˆã°ã€æ°—軽ã«Sassã‚’å°Žå…¥ã§ãã¾ã™ã€‚ GUIコンパイラã®ä½¿ã„æ–¹ã«ã¤ã„ã¦ã¯ã€ã“ã¡ã‚‰ã®è¨˜äº‹ã‚’å‚考ã«ã—ã¦ã¿ã¦ãã ã•ã„。 Sass(SCSS)を始ã‚よã†
Sass(SCSS)を始ã‚よã†ï¼ã€ŒPrepros（プリプãƒã‚¹ï¼‰ã€ã§ç°¡å˜ã«Sass環境を作ã‚ã†ï¼ï¼ˆå®Ÿè·µç·¨ï¼‰ | æ±äº¬ã®ãƒ›ãƒ¼ãƒ ページ制作 / WEB制作会社 BRISK
{{#tags}}- {{label}}
{{/tags}}