この記事は Sandeep Adwankar とMarc GusmanoによるAnnouncing Sencha ExtAngularの抄訳です。 Senchaチーム全体を代表し、新しいプロダクトであるExtAngularを提供開始したことをお知らせします。ExtAngularには、デスクトップおよびモバイルデバイス上で魅力的なビジュアルを持つデータ集約型のアプリケーションの作成に利用でき、十分にテストされ、商用サポートが提供されるAngularコンポーネントの完全なセットを含みます。またExtAngularには、ビルドを最適化するためのWebpack用のプラグインや、デザイナーや開発者がアプリケーションのルックアンドフィールを完全に制御できるようにするテーマ設定ツールも含まれています。 ExtAngular のハイライト 100以上のマテリアルデザインにインスパイアされたコンポーネント： グリッドフィルタリングとグリッドのロック機能を含む高機能なモダングリッドを使用して、ビッグデータのパワーを活用 ユーザが様々な切り口でのデータ分析をPivot Gridアドホックレポートビルダーコンポーネントで実現 チップ、マルチセレクトコンボボックス、カラーピッカー、タブ、ダイアログ、シート、メニュー、ツールバー、リストなど、マテリアルデザインにインスパイアされたコンポーネントを使用して、美しくダイナミックなアプリケーションを作成 レスポンシブレイアウトを使用して、様々な大きさの画面やデバイスに対応するアプリを開発 豊富なフォームフィールドのコレクションを使用する、使いやすいデータ入力フォームを作成 カレンダーコンポーネントにより、インタラクティブなスケジュール機能をアプリに追加 豊富なチャートとD3ビジュアライゼーションコンポーネントを使用して、高機能なデータ可視化機能をアプリに追加 ExtAngularのサポートとツール： 最新のAngular 7.xフレームワークのサポート Webpackプラグインによるアプリケーションビルドの最適化と圧縮 ExtAngular Kitchen Sinkの何百ものコンポーネントのサンプル Sencha ThemerによるAngularアプリ向けのカスタマイズテーマ作成のサポート Sencha TestによるAngularアプリのエンドツーエンドのテストのサポート Sencha Fiddleによるコードスニペットの作成と検証のサポート ExtAngularのダウンロード ExtAngularを評価する: ExtAngular 無料30日トライアル版をダウンロードする ExtAngular Kitchen Sink のサンプル を任意のデバイスからアクセスする…

この記事は Sandeep Adwankar によるAnnouncing Sencha ExtReact 6.7 GAの抄訳です 最新のReactフレームワークバージョン16.8をサポートしたExtReact 6.7をリリースしたことをお知らせします。ExtReact 6.7では、数百の既存のコンポーネントに新しいコンポーネント（チップとカラーピッカー）が追加されました。このリリースでは、新しいグリッド機能やコンポーネントを選択するための複数選択オプションなど、既存のコンポーネントに多数の機能強化が行われています。 ExtReact 6.7のハイライト このリリースの主な機能は次のとおりです。 React 16.8のサポート 新しいグリッド機能 – グリッドのロックとフィルタリング 新しいマテリアルコンポーネント – チップとカラーピッカー コンポーネントの機能拡張 – コンボボックスや選択フィールドでのマルチセレクト BabelとWebpackに関するサポートのアップデート 新たにリリースのSencha Themer 1.3.5によるカスタムテーマの利用 ExtReact Kitchen Sink サンプルのアップデート ExtReact 6.7のダウンロード ExtReact または Ext JS Enterprise のお客様: SenchaのプライベートnpmレジストリでホストされているExtReactパッケージにアクセスできます。Getting Started…

この記事は Sandeep Adwankar によるAnnouncing Sencha Ext JS 6.7 and Tooling GAの抄訳です   Senchaチーム全体を代表し、Modernツールキットに大幅な機能強化を加えた、Sencha Ext JS 6.7をリリースしたことをお知らせします。Ext JS 6.7 Modernツールキットは、グリッドフィルタリング、グリッドのロック、バーチャルグリッドのバーチャルスクローラー、マテリアルチップ、マルチセレクトコンボボックス、カラーピッカーをサポートします。Ext JS 6.7 Classicツールキットには、グリッド、カレンダー、パネル、チャート、ウィンドウ、コンボボックス、タブ、およびダッシュボードに対する複数のコンポーネント機能強化が含まれています。JetBrains、Eclipse、およびVisual Studioプラグインは最新のIDEのバージョンをサポートします。   Ext JS 6.7およびToolingのハイライト Ext JS Modernフレームワーク向けには以下の新機能が含まれます。 グリッドフィルタリング – テキスト、ブール値、日付、数値フィルタなどの複数のフィルタに合致するレコードを容易にグリッドに表示可能 グリッドのロック – Excelと同様に、左または右の領域で列をロック チップ– マテリアルデザインにインスパイアされた、サムネイルとテキスト付き月のコンパクトなコンポーネント マルチセレクトコンボボックス –…

この記事は Sandeep Adwankar によるExt JS Upgrade Adviser Early Access is Now Availableの抄訳です 今回、Ext JS Upgrade Adviserのアーリーアクセス版の公開を発表しました。Ext JS Upgrade Adviserは、既存のExt JS 4.xおよびExt JS 5.xアプリケーションをスキャンし、最新バージョンのExt JSにアップグレードする前に対処するべきソースコード中の問題点を検出しレポートします。 Ext JS Upgrade Adviserアーリーアクセス版には以下が含まれます。 Ext JS ESLint Plugin - コマンドラインあるいはVisual Studio CodeのようなIDEに統合して実行可能 Ext JS ESLint Pluginで利用できるESLintルール…

この記事は Sandeep Adwankar, Daniel Gallo によるSencha Q&A Summary – January 2019 Editionの抄訳です ロンドン、パリ、ミュンヘンで開催されたSencha RoadShows や最近のWebinar「Testing your Ext JS apps with Sencha Test – Benefits & How-to Tips,(オンデマンド視聴はこちら)」で頂いた様々な質問について回答します。 ロンドン、パリ、ミュンヘンで開催されたSencha RoadShowsでのQ&A SenchaはExt JS向けのTypeScriptライブラリを提供していますか？ Ext JSではなく、ExtReactとExtAngular（近日公開予定）の両方はTypeScript型定義を含んでいます。各製品はそれぞれの製品内でExt JSコンポーネントを使用することを可能にします。しかしユーザーがExt JSでTypeScriptを使用できるようにするための特別のパッケージはまだありません。Ext JSの今後のバージョン向けにTypeScript型定義の追加を検討します。 Senchaは、Sencha Architectの metadata-free バージョンをいつリリースするのですか？ これは重要な機能と認識しており、今後、調査を進めます。この調査はSenchaが行うべきバックログとして存在しています。なお、Sencha…

2018年12月6日に東京・秋葉原のUDX GALLERYにて開催の、開発者のための技術イベント「第36回 エンバカデロ・デベロッパーキャンプ」では、Sencha Ext JS および Sencha Test のケーススタディとして、アカウンティング・サース・ジャパン株式会社様による「クラウド税務・会計・給与システム開発にスピードを！A-SaaSがSencha Ext JS/Sencha Testを導入した軌跡」と題された講演が行われました。 この記事では、アカウンティング・サース・ジャパン株式会社様のセッションのうち、Sencha Testに関する内容のサマリをご紹介します。セッション全体を通しての概要はデベロッパーキャンプ 開催レポートをご覧ください。 既存アプリの移行や新規アプリの開発を進めつつ、Sencha Test によるUI自動化をどのように導入したか？ Sencha Test によるUIテスト自動化はExt JSによる開発を開始した翌年から着手開始。Sencha USが提供する公式トレーニングを受講し、テスト自動化を実際のプロジェクトに組み込んでいく話が、タイムラインを交えて紹介されました。 また Ext JS による開発は開発経験を積むにつれて効率化が進み、2018年に開発の A-SaaS請求書ではサーバサイドとフロントエンド含めて、１名の開発者により２ヶ月半ほどで実装が完了しました。そんな中、本格的なテスト自動化の導入は2018年夏に編成されたテスト自動化チームによって進められ、Ext JSで刷新中のクラウド税務・会計・給与システム「A-SaaS（エーサース）」に対するUIテスト自動化を開始しています。 Sencha Testのデモとしては、下記5点のライブコーディング、ライブデモが行われました。 出納帳画面の説明 インスペクター機能の紹介 テストスクリプトのライブコーディング テストスクリプトの実行 実際に使用しているテストスイートの実行 これらのデモの中で特徴的だったのは、テスト担当者の開発経験が少ない場合でも、Sencha Testによるビジュアル操作でテストケースを作成できることです。UIテストではテスト対象のコンポーネントを操作したり、値を入力したり、操作の結果表示される内容を確認したりという作業が必要です。それらの対象となるコンポーネントをマウス操作で指定してテストスクリプトに直感的に反映でき、帳票への値の入力や操作のようなテストケースをセッションの中でライブコーディングで作成して実施することができました。 さらに Sencha Test によるテスト自動化のテクニックとして下記のTipsも紹介されました。 画面を遷移する ログを出力する…

この記事は Marc Gusmano によるFrom then to now: Ext JS 4.x to 6.x, Royal Weddings, Space Shuttles and Oprahの抄訳です この7年間でどんな違いがあったでしょうか！ その年は2011年でした。この年にはロイヤル・ウエディングが行われ、1981年から開始したスペースシャトル計画が最終フライトを迎え、1986年から放送開始のトーク番組オプラ・ウィンフリー・ショーも終了しました。(日本では東日本大震災が発生した年でした。)そして……Ext JSバージョン4.0.0が2011年4月25日にローンチされた年です！ その当時私はSencha製品のユーザであり、Ext JSバージョン4を用いたダッシュボード向けのアプリ開発を行いました。 その当時のアプリケーションを振り返ってみると、多くの優れた機能を備えていたものの、開発やメンテナンスには多くの作業を必要としました。グローバルコントローラには多くのコードが必要であり、データバインディングのサポートはなく、フレームワークにはext-all.jsを使用しました。Sencha Cmdは使用しませんでした。様々な機能をサポートするために多くのカスタムコンポーネントを作る必要がありました。これらはシングルページアプリケーションではありませんでしたが、適切に動作しました。 私が設計したExt JS 4アプリケーションの初期表示 それから7年が経過した今日、Ext JSの最新バージョンは6.6がリリースされています。 2011年と2018年のロイヤルウェディングの間に、フレームワークには、たくさんの素晴らしい新機能が追加されました。過去の私と同様にExt JSバージョン4で多くの方がアプリケーション開発を行ったこと、また、そしてそれらの多くが現在も稼働していることも知っています。 そして今日、アップグレードについてさまざまな質問を受けます。なぜアップグレードする必要があるのか？ また、それらを行うベストな方法は何か？ 新しいバージョンで利用できる素晴らしい新機能は何か？ 記事をご覧になっている皆様は、バージョン4以降、Ext JSに追加されたすばらしい新機能のすべてをご存知ないかもしれません。バージョン4.2.0の最終リリースは2013年3月13日です(ちなみに2013年は、selfies ＝ セルフィー、自撮りという単語がオックスフォード辞典の今年の単語に選ばれた年です)。この後もフレームワークには多くの機能追加や改良が行われてきました。 しかしそれらを調べるための時間が無く、バージョン4以降の新機能のすべてをご存知ない開発者が多いだろうと思います。そこでこのブログシリーズでは、これらの優れた新機能を説明し、バージョン4のアプリケーションをバージョン6.6にアップグレードする方法を紹介します。…

この記事は、Daniel Gallo, Sandeep Adwankarによる「Announcing Sencha Test 2.2.1 GA」の抄訳です   Sencha Test 2.2.1 の提供を開始しました。Sencha Test 2.2.1では、75以上の拡張機能と不具合修正を行うと共に、Ext JSコンポーネントの新しいAPIメソッドを提供し、Ext JSアプリケーションのユニットとエンドツーエンドのテストを改善しました。また、Kitchen SinkやAdmin DashboardなどのExt JSアプリケーションのエンドツーエンドテストに使用するテストスイートの一部にアクセスできるようになりました。 現在、Sencha TestはExt JS Enterprise エディションにも含まれます。Sencha TestサブスクリプションのユーザとExt JS Enterpriseのユーザの皆様はSencha Testの新しい機能をご利用いただけます。 Sencha Test 2.2.1 のハイライト このリリースの新機能は次のとおりです。 新しいAPIメソッド - “doubleClick”と”rightClick”により、Ext JSコンポーネントとHTMLエレメントとのやりとりが容易化。また “getRecord” でDataViewアイテムからレコードオブジェクトを取得可能。…

この記事は、Cindy Zablockis, Jason Kelleyによる「Sencha Stencils 4.0 is Now Available」の抄訳です。 デザイナー向けの完全なUIアセットキットであるSencha Stencils最新リリース4.0の提供を開始しました。今回のリリースでは、クラシックとモダンツールキットの両方にAdobe XDステンシルを加え、最近リリースされたGraphiteテーマをサポートしています。 Stencils 4.0 はこちらから無償ダウンロードできます 新機能 新しいAdobe XDステンシル 最も注目すべきアップデートの1つは、Adobe XD用の新しいSencha Stencilsです。Adobe XDは、スクリーンデザインとプロトタイプ作成のための専用プラットフォームとして構築され、Sketchに対抗する製品として作られたものです。2015年の発売以来、XDの採用率は着実に増加しています。Adobe CCサブスクリプションユーザーやAdobe製品に精通しているデザイナーは、他のデザインツールよりもXDを選択しています。そこで、Senchaのデザインチームは、XDを使ってモックアップやプロトタイプのデザインができるようにしたいと考えてきました。 Modern Triton XD Button Stencils Modern Triton XD Form Stencils Graphite テーマのサポート Ext JS 6.6リリースで利用可能な新しいGraphiteテーマ用のモックアップを簡単に作成できます。Graphiteテーマをサポートするステンシルは、Adobe Illustrator CC、Adobe…