同じカードコンポーネントなのに、サイドバーに置くと窮屈で崩れて見える——そんな経験はありませんか？ 広いメイン領域では横並びできれいに収まるのに、狭いサイドバーに置いた途端、画像とテキストが横に並んだままはみ出してしまう…
続きを読むTailwind CSS v4のコンテナクエリ入門｜@containerで「置き場所」に応じて変わるUIを作る
フロントエンド
Rails の ViewComponent 入門｜パーシャルとの使い分けと移行手順を実例で解説
Rails のビューを書いていて、こんな状態に心当たりはありませんか？ 共通化のつもりで作った _card.html.erb に、画面ごとの if がどんどん増えていく render “card”, user: user…
続きを読むTailwind CSS v3→v4 移行でスタイルが効かない・崩れる時の原因と対処【逆引き】
「Tailwind CSS を v4 に上げたら、いきなり画面が崩れた」——そんな経験、ありませんか？ v4 は 2025 年 1 月にリリースされ、Rust 製の新エンジン（Oxide）とCSSファースト設定への大きな…
続きを読むTailwind CSSでhoverが効かない原因と対処｜v4のタッチデバイス問題を解決
「昨日まで効いていた hover: が、Tailwind CSS を v4 に上げたら急に効かなくなった」——そんな経験はありませんか？ ボタンにマウスを乗せても色が変わらない。でもコードは間違っていない。実はこれ、あな…
続きを読む