Remixをはじめます。(22日目)

わしの
·

📝きょうの学習

どうも、浮気者です。違うんです。順応性が高いだけなんです。

そんなわけで今日からRemixです。Next.jsは機能が多くて疲れました。(大して勉強していないけど。)

今日は昨日作ったRemixのプロジェクトにUIライブラリを選ぼうと思います。

フロントエンドの技術選定で特に悩ましいのがUIライブラリだと思うのですが、私はフロントエンド界隈を勉強しはじめて、始めて見たのがCSS modulesだったので、刷り込み効果で一番気に入っています。親だと思っています。

次にTailwindなのですが、あいつはClassNameが長くなってプログラム全体の可読性が落ちるのであまり好きではありません。ただ、便利だとは思いますし、流行ってきているので仕方ないから付き合ってやるか、ぐらいのスタンスです。

一応勉強ということで、渋々と昨日作ったプロジェクトでTailwindを使えるようにします。

Remix公式:https://remix.run/docs/en/main/styling/tailwind

npm install -D tailwindcss

npx tailwindcss init --ts

あとは公式ページのとおり対象のファイルを更新すれば適用されました。

  • tailwind.css

  • tailwind.config.ts

  • root.tsx

StyleをTailwindで書き直しました。記述をいちいち調べないと分からないのが辛いところ。一応VSCodeの拡張機能はインストール済みなんですが、もうちょっと便利な拡張機能がないか探してみようと思います。

シバぐりぐり撫でまわしたい病です🐕

🍚きょうのごはん

おひるごはんはペペロンチーノ。アルパチーノのチーノと一緒ですね。

よるは生姜焼き。生姜焼きってこま切れ肉で作った時と、薄切り肉で作った時の味わいが全然違ってて、それぞれ美味しいのがすごい。🐷<アリガ㌧

@wassy
ものづくりが好き。