It’s been a few weeks since I last addressed the Sencha community. Our priorities and product roadmap are shaped by you—our dedicated users and customers—and we strive to provide valuable product enhancements that enable you to create amazing applications. I…

開発者は、アプリケーションを構築し、迅速かつ効率的に市場に投入するために、再利用可能かつポータブルなコードに長い間依存してきました。コンポーネントベースの開発は、ReactやAngularなどの人気のあるフロントエンドフレームワークの多くで開発されたアプリケーションのホームを見つけてきた、JavaScriptの現代の進化を通じて人気を維持しています。 最新のアプリケーション開発におけるコンポーネントの永続性は、驚くことではありません。フロントエンドJavaScriptフレームワークのモダナイズにより、コンポーネントを現在の状態、つまり、カスタムHTML要素を使用してフレームワークに依存しないアプリケーションを作成する一連の標準ブラウザAPIとして進化させることができました。ライフスパンの長い柔軟なアプリ開発を可能にするために、企業はWebコンポーネントの使用によりフレームワークに依存しないアプローチの採用を進めています。 Webコンポーネントとは？ Webコンポーネントは、WebページおよびWebアプリケーションで使用するカスタムの再利用可能な要素を作成できるWebプラットフォームAPIのセットで、フレームワークに依存せずに利用できます。これらのコンポーネントは、他のコードベースからコア機能をカプセル化し、コードの衝突を恐れることなく一貫した動作を提供します。Webコンポーネントは3つの主要なテクノロジーで構成されています HTMLテンプレートとスロット：HTMLテンプレートにより、開発者はページにマークアップを保存し、JavaScriptを使用してレンダリングできます。テンプレート内のコードは、JavaScriptによって明示的にアクティブ化されるまで、ブラウザーによって不活性と見なされます。 カスタムエレメント：定義された動作を持つ要素を作成する機能を提供するAPIのコレクション。このセットは、ユーザーインターフェイスで複数回使用できるモジュラーコードに役立ちます。 Shadow DOM：コンポーネントのマークアップとスタイルをカプセル化するWeb標準です。Shadow DOMにバンドルされたアプローチにより、他のグローバルCSSまたはJavaScriptがページで使用されている場合でも、コンポーネントがどの環境でも一貫して動作することが保証されます。レンダリングは、名前空間の競合なしにプログラムされており、実装はユーザーから完全に隠されています。 コンポーネントファーストアプローチを検討する理由 技術が進歩するにつれて、新しいアプローチが次々と登場する可能性があります。おそらく、もっと長く続くものもあれば、かなり早く死ぬものもあります。オープンソースのフレームワークでは、仕様や設計の改訂がより顕著になる可能性があり、変更に適応するためにアプリケーション全体を書き換える作業が、時間、お金、リソースの面で非常に高コストとなる可能性があります。しかしコンポーネントファースト戦略を使用すると、アプリ開発をスピードアップするためにこのアプローチを使用するいくつかの顕著なメリットがあり、これが長期的な成功をもたらします。 相互運用性：フレームワークエコシステム全体で機能するように設計されたコンポーネントは、相互に、および複数のプロジェクト間で相互作用します。 長いライフスパン：進化する方法論により、用途の広いコンポーネントは、手直しをせずにアプリケーションのライフスパンを延ばします。 一貫した機能：コンポーネントが再利用可能で機能の一貫性が保たれている場合、コンポーネントが異なるソフトウェアスタック間で期待どおりに動作するかどうかを心配する必要はありません。 多くの場合、アプリケーションに適切なコンポーネントを選択すると、開発者はジレンマに陥ります。機能をゼロから開発するべきか、オープンソースソリューションを選択するべきか、信頼できるエンタープライズ対応ベンダーのプロダクトを使用するか、またはこれらの最適な組み合わせを採用するべきか、です。 それぞれの選択肢には当然メリットもデメリットもありますが、方法論に関係なく、考慮すべき３つの事項があります。   最近リリースされたホワイトペーパー「Webコンポーネントの賢い選び方」では、すべての開発者が考慮して、長期的な成功のためにアプリケーションをセットアップする必要があるこれらの3つの重要な考慮事項を詳しく掘り下げています。 ホワイトペーパーを読む プロジェクトに最適なUIコンポーネントをお探しですか？ Senchaは、選択したJavaScriptフレームワークと連携する事前に構築されたUIコンポーネントを提供します。フレームワークに依存しない汎用的なExtWebComponentsの30日間無料トライアルを試すか、ExtAngularおよびExtReact UIコンポーネントを使用してフレームワーク固有のコンポーネントを選択してください。 すべてのソリューションを見る

Developers have long relied upon reusable, portable code when it comes to building applications and bringing them to market quickly and efficiently. Component-based development has persisted in popularity through the modern evolution of JavaScript—finding a home in applications developed on…

Sencha’s community is strong and growing. Aligned with our goal to drive relentless modernization, boost transparency, and foster knowledge sharing within the community and beyond, we are thrilled to announce StackOverflow as the new platform for Sencha forums. Effective Jan…

この記事はKegan Blumenthal、Brandon DonnelsonによるSencha Roadmap Update – September 2019の抄訳です Senchaロードマップのアップデートを共有できることを嬉しく思います。私がGMとして参加してからの半年間、私たちのコアチームはSenchaを明確な成長軌道に載せるために一生懸命取り組んできました。今年の4月にいくつかの計画を共有しましたが、すべての面で大きな進歩を遂げていることを喜んで報告します。Ext JSの未来は輝かしく、React、Angular、およびその他のフレームワーク向けのExtWebComponentsに対して強力な製品を提供することで製品ラインを補完しました。私たちにはまだまだ取り組まねばならないことがありますが、私たちのコミュニティは今後の計画がエキサイティングだと思うでしょう。 2019年の振り返り Ext JS 6.7 Modernツールキットのリリースでは、フィルタリング、ロック、仮想スクロールなどのグリッド機能のサポートと、その他の機能強化（マテリアルチップデザイン、マルチセレクトコンボボックス、カラーピッカー）が追加されました。Ext JS 6.7 Classicツールキットには、グリッド、カレンダー、パネル、チャート、ウィンドウ、コンボボックス、タブ、ダッシュボードに対する複数のコンポーネントの改善が含まれており、開発者がExt JSで構築できるUIがさらに強化されています。 また、JetBrainsⓇ、Eclipse*、Microsoft Visual Studio向けの人気のあるIDEプラグインもアップデートしました。これらは、開発者が自分の好みのIDEでExt JSコードを迅速に記述する機能など、生産性を向上させる機能を提供します。ロードマップでも説明するとおり、IDEの生産性は今後の重点分野です。 昨年末に、Ext JS Community Edition の最初のバージョンをリリースしました。これは、意欲的なJavaScript開発者にシンプルでモダンなツールを提供し、見栄えの良い、クロスプラットフォームのエンタープライズアプリケーションを簡単かつ迅速に構築できるように設計されています。Sencha Ext JS Community Edition（CE）は、コアフレームワーク、数百の最新コンポーネント、マテリアルテーマ、オープンツールなどを、限定的な商用使用ライセンスで無料で提供します。これはすでに数千回以上ダウンロードされており、Community Editionの普及と開発者コミュニティの拡大に役立つと考えています。 先日リリースされたExt JS 7.0では、Modernツールキットが劇的に改善されました。デスクトップ向けとモバイル向けのいずれの開発も今後はModernツールキットで開始することを推奨します。Ext JS 7.0では、複数のデバイスタイプのサポートが改善されました。Ext JS Universalアプリケーションと呼ばれる単一のExt…

Kegan Blumenthal, GM of Sencha Inc.I am delighted to present Sencha's Revised Roadmap. Since my appointment as GM six months ago, our core team has worked tirelessly to put Sencha on a solid growth trajectory. We shared some of our…

この記事は Brandon Donnelson による Announcing Sencha Test 2.3.0 GA の抄訳です Sencha Test 2.3.0 の提供を開始しました。ビルドシステムとの統合とログのサポートを向上させる、より高速なテストエンジンは開発時と結合時のテストを効率よく行えるように設計されています。この記事ではSencha Testの新機能がエンタープライズアプリケーションの品質をどのように向上させるかを紹介いたします。 ハイライト 新しいnpm stc-cliパッケージによりNPMパッケージマネージャーを通じて任意のstc-cliビルドシステムでテストを実行可能 新しい Select Option Future により、HTML select 要素での選択や設定をネイティブAPIですばやく実行可能 Webページで選択したHTML要素を容易に検出してテスト可能 ビルドシステム プロジェクトのビルドとテストでTravis CIをサポート 新しいNPMサポートにより、開発者が一般的に使用するビルドシステムでテストを実行可能 TeamCityテストサポートの改善 ブラウザファームの改善 さまざまなブラウザーおよびモバイルデバイスでのアプリケーションテストを簡単に有効化するためのBrowserStackサポートの追加 Sauce Labs とブラウザファームサポートの改善 ExtAngular ExtAngularアプリケーションのブラウザーモードを使用したテストをサポート その他の改善 バックエンドサポートの改善…

Sencha Test 2.3.0 is here! A faster test engine enabling better integration and logging support with build systems is designed to streamline development and integration testing. Read on to learn how these new features can elevate the quality of your…

この記事は、Brandon DonnelsonによるAnnouncing Sencha Ext JS 7.0 and Tooling GAの抄訳です。 このたび、Sencha Ext JS 7.0が公開されました。この記事では、Ext JSフレームワークと関連ツールの新機能や改善点について詳しく紹介します。 ハイライト Ext JS Modernフレームワークの大幅な改善：今回の大幅な改善により、デスクトップおよびモバイル開発用のModernツールキットの採用を強くお勧めできるようになりました。ExtReact、ExtAngular、CMDに加え、アプリケーション生成ツールExtGenにもさらに改善が加えられています。 7.0 VSCodeのVSCode向け拡張サポート フレームワークにかかわらず利用できるExtWebComponentsをリリース：複雑なデータリッチエンタープライズアプリケーションを簡単に構築できるExt JSコンポーネントを、HTML要素として、任意のJavaScriptフレームワークやフレームワークを使用しない環境で利用可能にします。 Modernツールキットの改善 Froala WYSIWYG HTML Editor：JavaScriptで記述された軽量なWYSIWYG HTMLエディタ「Froala」が、Ext JSフレームワークの一部になりました。最もスマートで機能豊富な編集機能を使用して、アプリケーションコードを編集できます。 Treeにおけるドラッグ＆ドロップサポート：ツリーメニューの移動や並べ替えを容易にします。 CheckBoxGroupフォームコンポーネント：柔軟なフォーマットのチェックボックスボタンのグループコレクション。 RadioGroupフォームコンポーネント：カスタマイズ可能なラジオボタンによるオプション選択。 Breadcrumbツールバー：ナビゲーションが容易な階層形式で情報を表示。 Accordionパネル：複数の拡張／折りたたみをサポートするパネル ローカライズサポートの追加 - オランダ語、デンマーク語、イタリア語、チェコ語、ノルウェー語、フィンランド語、ロシア語、韓国語、日本語、簡体字中国語の10ヵ国語を追加でサポート。 アクセシビリティの改善：キーボード／フォーカスの管理、タブインデックスの作成サポート。 品質改善：ユーザーの要求に応える70を超えるModernおよびClassicツールキットに対する包括的な品質改善 Gridの機能強化：…