Rails: ビューやコンポーネントに条件付きでCSSクラスを追加する（翻訳）｜TechRacho by BPS株式会社

概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: Conditionally Add CSS Classes to Your Views and Components | Rails Designer 原文公開日: 2024/03/94 原著者: Rails Designer -- Railsフロントエンド関連記事に加えて、ViewComponentとTailwind CSSを用いた美しいUIコンポーネントを販売しています 日本語タイトルは内容に即したものにしました。 Rails 6.1でリリースされた class_names（#37918）は、私が多用しているビューヘルパーです。 class_namesがなかった頃は、以下のような読みにくいコードを書くしかありませんでした。 <div class="<⁠%= item.for_sale? ? 'active' : '' %>"

[YassLab]

“<⁠%= tag.div class: [active: item.for_sale?] %> Railsのこの機能はあまり知られていませんが、ビューやコンポーネントをいい感じに書くのにとても有用 / 私のRails Designerの全コンポーネントでこの書き方が使われているのも当然”