<h2 class="e-heading">今日の学習</h2><p class="e-p">Daisy.uiをRemixに導入してみました。</p><h3 class="e-heading">環境</h3><ul class="e-ul"><li class="e-li"><p class="e-p">Remix 2.10.3</p></li><li class="e-li"><p class="e-p">Daisy.ui 4.12.10</p></li><li class="e-li"><p class="e-p">tailwindcss 3.4.4</p></li></ul><p class="e-p">導入方法は<a href="https://daisyui.com/docs/install/" target="_blank" rel="noopener noreferrer nofollow" class="e-link">Daisy.uiの公式サイトの通り</a>で問題なく適用できました。Daisy.uiは無意味な定義の集まりだったTailwindのClassNameに、意味を持たせることができるうえ、短くすることができるので開発体験が良くなりそうです。</p><figure class="e-image" data-natural-width="696" data-natural-height="400" data-size="default" data-style="default"><img src="https://r2.sizu.me/users/25769/post-images/zwxm8490ko564kk9ozva.png" width="696" height="400" alt="" /></figure><figure class="e-image" data-natural-width="882" data-natural-height="1134" data-size="default" data-style="default"><img src="https://r2.sizu.me/users/25769/post-images/ad6hc7bmwezfzktiih22.png" width="882" height="1134" alt="" /></figure><figure class="e-image" data-natural-width="593" data-natural-height="458" data-size="default" data-style="default"><img src="https://r2.sizu.me/users/25769/post-images/bci6a5hn01ne1du832uf.png" width="593" height="458" alt="" /></figure><p class="e-p"></p>

Remix+Tailwind+Daisy.ui

今日の学習

環境