このページのUIを一部DaisyUIにした話

執筆中現時点での時刻は午前1:28！！！眠い！！！！！！！

tl;dr

  1. DaisyUIにするのは簡単だった（欲しいものを公式ページからコピペしていい感じにするだけ）
  2. Tailwindの自由さとUI構築の安易さを兼ね備えたDaisyUIはいい。

DaisyUIにしてみた

既存のTailwindCSSオンリーの環境にDaisyUIを入れるのは超簡単。

をして、Next.js環境であればに

をするだけ。

テーマを変えてみる

公式ページにもあるが、一応。

に

のように追加するだけ。詳しいことは公式ページ見て。ここではそんなに真面目に解説しない。眠い。

結局こういうフレームワークに頼ってしまう

最初は「TailwindCSSすげえ！CSSがだけで完結して、なおかつ書きやすいぞ～！！！！」と、意気揚々に始めたTailwind Lifeであったが、
複雑なUIを構築しようとするとどうにもが長くなってしまう。

  • などで工夫が出来る
  • 共通のものはでまとめろ

とか、そういう意見もあると思うがそういうことを言いたいわけではない。
「TailwindCSSは自由すぎた」というのが答えなのだ。
自由すぎて、レイアウトをきれいに、凝ろうとするとどんどんが長くなっていき、メンテナンス性が低下してしまう。
なおかつ、あとからcssを一部だけ変えたいとなっても、過去の自分が書いたクソ長のどこを変えればいいのかわからないのだ。
これでは本末転倒ではないか？という話である。

それ、DaisyUIで書けるんじゃない？

だとすれば、共通のギミックがそろっているDaisyUIを使えばいいのである。
sidebarもクラスのみでいい感じのものができる。No Scriptでだ。

使えるものは使う、そういうエンジニアになりたいものです。

おわりに

ホントに深夜に書いているので文章がハチャメチャです。わからないな、なにいってんだこいつとなっても許せ。
そんなことでイライラするならAIに聞いて。AIにこの文章をまとめてもらってください。以上です。