Extjs-overview

Ext.js-概要

Ext JSは、クロスブラウザー機能を備えたWebアプリケーションを構築するためのリッチUIを提供する人気のあるJavaScriptフレームワークです。 Ext JSは、基本的にデスクトップアプリケーションの作成に使用されます。 IE6 +、FF、Chrome、Safari 6 +、Opera 12+などのすべての最新ブラウザーをサポートしています。 Senchaの別の製品に対して、Sencha Touchはモバイルアプリケーションに使用されます。

Ext JSはMVC/MVVMアーキテクチャに基づいています。 Ext JS 6の最新バージョンは単一のプラットフォームであり、プラットフォームごとに異なるコードがなくてもデスクトップアプリケーションとモバイルアプリケーションの両方に使用できます。

歴史

Ext JS 1.1

Ext JSの最初のバージョンは、2006年にJack Slocumによって開発されました。 これは、YUIの拡張であるユーティリティクラスのセットでした。 彼はライブラリをYUI-extと名付けました。

Ext JS 2.0

Ext JSバージョン2.0は2007年にリリースされました。 このバージョンには、機能が制限されたデスクトップアプリケーション用の新しいAPIドキュメントがありました。 このバージョンには、Ext JSの以前のバージョンとの下位互換性がありません。

Ext JS 3.0

Ext JSバージョン3.0は2009年にリリースされました。 このバージョンでは、グラフおよびリストビューとして新しい機能が追加されましたが、速度が犠牲になりました。 バージョン2.0との後方互換性がありました。

Ext JS 4.0

Ext JS 3のリリース後、Ext JSの開発者は速度を上げるという大きな課題を抱えていました。 Ext JSバージョン4.0は2011年にリリースされました。 構造が完全に改訂され、MVCアーキテクチャと高速アプリケーションがそれに続きました。

Ext JS 5.0

Ext JSバージョン5.0は2014年にリリースされました。 このリリースでの主な変更は、MVCアーキテクチャをMVVMアーキテクチャに変更することでした。 タッチ対応デバイスでデスクトップアプリを構築する機能、双方向のデータバインディング、レスポンシブレイアウト、およびその他の多くの機能が含まれています。

Ext JS 6.0

Ext JS 6は、Ext JS（デスクトップアプリケーション用）とSencha Touch（モバイルアプリケーション用）フレームワークをマージします。

特徴

以下は、Ext JSのハイライトされた機能です。

• グリッド、ピボットグリッド、フォーム、チャート、ツリーなどの豊富なUIのコレクションを持つカスタマイズ可能なUIウィジェット。
• 古いバージョンと新しいバージョンのコードの互換性。
• 柔軟なレイアウトマネージャーは、複数のブラウザー、デバイス、および画面サイズにわたってデータとコンテンツの表示を整理するのに役立ちます。
• Advanceデータパッケージは、UIウィジェットをデータレイヤーから分離します。 データパッケージを使用すると、並べ替えやフィルタリングなどの機能を有効にする高機能モデルを使用して、クライアント側でデータを収集できます。
• プロトコルに依存せず、任意のバックエンドソースからデータにアクセスできます。
• カスタマイズ可能なテーマExt JSウィジェットは、プラットフォーム間で一貫した複数のすぐに使用可能なテーマで使用できます。

利点

Sencha Ext JSは、ビジネスグレードのWebアプリケーション開発の主要な標準です。 Ext JSは、デスクトップおよびタブレット向けの堅牢なアプリケーションを構築するために必要なツールを提供します。

• デスクトップ、タブレット、スマートフォンでのクロスプラットフォーム開発を合理化-最新のブラウザーとレガシーブラウザーの両方に対応。
• IDEプラグインを介してエンタープライズ開発環境に統合することにより、開発チームの生産性が向上します。
• Webアプリケーション開発のコストを削減します。
• チームが魅力的なユーザーエクスペリエンスを備えたアプリを作成できるようにします。
• 強力なUIを簡単に作成するための一連のウィジェットを提供します。
• MVCアーキテクチャに準拠しているため、コードは非常に読みやすくなっています。

制限事項

• ライブラリのサイズは大きく、約500 KBであるため、初期読み込み時間が長くなり、アプリケーションが遅くなります。
• HTMLにはタグが多数含まれているため、デバッグが複雑で困難になります。
• 一般的なパブリックライセンスポリシーによると、オープンソースアプリケーションの場合は無料ですが、商用アプリケーションの場合は有料です。
• 単純なものでもロードするために、コーディングの数行が必要な場合があります。これは、プレーンhtmlまたはJQueryでより簡単です。
• Ext JSアプリケーションの開発には、経験豊富な開発者が必要です。

道具

以下は、主に生産レベルでExt JSアプリケーション開発に使用されるSenchaが提供するツールです。

煎茶CMD

Sencha CMDは、Ext JSコードの縮小、スキャフォールディング、および実動ビルド生成の機能を提供するツールです。

Sencha IDEプラグイン

Sencha IDEプラグインは、SenchaフレームワークをIntelliJ、WebStorm IDEに統合し、コード補完、コード検査、コードナビゲーション、コード生成、コードリファクタリング、テンプレート作成、スペルチェックなどの機能を提供することにより、開発者の生産性の向上に役立ちます。

煎茶検査官

Sencha Inspectorは、開発中にデバッガが問題をデバッグするのに役立つデバッグツールです。