この記事は 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…

この記事は、Jim McKeethによる「Sencha MVP Program & Update」の抄訳です。 皆さんは、MVPディレクトリでSenchaのMVPの豪華なメンバーリストをご覧になったことはありますか？彼らは、Senchaの世界で最高レベルの識者であり、常にコミュニティの他のメンバーとそのナレッジやパッションを共有しています。Senchaフォーラムを訪れたり、彼らの書籍やブログ記事、ソーシャルメディアでの情報発信、GitHubのコードで、あるいはSencha開発者コミュニティのどこかで、その活躍を見ることができます。 MVPは、ユーザーグループ、カンファレンス、Webセミナー、記事、ニュースグループ、ブログ、ソーシャルメディアなどを通じて、Sencha製品のエヴァンジェリズム活動を行います。MVPは、革新的なソリューションの提案やエコシステムをより成功に導くようなコンポーネントの開発によって、Senchaの製品ロードマップの強化にも関わります。 こうした貢献に対し、Sencha MVPは以下のような特典が得られます。 リリースされるすべてのSencha製品を無料で利用できるライセンス その専門分野を宣伝できるMVPディレクトリへの掲載 Sencha製品ベータ版への早期アクセス 製品管理チームと内部のエンジニアへの直接アクセス NDAベースの製品／テクノロジーブリーフィングへの参加 マーケティング資料、製品デモキット、セールスツールキットの利用 プライベートのMVPフォーラムへのアクセス 「Ext JSの継続的な成功の達成には、Senchaファミリーを構成するパートナーの皆さんと開発者コミュニティが不可欠です。最も信頼できるSencha支持者の皆さんと協業し、その貢献に報いることで、MVPプロ​​グラムはさらに拡大し、世界各国のお客様のお役に立てるように製品やフレームワークの進化に寄与することでしょう。」 Sencha製品ディレクター　Robert Warmack MVPプログラムの詳細ならびにお申込みについては、mvp@sencha.com までお問い合わせください。