JavaScript
ExtJS
Sencha

Ext JS Application Development Blueprints 第2章ノート

『Ext JS Application Development Blueprints』第2章の読書ノートをメモっとく。

Ext JS である程度の規模のアプリケーションを開発したいエンジニアにおすすめできる書籍はこれくらいかな。Ext JS の初学者である場合は高くて英語な公式のオンライントレーニング Fast Track to Ext JS 6.5 を受講するといい。

ちなみに第1章の読書ノートは記事にしていない。第1章は Ext JS とは何かという話なのであまりノートにする必要がない気がした。

ノート

第2章のトピックは MVC・MVVM・イベントドメインだ。Ext JS である程度開発すると MVVM であることを活用した実装ができるようになるので、MVC と MVVM についてはさらっと読めばいいと思う。ただ、イベントドメインの部分は知らない人も多いと思うので、イベントドメインについてはサンプルを動かしながらコードを追っかけてみよう。

サンプルコード

サンプルコードを Sencha Fiddle で実装してみた。

MvcEx1v4

mvc-ex1-v4.png

MVC のサンプルコードで Ext JS 4.2.1 で動作する。

https://fiddle.sencha.com/#fiddle/2fuc

MvvmEx1v5

mvvm-ex1-v5.png

MVVM のサンプルコードで Ext JS 5.0.1 で動作する。

https://fiddle.sencha.com/#fiddle/2fvb

このサンプルコードを Ext JS 6.2.0 で動作するように修正してみた。最近の Ext JS の書き方になるような修正も追加している。

https://fiddle.sencha.com/#fiddle/2g4b

EventDomain1

event-domain1.png

イベントドメインのサンプルコードで Ext JS 5.0.1 で動作する。

https://fiddle.sencha.com/#fiddle/2fvd

このサンプルコードを Ext JS 6.2.0 で動作するように修正してみた。最近の Ext JS の書き方になるような修正も追加している。

https://fiddle.sencha.com/#fiddle/2g4d

参考文献

Ext JS Application Development Blueprints