前から使っていて、気に入ったのでどんどん適用範囲を拡張していきました。デザインし、その出来に満足していました。魅力は、選択肢の幅がちょうどよいところだと思っています。よい、要素同士が近い方がいいのか遠い方がいいのかで用意されたクラスから選ぶ。最新版がリリースされ、メジャーバージョンが上がっていることに気づきます。いっちょ最新バージョンに対応してやるかと思いいざ進めてみると、結構な労力を必要とすることが分かりました。このポストではそこで得た気づきの話をします。系へのアップグレード手順はこちらです。https://tailwindcss.com/docs/upgrading-to-v1順番にやっていけば良いと思いきや、まあ難しい。それぞれのクラスを使用している箇所を探すのが大変でした。似たようなクラス名ばかりなので検索で目的のクラスだけに絞り込めない。読み込んだページを一つずつ確認し、デザイン崩れを直していこうとしました。崩れの原因がなかなか特定できません。試行錯誤した後、旧バージョンの使用に問題があるわけでもないので、アップグレードを諦めました。クラスをルールなくあちこちで使っていたのがメンテナンス性を下げました。サイトの規模が小さい段階ではそれでも構わないですが、規模が大きくなると分かったら、抽象化を進めることを検討すべきタイミングです。いった内容がちゃんと公式で言及されていることに(ついさっきまで)気づきませんでした...。コンポーネントとして抽出しましょう。クラスを定義していいでしょう。使うと、メンテナンス性を犠牲にしかねません。フレームワークの向き不向きや使い方は、プロダクトの成長時期に応じて考えておきたいですね。upLoginユーザーは見つかりませんでした。