web-dev-qa-db-ja.com

Ant Design antd vsantd-非ネイティブモバイルWeb開発用のモバイル

Ant Designについて読んでいる私は、モバイルWeb開発にどのライブラリを使用するかについて混乱しています。 antdantd-mobileの2つのライブラリがあります。 antd-mobileがiOSとAndroidでreact-nativeをサポートしていることは明らかですが、どちらがプレーンモバイル(非ネイティブ/ SPA)Web開発に最適かは不明です。

Antdの紹介を読むと、「内部デスクトップアプリケーション用に特別に作成されたAnt Design、...」のようなステートメントが表示されます。antd-mobileの紹介を読むと、「Support Web/iOS/Android =プラットフォーム(React Native)に基づく) "

このことから、antはWebベースのデスクトップ(つまりElektron)アプリ以外のWeb開発にはあまり適していないと思います。

しかし、ant-mobileを使用して通常のWebアプリを構築しようとすると、動作させることができませんでした。たとえば、ボタンは表示されていますが、DatePickerは表示されていません。アリに切り替えると、すべてうまくいくようです。

非ネイティブのモバイル開発では、ant-mobileの代わりにantを使用する必要があると思いますか?

もしそうなら、antd-mobileが言及しているこのサポートされている「Web」プラットフォームは何ですか?

12

私の経験から:

Antd

フルブラウザのWebのみ(または電子)の開発を目的としており、モバイルファーストのデザインではありません。場合によっては、Webページをモバイルで見栄えよくするために微調整する必要があります。

Antd-mobile

Antd mobileは、2つのバージョンのコンポーネントをエクスポートします。Webバージョン(DOMを使用)とReact Nativeバージョン(View、Textなどを使用)です。

Webバージョン:jQuery Mobile、Sencha Touchなどのように考えることができます。これは、純粋なモバイルWebページ/アプリケーション、つまりモバイルで表示されるアプリケーションを構築することを目的としていますブラウザー。たとえば、facebook.com、Amazon.comに移動してモバイルブラウザで開きます(デスクトップのものとは実際に異なって見えます)。

React Nativeバージョン:これを使用して、インストールが必要なアプリであるGooglePlayストア/ AppStoreに配置されるモバイルアプリ(ハイブリッドアプリ)を構築します。

それが役に立てば幸い。間違えた場合はお知らせください。

8
Yichaoz