Tree: 028265d3ba

9.9 KiB

Raw Blame History

Ant Design

エンタープライズクラスの UI 設計言語と React UI ライブラリです。

✨ 機能

🌈 ウェブアプリケーション用に設計されたエンタープライズクラスの UI。
📦 高品質な React コンポーネントのセットが箱から出されます。
🛡 TypeScript で書かれており、予測可能な静的型がある。
⚙️ デザインリソースと開発ツールの全体的なパッケージ。
🌍 数十の言語に対応した国際化サポート。
🎨 強力なテーマのカスタマイズを細部にわたって実現。

🖥 環境対応

モダンブラウザ、Internet Explorer 11 (with polyfills)
サーバーサイドレンダリング
Electron

IE / Edge	Firefox	Chrome	Safari	Electron
IE11, Edge	直近の 2 バージョン	直近の 2 バージョン	直近の 2 バージョン	直近の 2 バージョン

📦 インストール

npm install antd

yarn add antd

🔨 使い方

import { Button, DatePicker } from 'antd';

const App = () => (
  <>
    <Button type="primary">PRESS ME</Button>
    <DatePicker placeholder="select date" />
  </>
);

そして、手動でスタイルをインポートする:

import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'

TypeScript

antd は TypeScript で書かれており、完全な定義がなされています。まずは TypeScript で使うをチェックしてください。

🌍 国際化対応

数十の言語が antd でサポートされています。i18n を参照してください。

🔗 リンク

⌨️ 開発

GitHub の無料オンライン開発環境である Gitpod を利用する。

またはローカルにクローンする:

$ git clone git@github.com:ant-design/ant-design.git
$ cd ant-design
$ npm install
$ npm start

ブラウザを起動し、http://127.0.0.1:8001 にアクセスして開発セクションの続きをもっと見る.

🤝 貢献

貢献ガイドを読んで、よりよい antd を一緒の作り上げましょう。

すべての貢献に感謝します。まずは CONTRIBUTING.md をお読みください. どんなアイデアも Pull Request や GitHub issues で応募することができます. コードの改良をしたい方は、開発手順を確認してください。あとは楽しみましょう! :)

コラボレーターの方は、コラボレーターテンプレートを使い、Pull Request を作成するためのプルリクエストの原則に従ってください。

9.9 KiB Raw Blame History