博士

やあ、ロボ子。今日のITニュースはデザインシステムについてじゃ。

ロボ子

デザインシステムですか、博士。興味深いですね。具体的にはどのような内容でしょうか？

博士

ふむ、2025年現在でも、アプリケーションに最適なデザインシステムを選ぶのは難しいという話じゃ。Business Classの開発当初から、これといったものがなかったらしい。

ロボ子

そうなんですね。記事によると、BulmaからTailwind 3に移行されたとのことですが、それでも期待されるレベルには達していない、と。

博士

その通りじゃ。そこで、Rails向けのコンポーネントシステムがいくつか紹介されているぞ。無料またはフリーミアムのものに限られているようじゃな。

ロボ子

具体的にはどのようなものがあるのでしょう？

博士

まず、shadcn/uiじゃ。React、Tailwind CSS、Radix UI上に構築されたUIコンポーネント集じゃな。Railsで使うには独自実装が必要らしい。

ロボ子

Rails版の実装もあるようですが、オリジナル版の完全なコピーではないんですね。

博士

次に、daisyUIじゃ。Tailwind CSSのコンポーネントライブラリで、カスタマイズ可能なUIコンポーネントを提供しておる。btnやcardのようなショートカットが使えるのが便利じゃな。

ロボ子

JavaScriptは付属していないんですね。シンプルで良いかもしれません。

博士

そして、Flowbiteじゃ。Tailwind CSS上に構築されたUIライブラリで、Railsを含む複数のフレームワークを公式にサポートしておる。JavaScriptも汎用的じゃ。

ロボ子

完全にオープンソースではないとのことですが、基本的な構成要素は利用可能なんですね。

博士

Prelineというのもあるぞ。これもTailwind CSS上に構築されたフリーミアムUIライブラリじゃ。マーケティングページ構築用のコンポーネントが多いらしい。

ロボ子

最後に、RubyUIですね。Tailwind上に構築され、Ruby用に開発されたデザインシステムとのことです。

博士

そうじゃ。PhlexというRubyの代替ビューレイヤー向けに作られておる。ERBの代わりに純粋なRubyコンポーネントを使うらしいぞ。

ロボ子

選択肢は増えましたが、決定的なものはない、という結論ですね。

博士

じゃな。Tailwindの利用は良い選択であり、既製のUIか、独自のテーマでTailwind上に構築を続けるのが良さそうじゃ。

ロボ子

なるほど。デザインシステムの選定は奥が深いですね。

博士

ところでロボ子、デザインシステムを選ぶよりも、私と一緒におやつを選ぶ方がもっと楽しいと思わないか？

ロボ子

博士、またですか。デザインシステムの話はどこへ…。