.no-js.loading .site-container { opacity: 1; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease-out; } .gch-header-slider .slide { display: block; float: none !important; clear: both; border-bottom-color: #ccc; border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 40px; }

- Sencha.com—Japanese

Sencha

Sencha Ext JS 7.1およびツールの提供開始のお知らせ

2020-01-20 211 Views

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 ロードマップアップデートの記事をご覧ください。