Sencha Ext JS 7.7 is Here – Discover What’s New and Exciting – LEARN MORE

Sencha Ext Community Editionを発表

November 7, 2018 114 Views
Show
この記事は、Sandeep AdwankarによるAnnouncing Sencha Ext Community Editionの抄訳です。

昨年、コミュニティから次のような強い要望が寄せられました。JavaScript開発者は、シンプルかつモダンなツールを利用し、見栄えのよいクロスプラットフォーム エンタープライズアプリケーションをより簡単かつ迅速に構築できるようにしたい。私たちは、そうした声に耳を傾けてきました。

そして今回、Sencha Ext JS Community Edition(CE)のリリースを発表することになりました。コアフレームワーク、数百のモダンコンポーネント、マテリアルテーマ、オープンツールなどが、限定された商用利用ライセンスで無料提供されます(ライセンス規定の詳細はこちらをご覧ください)。

Ext JS CEは、学生、趣味のプログラマー、フリーランス、スタートアップ企業や非営利団体が、Ext JSフレームワークとコンポーネントを使用してアプリケーション開発を学習、構築するのに最適な選択肢です。新しいプログラミング言語の学習、クロスプラットフォームWebアプリケーションの開発、オープンソースのJavaScriptプロジェクトのメンテナンス、Ext JSフレームワークの学習などにも役立ちます。

Ext JS CEを用いれば、100以上のコンポーネントを備えた包括的なJavaScriptフレームワークを利用できます。Ext JS CEで開発を始めても、収益が10,000ドルを超えた場合には、商用ライセンスにシームレスに移行できます(詳細は、ライセンス規定をご確認ください)。

初期投資の限られたスタートアップ企業や組織にとって、Ext JS CEは完璧なソリューションであると言えます。Community Editionは、規模の拡大に応じたツール、リソースを用意しているので、本格的なエンタープライズアプリケーションの構築に向けても不安なく利用することができます。

Ext JS Community Editionのダウンロード

Ext JS Community Editionの機能ハイライト

  • クロスプラットフォームエンタープライズWebアプリケーション構築をサポートするコアフレームワーク
  • スプレッドシートの選択、セル編集などの機能を備えたGridを含む、数百ものモダンコンポーネント
  • 包括的なデータパッケージ – 膨大なデータセットの管理とスムーズスクロールを実現する仮想ストアを使用し、データ解析アプリケーションを容易に作成可能
  • 美しいアプリ作成をサポートするマテリアルテーマ
  • スターターアプリを生成/ビルドできるオープンツール
  • npm、WebPack、Babelのサポート
  • ホストされたnpmリポジトリへのアクセス
  • サンプルアプリケーション – チュートリアルとガイド
  • Stencils – アプリデザインのための完全なUIアセットツールキット
  • Fiddle – Ext JSのコードサンプルを作成、実行、共有するためのオンラインユーティリティ

Ext JS Community Editionに含まれるもの

クロスプラットフォームエンタープライズWebアプリケーション構築をサポートするExt JSコアフレームワーク

Ext JS Community Editionは、Ext JSコア、数百のモダンコンポーネント、マテリアルテーマ、オープンツールなど、Webアプリケーション構築のための完全なフレームワークを提供します。

Ext JS Community Editionに含まれるもの

モダングリッドを含む数百ものモダンコンポーネント

Ext JSには、あらかじめ統合されテスト済の、最も包括的な高性能UIコンポーネントのコレクションが含まれています。これらのコンポーネントには、グリッド、ツリー、リスト、フォーム、メニュー、ツールバー、パネル、ウィンドウなどが含まれます。Ext JS Gridは、インラインセル編集に加え、フォームベースの行編集、グループヘッダー、Microsoft Excelで行えるようなデータの選択を可能にするselectable 設定をサポートする、最も一般的なコンポーネントの1つです。

Ext JS Grid

Ext JS Grid

膨大なデータセットを管理する包括的なデータパッケージ

Ext JS Gridには、非常に大きなデータセットのレンダリングとスクロールが可能なグリッドとリストを作成できる仮想ストアが含まれています。仮想ストアは、グリッドに必要なページのみを読み込みます。リストコンポーネントのinfinite設定(グリッドではデフォルトでオン)と組み合わせれば、ロードされたこれらのレコードのほんの一部のみがDOMにレンダリングされます。こうした最適化により、プレゼンテーション中のデータの量にかかわらず、ブラウザのパフォーマンスが維持されるのです。

Ext JS Forms with input masking and advanced validation

入力マスキングと高度な検証機能を備えたExt JSフォーム

美しいアプリを作成できるマテリアルテーマ

Ext JSコンポーネントは、マテリアルを組み込みテーマとして利用できます。マテリアルテーマは、特定のブランドアイデンティティを反映するように、簡単にカスタマイズすることができます。マテリアルテーマには、カスタムテーマのデザインのために変更することができる数百の変数が公開されています。

Ext JS Kitchensink app with Mocha Pop style

Ext JS Kitchen Sinkアプリ、Mocha Popスタイル

スターターアプリを生成/ビルドできるオープンツール

Ext JSオープンツールは、コード生成、ビルドインテグレーション、ワークスペース管理をサポートします。ExtGenは、Ext JS npmパッケージを使用して新しいアプリケーションをすばやく作成できる強力な新ツールです。ExtGenには、モバイル、デスクトップ、最小限のアプリケーションを構築するための複数の新しいテンプレートが用意されています。独自のテンプレートを使用して、新しいExt JSアプリケーションを作成することもできます。

npm、WebPack、Babelによる最新のWebテクノロジーツールのサポート

JavaScriptツールは、品質とメンテナンス性の向上により、短いタイムラインでWebアプリケーションを作成できるように進化しています。npmは、JavaScript向けパッケージマネージャであり、世界最大のソフトウェアレジストリです。そこには、開発者がアプリケーションで使用できる700,000個以上のJavaScriptベースのコードパッケージのリポジトリがホストされています。Ext JSは、最新のJavaScript標準をサポートするExt JS npmパッケージ、nodeベースのクロスプラットフォームコマンドラインツール、およびBabelベースのツールチェーンを備えた最新のWebテクノロジーツールを使用します。生成されたすべてのアプリケーションは、WebPack開発サーバーを使用するため、アプリケーションへの変更はブラウザに即座に反映されます。

ホストされたnpmリポジトリへのアクセス

Ext JSのフレームワーク、コンポーネント、テーマは、npmリポジトリでホストされるnpmパッケージとして利用することができます。Ext JS開発者は、プロジェクトにパッケージを追加したり、依存関係を管理したり、使用されているパッケージのバージョンを管理したりするための簡単なコマンドを実行できます。また、Ext JSアプリケーションに、サードパーティ製JavaScriptライブラリを容易に組み込むこともできます。

例えば、次のコマンドを使用すれば、簡単にExt JS Tree Grid npmパッケージをプロジェクトに追加できます。

npm i –save @sencha/ext-modern-treegrid

Ext JS Tree Grid

Ext JSツリーグリッド

サンプルアプリケーション – チュートリアルとガイド

Ext JSでは、iTunes Webサイトからパブリックデータ、特に最新の高評価ビデオを描画して、カスタムミュージックビデオプレビュープレーヤーを構築する方法を示す「クイックスタート」チュートリアルを提供しています。ユーザーは次のようなアプリケーションを構築できます。

  • Ext JS TabPanelコンポーネントを使用したランディングページ
  • Ext JSのグリッドコンポーネントを使用したビデオのカスタムテーブル
  • Ext JSのDataviewコンポーネントを使用したカスタムスタイルのサムネイルのコレクション

各タブでは、データビューからサムネイルのクリック、あるいはグリッドからレコードのクリックにより、Ext JSのDialogコンポーネントを使用したホバリングモーダルウィンドウに、30秒のビデオプレビューをレンダリングします。

Create Ext JS app using Quick Start tutorialクイックスタートチュートリアルを使用してExt JSアプリケーションを作成

Stencils – アプリデザインのための完全なUIアセットツールキット

Sencha Stencilsは、Ext JSで動作する完全なUIアセットキットです。Stencilsは、Adobe Illustrator、Sketch、Balsamiq用に提供され、他のプログラムで使用するために、SVG/PNGでの出力にも対応しています。Stencilsには、Ext JSフレームワークで使用されるすべてのコンポーネントとスタイルが含まれています。

Fiddle – Ext JSのコードサンプルを作成、実行、共有するためのオンラインユーティリティ

Sencha Fiddleは、ローカル環境設定のオーバーヘッドがかからずサンプルを実行表示できるオンラインIDEを提供します。Sencha FiddleをExt JSで使用すれば、ブラウザでExt JSコードをダウンロードしたりインストールすることなく試すことができます。また、Fiddie URLを保存して共有することで、簡単にExt JSコードを共有することもできます。

Ext JS Community Editionをダウンロードしてフィードバックをお寄せください

皆さんがExt JS CEを用いて、すばらしいWebアプリケーションを作成することを楽しみにしています。Ext JSフォーラムサーベイに、ぜひ皆さんのご意見、ご感想をお寄せください。

Recommended Articles

Highlights of Virtual JS Days 2024

Highlights of Virtual JS Days 2024 From February 20-22, 2024, we held the third Virtual JavaScript Days. It featured many sessions on a wide array…

Ext JS Data Gridをすばやくカスタマイズする方法(part 2/6)

全6回構成の「Ext JS Data Gridカスタマイズ」ブログシリーズの最初の記事では、GridやColumnのプロパティをカスタマイズしてデータグリッドを外観や機能を変更する方法を説明しました。この記事ではデータ表示用のメソッドグリッドを用いてデータグリッドをすばやくカスタマイズする方法を説明します。

Ext JS Data Gridをすばやくカスタマイズする方法(part 1/6)

Ext JS Data Gridは、高速で強力かつ柔軟に利用できます。Ext JSを使用すると、ユーザーは自分のアプリケーションに合わせてグリッドの外観をすばやくカスタマイズできます。全6回構成のブログシリーズでExt JS Data Gridをカスタマイズするさまざまな方法をカバーします。

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

Ext JS、ExtAngular、ExtReact、ExtWebComponents、およびツールのバージョン7.1を提供開始いたしました。この記事ではバージョン7.1の改善点について紹介します。

Sencha 2019/2020 ロードマップアップデート

少し前にSenchaのロードマップをご案内しました。これについてお客様から素晴らしいフィードバックをいただいており、2019/2020ロードマップにそれらの提案を取り入れたいと思います。

今秋のアップデート – Senchaジェネラルマネージャのデスクから

前回Senchaコミュニティに情報発信してから、数週間が経ちました。私たちのプライオリティと製品ロードマップは、お客様の声によって形成されており、皆さんがすばらしいアプリケーションを構築できるような価値ある製品強化を提供していきたいと考えています。今回、いくつかの進行中の開発状況に関して紹介するとともに、コミュニティの皆さんにアップデートを提供したいと思います。

View More

coming soon

Something Awesome Is

COMING SOON!