6
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【JollyUI】shadcn/uiと互換性のある次世代コンポーネントライブラリ

Last updated at Posted at 2024-03-16

概要

JollyUI は、shadcn/ui と互換性のある次世代コンポーネントライブラリです。shadcn/ui と同様に、開発者は npm を介さずに自らのプロジェクトに直接組み込むことで、高度なカスタマイズ性を享受できます。ただし、現時点では JollyUI のコンポーネント数は shadcn/ui に及ばないため、完全な互換性にはまだ至っていません。

しかし、JollyUI には shadcn/ui より魅力的な特徴があります。shadcn/ui が内部で使用しているヘッドレスUIライブラリ Radix UI に対して、JollyUIAdobe によって開発された React Aria を採用しています。Adobe の豊富な国際化とデジタルアクセシビリティに関する専門知識は、React Aria の設計に深く反映されています。これにより、React Aria は国際化(i18n)、アクセシビリティ、そして提供されるコンポーネントの豊富さにおいて Radix UI よりも優れてます。

国際化(i18n)とアクセシビリティに関する具体例を挙げると、JollyUIshadcn/uiDate Picker コンポーネントを比較した場合、JollyUI はデフォルトで複数の言語に対応しており、日本語を含む多言語サポートが実現されてると分かります。また、JollyUIDate Picker コンポーネントは shadcn/ui よりも日付を視認しやすいと分かります。

shadcn/ui の人気が先行しており、既に GitHub のスター数にも大きな差がありますが、JollyUI の今後に乞うご期待ですね!⭐

参照

自らの備忘録のために投稿してますが、なにかお役に立てましたら幸いです!:clap:
また、なにか間違ってましたらご指摘いただけますと幸いです!:pray:

6
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?