65

私が探しているのは、いくつかの UI コントロールを持つ、使用できる JavaScript フレームワークです。私はjQueryを見てきましたが、それらのコントロールは ExtJS に比べて非常に基本的です。他に競争力のある選択肢はありますか?

この質問は歴史的に重要な意味を持っているため存在しますが、このサイトの適切なトピックに関する質問とは見なされないため、ここで同様の質問をすることができるという証拠として使用しないでください. 詳細:ヘルプ センター.

4

1 に答える 1

385

コミュニティのサイズと StackOverflow でのプレゼンスの点で、に匹敵するものはありません。以前の論争にもかかわらず、Ext JS は現在GPLv3 オープン ソース ライセンスを持っています。学習曲線は長いですが、一度学習すると非常にやりがいがあります。Ext JSにはマテリアル デザインのテーマがなく、チームはGitHub でのソース コードのリリースを繰り返し拒否しています。モバイルの場合、別の Sencha Touch ライブラリを使用する必要があります。

また、次のことも念頭に置いてください。

YUI などの大規模な JavaScript ライブラリは、コミュニティからあまり注目されていません。今日、多くの開発者は、大規模な JavaScript ライブラリを壁に囲まれた庭と見なしており、閉じ込められることを望んでいません。

-- YUI開発中止のお知らせ

とはいえ、以下は現在利用可能な Ext JS の代替手段の数です。

主要なクライアント ウィジェット ライブラリ

  1. Blueprintは、ビッグデータ分析会社Palantirが TypeScript で開発した React ベースの UI ツールキットであり、「デスクトップ アプリケーション用の複雑なデータ密度の高いインターフェイスを構築するために最適化されています」。2019 年 5 月の時点でGitHub で積極的に開発されており、包括的なドキュメントがあります。コンポーネントは、単純なもの (チップトーストアイコン) から複雑なもの (ツリー、データ テーブル、オートコンプリートによるタグ入力日付範囲ピッカー、アコーディオンリサイザーなし) までさまざまです。

    Blueprint は、最新のブラウザー (Chrome、Firefox、Safari、IE 11、および Microsoft Edge) を対象としており、変更された Apacheライセンスの下でライセンスされています。

    サンドボックス / デモGitHubドキュメント

  2. Webix - 高度で習得しやすく、モバイルフレンドリーで応答性が高く、豊富な無料のオープン ソース JavaScript UI コンポーネント ライブラリ。WebixはDHTMLX Touch (8 年間の開発期間を経たプロジェクト - 以下を参照) からスピンオフし、スタンドアロンの UI コンポーネント フレームワークになりましたGPL3 エディションは商用利用を許可し、Webix を使用する非 GPL アプリケーションは、FLOSS のライセンス免除により、MIT などのライセンスを保持できます。Webix には、ツリー、グリッド、ツリーグリッド、チャートを含む 55 の UI ウィジェットがあります。資金は、いくつかの高度なウィジェット (ピボット、スケジューラ、かんばん、組織図) を備えた商用版から得られます 等。)。Webix には、無料および商用のウィジェットの広範なリストがあり、最も一般的なフレームワーク(React、Vue、Meteor など) およびUI コンポーネントと統合されています。

    Webix

    スキンはモダンに見え、マテリアル デザインのテーマが含まれています。Touch テーマもかなりマテリアル デザインっぽいです。スキン ビルダーも参照してください。

    GitHub の存在は最小限ですが、ライブラリ コードとドキュメントが含まれています(これにはまだ大幅な改善が必要です)。Webix は、小規模なチームとマーケティングの欠如に悩まされています。ただし、 GitHubフォーラムの両方で、ユーザーからのフィードバックに対応しています。

    ライブラリは無駄がなく (~2015 年時点で 55 個のウィジェットすべてで 128Kb gzip + 縮小)、ExtJS や dojo などよりも高速で、デザインも見栄えがします。Webix の現在のバージョン (v6、2018 年 11 月現在) は重くなりました ( 400 - 676kB圧縮されていますが、gzip 圧縮されていません)。

    Webix.comのデモは、見栄えも機能も優れています。開発者であるXB Softwareは、有料の顧客向けに構築するソリューションで Webix を使用しているため、その先には資金に恵まれた良好な未来がありそうです。

    Webix は IE8 までの下位互換性を目指しており、その結果技術的負債が生じます。

    ウィキペディアGitHubPlayground/サンドボックス管理ダッシュボードのデモデモウィジェットのサンプル

  3. react-md - React 用の MIT ライセンスのマテリアル デザイン UI コンポーネント ライブラリ. レスポンシブ、アクセス可能。単純なもの (ボタン、カード) から複雑なもの (並べ替え可能なテーブル、オートコンプリート、タグ入力、カレンダー) までのコンポーネントを実装します。1 人の筆頭著者、~1900 の GitHub スター。

  4. - 40 以上の基本的なオープンソース ウィジェットと商用のプロフェッショナル ウィジェット (グリッド, ツリー, チャートなど) を備えた jQuery ベースの UI ツールキット. レスポンシブ&モバイルサポート。Bootstrap と AngularJS で動作します。マテリアル デザインをテーマにしたモダンな. ドキュメントは GitHubで入手でき、ユーザーからの多数の貢献が可能になっています (2015 年 1 月時点で 4500 件以上のコミット、500 件以上の PR)。

    ここに画像の説明を入力

    商業的に十分にサポートされており、何百万人もの開発者がいると主張しており、開発者ツールの大規模なファミリの一部です。Telerik は多くの称賛を受けており多国籍企業 (ブルガリア、米国) であり、Progress Softwareに買収され、ソートリーダーです。

    Kendo UI Professional 開発者ライセンスは 700 ドル、ほとんどのフォーラムへの投稿アクセスは、ライセンスを持っているか試用期間中であることが条件です。

    [Wikipedia] • GitHub/TelerikデモPlaygroundツール

  5. OpenUI5 - 180 個のウィジェットを持つjQueryベースのUI フレームワーク.

    OpenUI5

    コミュニティはWebix よりもはるかに大きくSAP は OpenUI5 を成長させるために開発者を採用しており、彼らは OSCON 2014 で OpenUI5 を発表しました

    デスクトップ テーマはやや光沢がありませんが、Web とモバイル向けの Fiori デザインはすっきりとしています。

    ウィキペディアGitHubモバイル ファースト コントロールのデモデスクトップ コントロールのデモSO

  6. DHTMLX - リッチな Web およびモバイル アプリを構築するための JavaScript ライブラリ. 非常に ExtJS に似ています -デモを確認してください。2005年から開発されていますが、それでもモダンに見えます。TreeGrid を除くすべてのコンポーネントは GPLv2 で利用できますが、多くのコンポーネントの高度な機能は商用の PRO エディションでのみ利用できます。たとえば、ツリーを参照してください。多くの Fortune 500 企業で使用されていると主張しています。

    DHTMLX

    GitHub (メイン ライブラリ コードが欠落している) とStackOverflowでの存在は最小限ですが、活発なフォーラム. ドキュメントはGitHubで入手できないため、コミュニティによる改善は困難です。

  7. Polymer、Web Components ポリフィル、およびPolymer Paper、Google のマテリアル デザインの実装。Web アプリとモバイル アプリを対象としています。ツリーやグリッドなどの高度なウィジェットはありませんが、提供されるコントロールはモバイル ファーストでレスポンシブです。IBMUSA Todayなど、多くの大企業で使用されています。

    ポリマー紙要素

  8. Ant Designは、「バックグラウンド アプリケーションの設計言語」であり、「自然」に影響され、設計者が「開発者チームのために低エントロピーな雰囲気を作り出す」のに役立つと主張しています。これはおそらく、「エンタープライズ Web アプリケーションの UI コンポーネント」の中国語からの不適切な翻訳です。これは TypeScript で書かれた React UI ライブラリであり、単純なもの (ボタン、カード) から高度なもの ( autocompletecalendartag inputtable ) まで、多くのコンポーネントを備えています。

    このプロジェクトは中国で生まれ、中国企業に人気があり、ドキュメントの一部は中国語でしか入手できません。GitHubで非常に人気がありますが、コミュニティを中国語と英語のチャ​​ット ルームに分割するという間違いを犯しています。デザインはMaterialっぽいですが、フォントが小さく、空白で情報が失われているように見えます.

  9. PrimeUI - jQuery UI に基づく 45 以上の豊富なウィジェットのコレクション. Apache 2.0 ライセンス。小さなGitHub コミュニティ。35 のプレミアム テーマが利用可能です。

  10. qooxdoo - ドイツのホスティング プロバイダー 1&1 によって開発および資金提供された「個々のコンポーネントの一貫したセットを備えたユニバーサル JavaScript フレームワーク」 (世界最大のホスティング会社の 1 つである寄稿者を参照してください。GPL/ EPL (ビジネスに適したライセンス))。

    モバイル テーマはモダンに見えますが、デスクトップ テーマは古く見えます (グラデーション)。

    クードゥー

    ウィキペディアGitHubWeb/モバイル/デスクトップ デモウィジェット デモ ブラウザウィジェット ブラウザSO遊び場コミュニティ

  11. jQuery UI - 手に取りやすい; 少し時代遅れに見えます。高度なウィジェットがありません。もちろん、ツリーその他の UI コンポーネントなど、特定のニーズに合わせて独立したウィジェットと組み合わせることができますが、他のフレームワークについても同じことが言えます。

  12. + Angular UI . Angular は Google の支援を受けていますが、次のバージョン 2.0 では大幅に改良されており、「ユーザーは新しい種類のアーキテクチャに慣れる必要があります。Angular 1.X から2.0」。さらに、コンセンサスは、Angular 2 が実際に使用できるようになるのは、今から 1 年か 2 年後になるということです。Angular UI には比較的少数のウィジェットがあります (たとえば、ツリーはありません)。

  13. DojoToolkitとその強力な Dijitウィジェットセット。完全にオープンソース化され、積極的に GitHubで開発されていますが、開発は現在 (2018 年 11 月) 、基本的なウィジェットがほとんどない新しいdojo.ioフレームワークに集中しています。BSD/AFL ライセンス。開発は 2004 年に開始され、Dojo Foundation は IBM、Google などによって後援されています。Wikipediaを参照してください。SO に関する 7500 の質問があります

    道場ディジット

    テーマはデスクトップ向けで時代遅れに見えます - dijit のテーマテスターを参照してください。公式のテーマ プレビューアが壊れており、「Claro」しか表示されません。Bootstrapによく似た Bootstrap テーマが存在しますが、Bootstrap クラスは使用しません2015 年 1 月、私はDojo のマテリアル デザイン テーマの作成に関するスレッドを開始しました。これは最初の数時間で非常に人気がありました。ただし、現在の Dojo 1.10と次の Dojo 2.0でそのテーマを構築することに関しては疑問があります。そのスレッドへの反応は、多くのタイム ゾーンをカバーするアクティブで幅広いコミュニティを示しています。

    残念なことに、Dojo は企業の世界で確固たる基盤を持っている (持っていた?)にも関わらず、人気がなくなり、Dojoを使用する企業は少なくなりました。2009 年から 2012 年にかけて、その学習曲線は急勾配であり、ドキュメントには改善が必要でした。ドキュメントは大幅に改善されていますが、最近 Dojo を手に入れるのがどれほど簡単かは不明です。

    マテリアル デザイン テーマでは、Dojo (2.0?) がキラー UI コンポーネント フレームワークになる可能性があります。

    ウィキペディアGitHubテーマデモデスクトップ ウィジェットSO

  14. Enyo - モバイルおよび TV アプリ向けのフロントエンド ライブラリ (例: 大型のタッチ対応コントロール)。LG Electronix によって開発され、GitHub で Apache ライセンスが付与されています

  15. 過激なカプチーノ- HTML+CSS+DOM の代わりに Objective-J (JavaScript のスーパーセット)

  16. Mochaui、MooTools UI ライブラリ ユーザー インターフェイス ライブラリ。<300 GitHub スター。

  17. CrossUI - まったく同じコードと UI を Web アプリ、ネイティブ デスクトップ アプリ (Windows、OS X、Linux)、およびモバイル アプリ (iOS、Android、Windows Phone、BlackBerry) に開発およびパッケージ化するためのクロスブラウザー JS フレームワーク。オープンソースの LGPL3。注目の RAD ツール (フォーム ビルダーなど)。UI は Web 指向ではなく、デスクトップ向けに見えます。活発に開発された小さなコミュニティ. GitHub に存在しません

  18. ZinoUI - シンプルなウィジェット。たとえば、DataTable は並べ替えもサポートしていません。

  19. Wijmo - GitHub でオープンソース化された古い (jQuery UI) ウィジェットを備えた見栄えの良い商用ウィジェット(それらの開発は 2013 年に停止しました)。GrapeCity の一部門であるComponentOneによって開発されました。Wijmo Complete と Openを参照してください。

  20. CxJS - React、Babel、webpack に基づく商用 JS フレームワークで、フォーム要素、フォーム検証、高度なグリッド コントロール、ナビゲーション要素、ツールチップ、オーバーレイ、チャート、ルーティング、レイアウト サポート、テーマ、カルチャ依存の書式設定などを提供します。

CxJS

ウィジェット-デモアプリ-- GitHub

フルスタック フレームワーク

  1. SproutCore - ネイティブ パフォーマンスを備えた Web アプリケーション用に Apple によって開発され、クライアントで大規模なデータ セットを処理します。iCloud.com を強化します。ウィジェット向けではありません。

  2. Wakanda : ビジネス/エンタープライズ Web アプリ向け - What is Wakanda?を参照してください。. 建築:

  3. Servoy - 「SQL データベース用のクロス プラットフォーム フロントエンド開発および展開環境」。「バックエンド サービスへの組み込みデータ バインディングを備えた HTML5 用の完全な WYSIWIG (What You See Is What You Get) UI デザイナー」、レスポンシブ デザイン、HTML6 Web コンポーネント、Websockets、およびモバイル プラットフォームのサポートを誇っています。Java で記述され、さまざまな JavaBeanを使用して JavaScript コードを生成します。

  4. SmartClient/SmartGWT - Java サーバーと組み合わせたモバイルおよびクロスブラウザー HTML5 UI コンポーネント。強力なビジネス アプリの構築を目的としています -デモを参照してください。

  5. Vaadin - フルスタック Java/GWT + JavaScript/HTML3 Web アプリ フレームワーク

  6. Backbase - ポータル ソフトウェア

  7. Shiny - 視覚化、レイアウト、および制御ウィジェットを備えた R 上のフロントエンド ライブラリ

  8. ZKOSS : エンタープライズ Web およびモバイル アプリを構築するための Java+jQuery+Bootstrap フレームワーク。

CSS ライブラリ + 最小限のウィジェット

これらのライブラリは、並べ替え/フィルタリング、オートコンプリート、またはツリーを備えたテーブルなどの複雑なウィジェットを実装していません。

  1. ブートストラップ

  2. Foundation for Apps - AngularJS 上のレスポンシブ フロントエンド フレームワーク。グリッド/レイアウト/ナビゲーション ライブラリの詳細

  3. UI キット- Bootstrap に似ていますが、ウィジェットは少ないですが、公式のオフキャンバスがあります。

HTML Canvas を使用するライブラリ

キャンバス要素を使用すると、UI を完全に制御でき、ブラウザー間の優れた互換性が得られますが、Ctrl/Cmd+F によるページ検索などのネイティブ ブラウザー機能が失われます。

  1. ゼブラ-デモ

2014 年 12 月時点で開発されていません

  1. ヤフー!ユーザー インターフェイス - YUIは 2005 年に開始されましたが、コア コントリビューターによってメンテナンスされなくなりました。大きな UI ウィジェット ライブラリが、開発者が閉じ込められたくない壁に囲まれた庭として認識される理由を強調している発表を参照してください。
  2. echo3GitHub . HTML、HTTP、または JavaScript に関する開発者の知識を必要としないサーバー側の Java アプリケーション、またはサーバーを必要としないが AJAX を介してサーバーと通信できるクライアント側の JavaScript ベースのアプリケーションのいずれかの作成をサポートします。最終更新: 2013 年 7 月。
  3. 十分なSDK
  4. シンプルなウィジェットlivepipe.net
  5. JxLib
  6. リアルト
  7. シンプルUIキット
  8. プロトタイプUI

その他のリスト

于 2010-01-27T06:03:46.520 に答える