Perfect Day #004 に参加しました

「Perfect Day #004」はextjs4のセミナーです

http://www.extjs.co.jp/blog/2011/03/01/ext-js-sencha-touch-perfect-day-004/

いきなり #004 に参加してしまったのですがなんとか話はわかりました。

感想

クラス定義やアプリケーション全体の組み方まである程度フォローされているので作りについてRIAを標準化しやすいのかなと、 フツーのWeb + jQueryとRIAではそもそも開発の仕方が、というか前者はWeb制作で後者はアプリケーション開発でそもそも何もかもが違うのですが、 そういう意味ではバリバリのアプリケーション開発者と飲めたのは楽しかったなと。

これはイイ勉強会を見つけたなということでこれからも参加しようと思います。

以下備忘録

extjs4 補足

• CSS3ベースで作られているので画像が少なく軽量化されている、拡大縮小されても綺麗だね
• IE6へのケアもしている ( xxx-ie.css等がpngで対応している )

senchaコマンド?

まだリリースされていないらしい

講習内容

• 初期化処理は Ext.onReady　から Ext.regApplication へ
• autoIntViewport: falseにする (まだ若干バグがある?)
• Ext.Router.drawでrouterを書く(ハッシュタグとコントローラーの対応)
• Ext.regController('name', {}); でコントローラーを定義する
• Ext.extend => Ext.define
  • configを使うとgetter/setterが自動的に作られる
  • staticを使うとnewしなくても値にアクセスできる
  • mixins多重継承を実現する
  • singletonその名の通り
  • configを利用するとgetter/setterに加えreset/apply(filter)が使えるようになる
  • alternateClassNameクラスの別名(短縮名)を付与
  • aliasはxtype的な物、Ext.createで指定してインスタンスを生成できる、クラス名を指定するものではない
  • requiresは依存クラスを列挙しext-all.jsを使わずext-core.jsで動作できるようにする、デバッグが楽になる
  • Ext.require
  • Ext.call
• is_safari等がisに移行されている
• jsonのパーサーはブラウザのバージョンによって仕組みやデコードできる文字が違う
• ジャスミン, phantomjs　で単体テストが出来る?

NodeJS / NextJS

• NextJS = NodeJS + ExtJS ( NodeJSの標準的なやり方を崩してでもExtJS的にクラス定義とかしたいよね的な )
• Js大丈夫?
  • array.forEach(function(item, i, array){}) が標準に(ver 1.8.5?)
  • f(1,2,3)
  • f.call(o, 1,2,3) ... scope(this)が変わる
  • f.apply(o, [1,2,3]) ... scope(this)が変わる
  • f.bind() ... 未稿