「shadcn/ui」って何が凄いの？実装知らないWebデザイナーが調べてみた｜akane

はじめにこんにちは！株式会社Rabeeのデザイナーのakaneです。 今回は、最近よく耳にする「shadcn/ui」について調べてみました。どうやらUIコンポーネントっぽいことは分かるけど、一体何を指すんだろう？いわゆる「UIライブラリ」との違いって何？といった疑問をデザイナー目線でお話しします。 どうぞ最後までお楽しみください🐰 「shadcn/ui」って最近よく聞きますよね「shadcn/ui」という単語、最近よく耳にしませんか？たとえば、最近話題になった10Xさんの記事。 なんだかよく分からないけど、UIコンポーネントの話をしているらしい。shadcn/uiはコンポーネントの集まりらしい。それを使うと、スピーディーなプロダクト開発ができるらしい…。 なんとなくは分かる気がするけれど、shadcn/uiって一体何なのでしょうか？UIコンポーネント集に見えるけど、既存のいわゆる「UIラ

[atico]

最大のメリットは生成AIとの親和性の高さ。 レポジトリ内にコピーされてるので、生成AIがコードを読み込んでくれて、自分の希望を言えばちゃんとその通りに修正してくれる。

[mayumayu_nimolove]

最近reactやtailwindのバージョンが上がったのでこれを使いたかったらバージョン下げる必要がある。解決策はあるらしいけど労力使う。そう言うフロントエンドのバージョン管理の不安定さが宿命。それ以外は神。

[yarumato]

“shadcn/ui シャドシーエヌ　ユーアイはシンプルで綺麗なUIコンポーネントをサクッと使える。ダークモード対応がデフォルトで組み込まれている。フォーカス時のアニメーション、ボタンのホバーエフェクトも実装済み”

[high-low-02-03]

shadcnを使えば、v0でプロトタイプを素早く作れるので、とてもありがたい

[suneo3476z_tn]

今日作ってもらったReactアプリに入っててなんだろこれ？と思ってた。

[cloverstudioceo]

どのプロジェクトでもUIをから作ることはなくもうプロジェクトの要件定義の一つとしてUIの選定やってると思うけど、毎回変わるんだよなぁ。で、どれもいい感じに使えて特に不満はない。

[kijtra]

しらなかった。こういうのを Gutenberg に統合してほしいなあ

[soratomo]

気になる。ダークモードの実装をそろそろ本格的に考えていきたい。