Ext.js-概要

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

ExtJSは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ドキュメントがありました。このバージョンには、以前のバージョンのExtJSとの下位互換性がありません。

Ext JS 3.0

Ext JSバージョン3.0は2009年にリリースされました。このバージョンでは、チャートビューとリストビューとして新しい機能が追加されましたが、速度が犠牲になりました。バージョン2.0との下位互換性がありました。

Ext JS 4.0

Ext JS 3のリリース後、ExtJSの開発者は速度を上げるという大きな課題を抱えていました。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(モバイルアプリケーション用)フレームワークを統合します。

特徴

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

  • グリッド、ピボットグリッド、フォーム、チャート、ツリーなどの豊富なUIのコレクションを備えたカスタマイズ可能なUIウィジェット。

  • 新しいバージョンと古いバージョンのコード互換性。

  • 柔軟なレイアウトマネージャーは、複数のブラウザー、デバイス、および画面サイズにわたってデータとコンテンツの表示を整理するのに役立ちます。

  • Advanceデータパッケージは、UIウィジェットをデータレイヤーから切り離します。データパッケージを使用すると、並べ替えやフィルタリングなどの機能を有効にする高機能モデルを使用して、クライアント側でデータを収集できます。

  • プロトコルに依存せず、任意のバックエンドソースからデータにアクセスできます。

  • カスタマイズ可能なテーマExtJSウィジェットは、プラットフォーム間で一貫性のある、すぐに使用できる複数のテーマで利用できます。

利点

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

  • デスクトップ、タブレット、スマートフォン間のクロスプラットフォーム開発を合理化します-最新のブラウザとレガシーブラウザの両方に対応します。

  • IDEプラグインを介してエンタープライズ開発環境に統合することにより、開発チームの生産性を向上させます。

  • Webアプリケーション開発のコストを削減します。

  • チームが魅力的なユーザーエクスペリエンスを備えたアプリを作成できるようにします。

  • 強力なUIを簡単に作成するためのウィジェットのセットを提供します。

  • MVCアーキテクチャに準拠しているため、コードは非常に読みやすくなっています。

制限事項

  • ライブラリのサイズは大きく、約500 KBであるため、初期読み込み時間が長くなり、アプリケーションの速度が低下します。

  • HTMLにはタグがたくさんあるため、デバッグが複雑で困難になっています。

  • General Public License Policyによると、オープンソースアプリケーションでは無料ですが、商用アプリケーションでは有料です。

  • 単純なものをロードするために、数行のコーディングが必要になる場合があります。これは、プレーンhtmlまたはJQueryの方が簡単です。

  • Ext JSアプリケーションを開発するには、経験豊富な開発者が必要です。

ツール

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

センチャCMD

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

SenchaIDEプラグイン

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

千茶検査官

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