アリババ製UIフレームワーク: Ant Designのススメ

July 13, 2018

目次

Ant Design とは

https://github.com/ant-design/ant-design
Ant Design は、アリババが提供する UI フレームワーク。 mui-org/material-uiの Star 数が 36,343 に対し、ant-design/ant-designの Star 数は 28,477! 後発にも関わらず、快進撃を続けています。

Ant Design の好きなところ

React, Angular, Vue に対応

案件によっては何を使うか指定される場合が有るかもしれません。そんな時も、メジャーなライブラリはカバーされているため、安心して使うことが出来ます。

豊富で実用的なコンポーネント

ボタン・カード・メニュー・ステップなどの基本的な Component はもちろん、タイムラインメンションの Component まで提供されています。アリババが実際に多くのページで利用しているだけあって、非常に実用的です。

クセのないデザイン

Material UI が、高い UX とスマートなビジュアルを誇る素晴らしい UI フレームワークであることは間違いありません。しかし、その完成されたビジュアルゆえ、Material UI 製のページはパッと見て「あっ、Material UI か Materialize で作ったのかな」と分かることもしばしばあるかと思います。 そのため、ポートフォリオサイトの作成など、オリジナリティを出したい場面には向かない、と私は考えています。
https://i.imgur.com/GplF3dX.png

Ant Design は、ビジュアルが非常にシンプルで装飾が少ないため、自分でデザインを足すのが非常に容易です。 https://i.imgur.com/eWcxGU7.png

多言語対応

https://ant.design/docs/react/i18n
英語、日本語、ドイツ語、フランス語、中国語、韓国語はもちろん、イギリス英語、ベルギーフランス語(何それ?)まで対応。

私について

岩佐 幸翠
2019年4月に株式会社ディー・エヌ・エーへ新卒として入社し、GoとVue.jsを書いています。もっと詳しく

よかったらこの記事をシェアしてください:
B!