Sencha Ext JS 7.1およびツールの提供開始のお知らせ
Ext JS、ExtAngular、ExtReact、ExtWebComponents、およびツールのバージョン7.1を提供開始いたしました。この記事ではバージョン7.1の改善点について紹介します。
ハイライト
- Ext JS ModernおよびClassicツールキットの大幅な改善
- Senchaの人気のあるグリッドコンポーネントに対する忠実度の高いUIおよびUXコンポーネントの強化。行編集、水平および垂直スクロール、グリッドロック機能の改善、ドラッグ&ドロップ、データバインドグリッドアプリケーションに重点を置いています
- コンボボックス、ラジオグループ、テキスト領域、タグフィールドを含むテキストおよびフォーム入力コンポーネントの改善、使いやすさ、応答性、パフォーマンス、マテリアルテーマのスタイリングに及ぶ
- Ext JS、ExtAngular、ExtReact、およびExtWebComponentsのAPIドキュメントにコンポーネントの新しい構成例を追加し、ソースコードをアプリケーションに簡単にコピー&ペースト可能
- Ext JS、ExtAngular、ExtReact、およびExtWebComponentsのAPIドキュメントを改善、プロパティ、メソッド、イベントの検索が容易になりました
- Froala WYSIWYG Editor を3.0にアップグレード
- ExtGen View Package生成の改善
- JetBrainsプラグインのいくつかの品質改善
- Sencha Themerツールの品質改善
APIドキュメントにコンポーネントの新しい構成例を追加
Classic/ModenのどちらのフレームワークでもAPIドキュメントの改訂によりコンポーネントの新しい構成例を追加しました。例えばAPIドキュメントでGridの次のような構成例を閲覧できます。この構成例は fiddle.sencha.com に掲載のコードをAPIドキュメントに埋め込み表示しているため、設定を変えた場合の挙動は fiddle.sencha.com で確認できます。
Ext JS コンポーネント
データが豊富なアプリケーションを簡単かつ迅速に作成できるよう、Ext JS ClassicおよびModernツールキットの品質修正に重点を置いています。
- エンジニアリングチームは、編集、スクロール、ロック、ドラッグ&ドロップ、RadioGroup、Combo、Tagfield機能などの品質強化など、多数のExt JSグリッドの改善を実装しています。
これはExt JS Modern Gridの新しいサンプルの一つです。ぜひ fiddle で試してみてください。
https://fiddle.sencha.com/#fiddle/31qs
ExtReact コンポーネント
React(ExtReact)のExt JSコンポーネントが大幅に改善されました。
- React向けのランタイムを改善
- APIドキュメントの改訂とExt JSの品質改善はExtReactにも同様に反映
- JSX構文の任意のメソッドでコンポーネントを混在
APIドキュメントは、JSX記法で使用できるExt JSコンポーネント宣言を示すようになりました。
これはExtReact向けGridの新しいサンプルの1つです。ぜひ fiddle で試してみてください。
https://fiddle.sencha.com/#fiddle/31v7
ExtAngular コンポーネント
Angularフレームワーク(ExtAngular)のExt JSコンポーネントに、新しい更新が加えられました。
- Angular向けのランタイムを大幅に改善
- ドキュメントの精度が向
- Ext JSの品質改善はExtAngularにも同様に反映
APIドキュメントは、HTML Angularマークアップで使用できるExt JSコンポーネント宣言を示すようになりました。
これはExtAngular向けCalendarの新しいサンプルの1つです。ぜひ fiddle で試してみてください。
https://fiddle.sencha.com/#fiddle/32lr
ExtWebComponents
昨年、フレームワークにとらわれないアプリケーション開発アプローチであるExtWebComponentsを開始しました。
このリリースでは、この製品にいくつかの追加の改善も加えられています。
- JavaScript ECMA 2016+クラスを使用してプラットフォームに依存しないアプリケーションを作成すると、構文が簡単になります
- ExtWebComponentsのランタイムを改善
- Ext JSの品質改善はすべてExtWebComponentsにも同様に反映
APIドキュメントは、ext-gridのExt JSコンポーネントHTML要素タグ名を反映するようになりました。
新しいExtWebComponentチャートの例(カスタム要素とECMA 2016+構文で作成)は、polyfilsが必要な古いブラウザを含めた任意のブラウザでFetch APIを使用する方法を示しています。Ext JS Webコンポーネントを使用して、データが豊富なアプリをより迅速に生成する方法を学びます。
今後の計画
各リリースを通じて、Ext JS ModernおよびClassicツールキットの品質の改善と使いやすさの向上を続けていきます。開発者の生産性を向上させる機能も追加します。
SenchaのエンジニアリングチームはExt JS 7.2に着手し、多くの品質、パフォーマンス、使いやすさを強化しています。この詳細については、以前に公開したSencha 2019/2020 ロードマップアップデートの記事をご覧ください。
さあ始めましょう!
私たちの目標は、製品をより使いやすく使いやすくすることです。以下のリンクからコンポーネントを選んで始めてみてください!
- Get Started with Ext JS JavaScript
- Get Started with Ext JS for React
- Get Started with Ext JS for Angular
- Get Started with Ext JS in a platform-agnostic way
Ext JS 7.1へのアップグレード
古いバージョンにとどまることなく、ext-gen migrateを使用してアプリの依存関係を更新し、最新の機能と拡張機能にアクセスします。また無料のExt JS Upgrade Adviserツールは最新のExt JSバージョンへの移行でコード修正が必要な箇所の特定に役立ちます。
Ext JS 7.1をお試しください
ぜひ、Ext JS 7.1をお試しください。先進のWebアプリケーション開発機能を用いて、開発をスタートするには、以下の手順をお勧めします。
- Ext JS 7.1 30日間の無料トライアルをダウンロードする
- Ext JS Kitchen Sinkサンプルをさまざまなデバイスで確認する
- Getting Started with Ext JS Guideを見る
- セルフトレーニングコンテンツを利用する
Are you facing issues with Ext JS applications’ performance as they scale up? Don’t worry!…
Dynamic forms are changing the online world these days. ExtJS can help you integrate such…
In modern software development, unit testing has become an essential practice to ensure the quality…