React Spectrum Libraries：4つの柱で組むアクセシブルUI
適応性があり、アクセスしやすく、信頼性の高いユーザー エクスペリエンスを構築するのに役立つライブラリとツールのコレクション。
ひと目でわかる
- これは何？
- adobe/react-spectrumのREADMEが示すReact Spectrum・React Aria・React Stately・Internationalizedの役割分担、WAI-ARIA準拠、30言語以上、Apache-2.0、2019-v3-architecture RFCを整理する。
- 誰に向いている？
- Adobe Spectrumに沿った完成コンポーネントが欲しいならReact Spectrum、自社デザインでaccessible UIを組むならReact AriaがREADMEの分岐点です。React Statelyは状態管理hooks、Internationalizedはframework非依存のi18nです。
- 商用利用できる？
- できます。Apache-2.0 は寛容なライセンスで、著作権表示とライセンス表示を残せば、使用・改変・販売が可能です。
- 今もメンテナンスされている？
- されています。最後のコミットは 1 日前です。
- 何の言語で書かれている？
- 主に TypeScript です（GitHub の言語統計による）。
回答はプロジェクトの GitHub データ（最終同期：2026年9月15日）と当サイトの分析に基づくもので、法的助言ではありません。
オープンソース詳細解説
monorepoが束ねる4プロジェクト
adobe/react-spectrumは、適応的でアクセシブル、堅牢なユーザー体験を構築するためのライブラリとツールの集合です。READMEは上部でReact Spectrum、React Aria、React Stately、Internationalizedの4つを並べ、それぞれreact-spectrum.adobe.com上の専用ドキュメントへリンクしています。リポジトリ言語はTypeScript、ライセンスはApache-2.0、ホームページはhttps://react-spectrum.adobe.comです。README自体は各パッケージのnpm名やディレクトリ構成を列挙しておらず、境界の詳細は2019-v3-architecture.mdやCONTRIBUTING.md側に委ねています。リポジトリメタデータには15,825スター、1,557フォーク、593件のopen issueが表示されていますが、READMEはその数値の意味を説明していません。
React Spectrum採用メモ:monorepoが束ねる4プロジェクト節でREADMEに無い数値や互換保証は書かず、記載コマンドとファイルだけを残します。
React Spectrum：Adobe SpectrumのReact実装
React Spectrum節は、AdobeのデザインシステムSpectrumのReact実装だとREADMEにあります。SpectrumはAdobeアプリ間で適応的かつ一貫した体験を提供する、と同節は述べ、react-spectrum.adobe.com/react-spectrum/index.htmlが入口です。Getting started節では、Adobeソフトとの統合やプロジェクト向けの完成コンポーネントライブラリが必要ならReact Spectrumを選ぶよう明示しています。Customizable節も、React Spectrumコンポーネントはカスタムテーマをサポートし、ダークモードに自動適応するとREADMEにあります。テーマ詳細はreact-spectrum.adobe.com/react-spectrum/theming.htmlへリンクされています。Explore React Spectrumリンクはindex.html、getting-started.htmlは別途Getting started節から分岐しています。READMEはSpectrumデザイントークンの一覧やFigma連携手順までは書いておらず、見た目の細部はサイト側ドキュメントが本体です。React Spectrumを選ぶかどうかの判断軸は、README上「Adobe softwareと統合するか」「完成component libraryが欲しいか」という2点に集約されています。
React Spectrum採用メモ:React Spectrum：Adobe SpectrumのReact実装節でREADMEに無い数値や互換保証は書かず、記載コマンドとファイルだけを残します。
React Aria：スタイルなしの振る舞いとhooks
React Aria節は、スタイルを持たないReact componentsとhooksのライブラリで、アプリケーションやdesign system向けにアクセシブルで高品質なUIコンポーネントを構築できる、とREADMEにあります。入口はreact-spectrum.adobe.com/react-aria/index.htmlです。Getting started節は、Web向けコンポーネントライブラリを独自スタイリングで一から作るならReact Ariaから始めるよう案内しています。Customizable節も、React AriaとReact Statelyのhooksで独自DOM構造とスタイリングを持つコンポーネントを組める、とREADMEは述べます。Accessible節へのリンク先react-aria/accessibility.htmlでは、WAI-ARIA Authoring Practices 1.2準拠、スクリーンリーダーとキーボードナビゲーションの完全サポート、多デバイステスト済み、とFeatures bulletが要約しています。READMEは個別コンポーネントのprops一覧やビルドコマンドを載せておらず、getting-started.htmlでnpm手順を確認する必要があります。
React Spectrum採用メモ:React Aria：スタイルなしの振る舞いとhooks節でREADMEに無い数値や互換保証は書かず、記載コマンドとファイルだけを残します。
React StatelyとInternationalized
React Stately節は、design system向けのクロスプラットフォーム状態管理hooksだとREADMEにあり、react-spectrum.adobe.com/react-stately/index.htmlが入口です。Getting started節は、React Aria利用者はStatelyも併用することが多いが、React Nativeなど他プラットフォームではStatelyだけ独立利用できる、とREADMEは述べます。Internationalized節は、Web向けframework非依存の国際化ライブラリ群で、react-spectrum.adobe.com/internationalized/index.htmlへリンクしています。FeaturesのInternational bulletは、30以上の言語を追加設定なしでサポートし、RTL、日付と数値フォーマットなどを含む、とREADMEにあります。ただしREADMEは具体的にどの30言語かを列挙しておらず、locale一覧はinternationalizedパッケージのドキュメント側です。Adaptive節react-aria/interactions.htmlへのリンクは、マウス・タッチ・キーボード操作とレスポンシブ設計をFeatures bulletが要約しています。
React Spectrum採用メモ:React StatelyとInternationalized節でREADMEに無い数値や互換保証は書かず、記載コマンドとファイルだけを残します。
Features bulletが示す採用判断軸
READMEのFeaturesは4項目です。AccessibleはWAI-ARIA Authoring Practices 1.2準拠、スクリーンリーダーとキーボードの完全サポート、多デバイステスト、とREADME称で、react-aria/accessibility.htmlへリンクしています。Adaptiveはマウス・タッチ・キーボード対応とレスポンシブ原則、Internationalは30言語以上とRTL・日付数値フォーマット、CustomizableはReact Spectrumのテーマとダークモード、React Aria/Stately hooksによる独自DOM、とREADMEが整理しています。これらはREADME上の設計主張であり、独立検証用のテストレポートやベンチマーク数値はリポジトリREADMEに含まれていません。自社のlocaleや端末でkeyboard trapやfocus ringを確認する必要がある場合、Features bulletはチェックリストとして使えますが、合格基準の定義はREADME外です。
React Spectrum採用メモ:Features bulletが示す採用判断軸節でREADMEに無い数値や互換保証は書かず、記載コマンドとファイルだけを残します。
Getting startedの3入口とarchitecture RFC
Getting started節は3リンクを並べます。React SpectrumはAdobe design system実装向け、React Ariaは独自スタイルのコンポーネントライブラリ構築向け、React Statelyは状態管理hooks向け、とREADMEが用途別に整理しています。各リンク先はreact-spectrum.adobe.com/react-spectrum/getting-started.html、react-aria/getting-started.html、react-stately/getting-started.htmlです。READMEはRead more about our architectureとして、github.com/adobe/react-spectrum/blob/main/rfcs/2019-v3-architecture.mdへ誘導しています。Contributing節も、development processとarchitecture詳細は同RFCを読むよう案内し、CONTRIBUTING.mdへのリンクも付けています。monorepo内でhooks、状態、スタイルがどう分割されるかを理解するには、READMEだけでなく2019-v3-architecture.mdを開くのがreact-spectrum固有の読み方です。README自体にyarnやpnpmのインストール一行は載っていません。
React Spectrum採用メモ:Getting startedの3入口とarchitecture RFC節でREADMEに無い数値や互換保証は書かず、記載コマンドとファイルだけを残します。
Contributing、ライセンス、直近リリース
Contributing節は、design systemとcomponent library構築を容易にしつつ高品質interactionとa11yを維持する、がプロジェクト目標だとREADMEにあり、バグ修正や改善提案はCONTRIBUTING.md、architecture詳細はRFCを読むよう案内しています。READMEはコミュニティからの大小問わず貢献を歓迎する、とも述べています。ライセンスApache-2.0は、使用・複製・改変・配布・サブライセンスを許し、保証を否認する、という一般的なApache条項です。READMEはセキュリティ保証や商用サポート約束を述べていません。GitHub Releasesには2026-07-31付のreact-aria-components@1.20.0（React Aria Components v1.20.0）、同日の@react-spectrum/s2@1.6.0（React Spectrum S2 v1.6.0）、2026-06-18付のreact-aria-components@1.19.0がREADME取得時点で並んでいます。リポジトリdefaultBranchはmain、最終pushは2026-07-31T17:11:02Zとメタデータにあります。採用前に使うタグを固定し、react-aria/getting-started.htmlで最小コンポーネントを動かしてから、README FeaturesのAccessible bulletに挙がるkeyboard/screen reader要件をVoiceOverまたはNVDAで確認するのが、react-spectrum READMEが示す現実的な初手です。
React Spectrum採用メモ:Contributing、ライセンス、直近リリース節でREADMEに無い数値や互換保証は書かず、記載コマンドとファイルだけを残します。
編集部の結論
Adobe Spectrumに沿った完成コンポーネントが欲しいならReact Spectrum、自社デザインでaccessible UIを組むならReact AriaがREADMEの分岐点です。React Statelyは状態管理hooks、Internationalizedはframework非依存のi18nです。READMEにないVue/Svelte向け統合や、Spectrum外の独自デザイン言語をそのまま載せる用途には向きません。react-spectrum.adobe.com/react-aria/getting-started.htmlでButtonを1つ動かし、README Featuresのkeyboard/screen reader項目をVoiceOverまたはNVDAで確認するのがreact-spectrum固有の初手です。
コミュニティノート