åˆå¿ƒè€…ã®ãŸã‚ã®SCSS。変数ã¨ãƒ‘ーシャルを覚ãˆã¦çµ±ä¸€æ€§ã®ã‚るコードを書ã“ã†ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’使ã£ã¦ã„るサイトをよã見ã‹ã‘ã¾ã™ãŒã€è¦‹ãŸç›®å…ˆè¡Œã§åŠ¹æžœãŒå‡ºã«ãã„よã†ã§ã™ã€‚ GIGAZINEã®è¨˜äº‹ - ãªãœãƒ¡ãƒ‹ãƒ¥ãƒ¼è¡¨ç¤ºç”¨ãƒœã‚¿ãƒ³ã®ã€Œãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ã€ã¯ãƒ€ãƒ¡ãªã®ã‹ï¼Ÿ クライアントã«ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’実装ã—ã¦æ¬²ã—ã„ã¨è¨€ã‚れるã“ã¨ã‚‚ã‚ã‚Šã¾ã™ãŒã€ã‚¿ãƒ¼ã‚²ãƒƒãƒˆå±¤ã«ã‚ˆã£ã¦ã¯ã»ã¨ã‚“ã©ã‚¯ãƒªãƒƒã‚¯ã•ã‚Œã¾ã›ã‚“。実際ã«è‡ªåˆ†ã®ã‚µã‚¤ãƒˆã§2ヶ月間ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ†ã‚¹ãƒˆã‚’ã—ã¾ã—ãŸãŒã€ãƒ’ートマップやページ分æžãƒ„ールã§è¦‹ã‚‹ã¨å…¨ã押ã•ã‚Œã¦ã„ãªã‹ã£ãŸã§ã™ã€‚ ã§ã€ãŠç›†ã«å…¥ã£ã¦å°‘ã—è½ã¡ç€ã„ãŸã®ã§ã€ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ã‚’ã‚„ã‚ã‚‹ã“ã¨ã€ãƒ‡ãƒ¼ã‚¿ã‹ã‚‰åˆ†æžã—ãŸè¦³ç‚¹ã§UIã‚’ä¿®æ£ã™ã‚‹ã“ã¨ã€ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã®3点を行ã„ã¾ã—ãŸã€‚リファクタリングã¯ã‚³ãƒ¼ãƒ‰å†…容を見直ã—ã¦ã€å†—é•·ãªè¨˜è¿°ã‚„é‡è¤‡ç®‡æ‰€ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã®åŠ¹çŽ‡åŒ–を図る作æ¥ã®ã“ã¨ã§ã€å®šæœŸçš„ã«ã“れを行ã†ã¨ã‚ˆã‚ã—。 今回ã¯ã€ã“ã®ã‚µã‚¤ãƒˆã®SCSSã‚’å†æ§‹æˆã—ãŸã“ã¨ã‚‚ã‚ã‚Šã€åˆå¿ƒè€…ãŒSCSSを始ã‚ã‚‹éš›ã«ç†
{{#tags}}- {{label}}
{{/tags}}