alibaba-fusion/next

これは何？

主な機能

• 01バックエンド画面向けの幅広いReact UIコンポーネントを提供します。
• 02npmモジュールとして公開するカスタムテーマパッケージに対応しています。
• 03babel-plugin-importを使って、ライブラリ全体または個別のコンポーネントをインポートできます。
• 04国際化とフォントの配信に関するガイドを用意しています。
• 05scriptタグとlinkタグを使って、ブラウザから直接読み込めます。

ユースケース

• 社内向け管理ダッシュボードやエンタープライズのバックオフィスシステムの構築。
• 共通のデザインシステムを使う複数のプロダクト間でUIを統一。
• デザイナーがブランドに合わせたテーマパッケージを公開し、開発者がUIを作り直さずに利用。

クイックスタート

1. 1

   npmからパッケージをインストールします

   npm install @alifd/next --save
2. 2

   プロジェクトにスタイルシート全体とコンポーネントをインポートします

   import '@alifd/next/dist/next.css';

使う前に知っておきたいこと

• !React 16以降が必要です。React 16未満のバージョンはサポートされていません。
• !react、react-dom、momentはpeer dependencyとして別途インストールする必要があります。

トピック

よくある質問

next とは？

デザイナーとフロントエンド開発者が共通のテーマを使って連携できる、バックオフィス向けのエンタープライズ品質なReactコンポーネントライブラリ。 @alifd/nextは、エンタープライズ向けのバックエンド画面を構築するためのReactコンポーネントライブラリです。デザイナーとフロントエンド開発者の間にある認識のずれを解消することを目指しています。デザイナーはコンポーネントの見た目をカスタマイズし、npmのテーマパッケージとして公開できます。開発者はUIコードを書き直すことなく、そのテーマを利用できます。これにより、プロダクト体験の一貫性を保ち、開発を効率化します。

next は無料で使えますか？ライセンスは？

next は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

next は今もメンテナンスされていますか？

活発にメンテナンス中。next の最終コミットは 2026年11月1日 です。

next は何に使えますか？

社内向け管理ダッシュボードやエンタープライズのバックオフィスシステムの構築。 共通のデザインシステムを使う複数のプロダクト間でUIを統一。 デザイナーがブランドに合わせたテーマパッケージを公開し、開発者がUIを作り直さずに利用。

next のインストール方法は？

npmからパッケージをインストールします: npm install @alifd/next --save プロジェクトにスタイルシート全体とコンポーネントをインポートします: import '@alifd/next/dist/next.css';

next はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/alibaba-fusion/next