CSS・TypeScriptã®ç›¸æ€§ãŒæŠœç¾¤ã€‚vanilla-extractãŒæœ€é«˜ã®CSS開発体験をãã‚ŒãŸç§ã¯ã“ã‚Œã¾ã§ã€ React ・ Next.js ã§ã®ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã«ã¯ã€CSS Modules + Sass を使ã£ã¦ã„ã¾ã—ãŸãŒã€æœ€è¿‘㯠vanilla-extract を使ã†ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚TypeScript ã¨ã®ç›¸æ€§ãŒè‰¯ãã€é•·ã„間求ã‚ã¦ã„㟠CSS 開発体験ãŒå®Ÿç¾ã§ãã‚‹ãŸã‚ã§ã™ã€‚ vanilla-extract ã¨ã¯ã€CSS ã‚’ TypeScript ã§åž‹å®‰å…¨ã«æ›¸ã‘ã‚‹ CSS in JS ã§ã™ã€‚ State of CSS 2022 ã§ã‚‚満足度ãŒé«˜ãã€å…ˆæ—¥ã¯ Next.js ã® appDir ã§ã‚‚æ£å¼ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¾ã—ãŸã€‚ 本記事ã§ã¯ã€CSS Modules ã‹ã‚‰ vanilla-extract ã«ç§»è¡Œã—ãŸçµŒç·¯ã¨ã€ãã®ãƒ¡ãƒªãƒƒãƒˆã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ CSS Modules ã§é™ç•Œã‚’æ„Ÿã˜ã¦ã„㟠CSS Modules を使ã£ã¦ã„ãŸç†ç”±ã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒã€ä¸»ã«æ¬¡ã®ã‚ˆã†ãªã‚‚ã®ã§ã™ã€‚ 従æ¥ã® C
{{#tags}}- {{label}}
{{/tags}}