Nuxt.jsã«Tailwindã‚’åˆã‚ã¦ä½¿ã£ã¦ã¿ã‚‹ã¨ãã®Tipsã“ã‚“ãªæ„Ÿã˜ã§Tailwindã®ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ãƒ•ã‚¡ã‚¤ãƒ«ã«ã‚‚大é‡ã®ã‚¯ãƒ©ã‚¹ã¨StyleãŒç”¨æ„ã•ã‚Œã¦ã„ã¦ã€ã“ã®ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ãŸã¡ã‚’組ã¿åˆã‚ã›ã¦ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’è¡Œã„ã¾ã™ã€‚ 余談ã§ã™ãŒã€ã“ã®æ‰‹æ³•è‡ªä½“ã¯BEMã‚„FLOCSSãªã©ã®ã„ã‚ゆるCSS命åè¦å‰‡ã«ã‚ˆã‚‹ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãŒæµè¡Œã‚‹å‰ã‹ã‚‰ã‚ã£ãŸæ§˜ã§ã™ã€‚ ãŸã 当時㯠WebページãŒã©ã‚“ã©ã‚“複雑ã«ãªã£ã¦ã„ã段階ã§ã‚ã£ãŸ CSSã¯ã‚°ãƒãƒ¼ãƒãƒ«ã‚¹ã‚³ãƒ¼ãƒ—ãªä»•æ§˜ã®ãŸã‚ã€æ€ã‚ã¬ã¨ã“ã‚ã§CSSãŒå½“ãŸã‚‹ã®ãŒåŽ„介ã ã£ãŸ ã¨ã„ã†ã‚ˆã†ãªçµŒç·¯ãŒã‚ã‚Šã€ã“れらã®å•é¡Œã‚’解決ã™ã‚‹ãŸã‚ã®æ‰‹æ³•ã®ä¸€ã¤ã¨ã—ã¦CSS命åè¦å‰‡ãŒç”Ÿã¾ã‚Œã€å¯¾å‡¦ã•ã‚Œã¦ãã¾ã—ãŸã€‚ 実際ã«BEMã‚„CSSを便利ã«æ›¸ãSCSSãªã©ã®æŠ€è¡“ã¯ä»Šã§ã‚‚使ã‚ã‚Œã¦ã„ã¾ã™ã€‚ Tailwindã¯ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ã‚’使ã†ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã‚ã‚ŠãªãŒã‚‰ã‚‚ã€nuxt/tailwindã®å…¬å¼ã«ã¯
Vue.jsã®ç’°å¢ƒæ§‹ç¯‰ — 仕事ã§ã™ãã«ä½¿ãˆã‚‹TypeScript ドã‚ュメント
ã€Vue.js】Vuetifyåˆå¿ƒè€…ãŒçŸ¥ã£ã¦ãŠããŸã„便利ãªçŸ¥è˜5é¸
{{#tags}}- {{label}}
{{/tags}}