次世代ゼãƒãƒ©ãƒ³ã‚¿ã‚¤ãƒ CSS-in-JS「macaronã€ã®å°Žå…¥æ–¹æ³•ã‚’調ã¹ã¦ã¿ãŸ - RAKUS Developers Blog | ラクス エンジニアブãƒã‚°ã¯ã˜ã‚ã« ã“ã‚“ã«ã¡ã¯ï¼hy094ã§ã™ã€‚ 今回ã¯Zero-Runtime CSS-in-JSã§ã‚る「macaronã€(macaron-css)ã®ä½¿ã„方を調ã¹ã¦ã¿ãŸã®ã§ã€ ãれをã¾ã¨ã‚ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ※本記事ã¯å¤§éƒ¨åˆ†ãŒå…¬å¼ã®GitHubã¨å…¬å¼ãƒ‰ã‚ュメントã®å’Œè¨³ã§æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ ※英語ãŒã¨ã¦ã‚‚苦手ãªã®ã§ç¿»è¨³ã‚¢ãƒ—リを駆使ã—ã¦æ›¸ã„ã¦ã„ã¾ã™ã€‚誤りãŒã‚ã£ãŸã‚‰ã“ã£ãã‚Šæ•™ãˆã¦ã„ãŸã ã‘ã‚‹ã¨å¬‰ã—ã„ã§ã™ã€‚ ã¯ã˜ã‚ã« macaron（macaron-css）ã£ã¦çµå±€ã©ã†ãªã®ï¼Ÿ macaron（macaron-css）ã£ã¦ä½•ï¼Ÿ ã©ã‚“ãªç‰¹å¾´ãŒã‚ã‚‹ã®ï¼Ÿ ã©ã†ã‚„ã£ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã®ï¼Ÿ ãƒãƒ³ãƒ‰ãƒ©ã®è¨å®šã¯ï¼Ÿ ã©ã†ã‚„ã£ã¦ä½¿ã†ã®ï¼Ÿ 1. styled componentを作æˆã™ã‚‹ 2. ã‚¹ã‚¿ã‚¤ãƒ«ã‚’è¿½åŠ ã™ã‚‹ 3. variantsã‚’è¿½åŠ ã™ã‚‹ 4. デフォルトã®variantsã‚’è¨å®šã™ã‚‹ 5. コンãƒãƒ¼ãƒãƒ³ãƒˆã‚’レンダリングã™ã‚‹
{{#tags}}- {{label}}
{{/tags}}