SPAã«ãŠã‘ã‚‹CSSã«ã¤ã„ã¦ã€ã²ã¨ã¤ã®è§£ï¼ˆè¿½è¨˜ã‚り） - エンジニアをリングã™ã‚‹SPAã«ãŠã‘ã‚‹CSSã®ã‚ã‚Šã‹ãŸã«ã¤ã„ã¦ãšã£ã¨æ‚©ã‚“ã§ãŸã‘ã©æ˜¨æ—¥ä»Šæ—¥ã§ä¸€ç‹ã®å…‰æ˜ŽãŒè¦‹ãˆãŸâ€” よã—ã“ (@yoshiko_pg) 2017å¹´4月7æ—¥ ã“ã®è©±ã‚’ç°¡å˜ã«ã¾ã¨ã‚ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ çµè«–ã‚’å…ˆã«æ›¸ãã¨ã€Œä»Šã®ã¨ã“ã‚template literal内ã«CSSを記述ã™ã‚‹å½¢å¼ã®CSS in JSãŒã„ã„æ„Ÿã˜ã€‚Reactãªã‚‰styled-componetnsãŒè‰¯ã‹ã£ãŸã€ã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ æ‚©ã‚“ã§ã„ãŸã“㨠コンãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘ã§SPAを作ã£ã¦ã„ã上ã§ã€CSS（ã¨ã„ã†ã‹ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ï¼‰ã¯ã©ã†æ›¸ã„ã¦ã„ã£ãŸã‚‰ã„ã„ã‚“ã ã‚ã†ï¼Ÿã¨ã„ã†ã“ã¨ã«çµæ§‹æ‚©ã‚“ã§ã„ã¾ã—ãŸã€‚ HTMLã¨JSãŒã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ã—ã¦ã¾ã¨ã¾ã£ã¦ã„ãä¸ã§CSSã ã‘ã¯ä»Šã¾ã§é€šã‚Šåˆ¥ç‰©ã¨ã—ã¦æ‰±ã„ã€BEMãªã©ã§ã‚°ãƒãƒ¼ãƒãƒ«ã‚¹ã‚³ãƒ¼ãƒ—ã¨æˆ¦ã†ã®ã‹ï¼Ÿã¯ãŸã¾ãŸCSSã®æž ã‚’ã¯ã¿å‡ºã¦JSコンãƒãƒ¼ãƒãƒ³ãƒˆã®ç²’度ã«åˆã‚ã›ãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã‚’ã™ã‚‹ã®ã‹ï¼Ÿ åŠ ãˆã¦ã€è¦‹ãŸç›®ã‚‚挙動も複雑ãªã‚¢ãƒ—リケ
CSS in JS(Elm)ã—ãŸã‚‰æƒ³åƒä»¥ä¸Šã«è‰¯ã‹ã£ãŸ - ã‚¸ãƒ³ã‚¸ãƒ£ãƒ¼ç ”ç©¶å®¤
{{#tags}}- {{label}}
{{/tags}}