ExtWebComponents

Webアプリ構築に必要なコンポーネントセットを提供

Sencha ExtWebComponentsは、140以上の事前テスト済みの強力なUIコンポーネントを提供します。任意のJavaScriptフレームワーク（あるいはフレームワークを用いない開発）で、Senchaが提供する強力なコンポーネントセットを利用できます。

ExtWebComponentsは、Sencha Ext JS Enterpriseに搭載されているほか、単体製品としての購入も可能です。

豊富なUIコンポーネント

いくつものJavaScriptフレームワークで、コンポーネントベースのアプローチによってWebアプリケーション構築をサポートしています。しかし、これらの多くは、あらかじめ構築されたコンポーネントセットが含まれていません。開発者は、これらをゼロから作成するか、コミュニティから入手してこなければなりません。ExtWebComponentsを用いれば、Web開発をスピードアップ。140以上のテスト済みのUIコンポーネントを活用して、任意のフレームワーク環境ですぐに開発を始められます。

ExtWebComponentsのすべてのコンポーネントサンプルを見る

Grid — 数百万レコードのデータを処理し、ソートやグループ化もサポート
Pivot Grid — 強力な分析機能を提供

Exporter — Grid / Pivot Gridから様々な形式でデータをエクスポート可能
Layouts — 強力かつ柔軟なレイアウトシステムにより、コンポーネントのサイズと位置を適切に設定

Charts — 折れ線グラフ、棒グラフ、円グラフなどさまざまなグラフ（動的および静的）によりデータを可視化
D3 Adapter — ヒートマップ、ツリーマップ、サンバーストなどの洗練されたD3ビジュアライゼーションをアプリケーションに追加可能

既存のWebアプリケーションを拡張しモダンなUXを実現

開発者は、あらかじめ用意されたマテリアルデザインのテーマを使用して、すばやくモダンなUXを実現できます。カスタムスタイルの構築は不要。Sencha Themerを使用して既存のテーマの変更や拡張もサポートします。開発者とデザイナーのいずれも、1行のコードを記述することなく、フォント、色、パディングなどの要素を変更し、アプリケーションモチーフに合致した独自のテーマを作成できます。

高品質アプリケーションの提供を支援する包括的なテスト環境を提供

Sencha Testは、ExtWebComponentsとJavaScriptアプリケーションのテストを実行するための包括的なテストソリューションです。クロスブラウザのテストソリューションにより、アプリケーション品質の向上とテスト期間の短縮が実現できます。

アプリケーション品質向上を支援するエンドツーエンドソリューション
チームの生産性向上とリリースサイクルの短縮を実現するExtWebComponentsアプリケーションのテスト効率化

レイアウトマネージャとレスポンシブ設定

ExtWebComponentsには、柔軟なレイアウトマネージャーが搭載されており、複数のブラウザ、デバイス、画面サイズでのデータとコンテンツの表示管理に役立ちます。複雑なユーザーインターフェイスでも、コンポーネントの表示を最適に管理。Ext JSには、レスポンシブ設定にも対応しており、デバイスの向き（縦または横）やブラウザのウィンドウサイズに連動して、最適なコンポーネント配置を実現できます。

バックエンドに依存しないデータパッケージ

ExtWebComponentsの堅牢なデータパッケージが、UIコンポーネントとデータレイヤーを分離します。

クライアント側で、ソートやフィルターといった高度な機能を備えたデータコレクションを利用可能
データパッケージは、プロトコルに依存せず、どのようなバックエンドのソースからでもデータを取得可能
いくつものクライアント側の操作でセッション管理機能を利用でき、サーバー側との通信を最小化

Senchaツール

Themer

Themerは、コンポーネントの外観をブラッシュアップするスタイルの設定を支援します。Themerを用いれば、コードを記述することなく、独自のテーマを作成できます。

Sencha Fiddle

Sencha Fiddle は、ダウンロードやインストール作業を一切行うことなく、ExtWebComponentsコードをブラウザ上で試すことのできる無料ツールです。Fiddle URLを保存して共有すれば、容易にExtWebComponentsコードをシェアできます。

Sencha Test

ExtWebComponents Webpack Plugin

ExtWebComponents Webpack Pluginは、Sencha Cmdと連携してアプリケーション内で使用するコンポーネントのバンドルと最適化を容易に実行します。

プライベートnpmレジストリ

Senchaのプライベートnpmレジストリは、ExtWebComponentsパッケージとリリース前のバージョンへのアクセスを提供します。

ExtWebComponents Generator

ExtWebComponents Generatorは、ExtWebComponentsプロジェクトを簡単に開始する方法を提供します。ベストプラクティスや、開発者の生産性をより高めるツールを利用できます。

ExtWebComponents TypeScript定義

ExtWebComponents TypeScript 定義は、Visual Studio Codeをはじめとするいくつものエディタで、コード補完機能を提供します。