code:x

ども、小堤です。

久々な気がします。ブログ更新するの・・・。

しょーじき、しんどいです（笑）忙しすぎる・・まともに寝る時間をくれ・・・まぁ寝てない訳じゃないんだけど、なんだかやることが多すぎる。

さて、MacBook Pro買ってしばらくたちますが、いまだにろくに使ってない、僕なんですが。

今回は（笑）ちょっと気合い入れて設定しています。

MacPortsでPHPとかApacheとかMySQL、PostgreSQLなどすべて設定完了。

Ext JSももちろんちゃんと表示されました（MacOS入れ直したんだけど・・なんかCSS表示おかしかった）

んで。

エディタの件、去年だいぶうにうにいってましたが、MacVimに決定できそう。

な〜ぜ〜かぁ〜。

「使い方がわかってきたから」

当たり前のことなんですが、Peggyから離れられなかったんですが、「原因はなんだ？」と思って掘り下げて考えてみると、やっぱりファイル操作だったわけです。

Peggyでプロジェクトから選んでマウスとの華麗な連携（笑）でバチバチやってたわけですが、MacVimだとproject.vimつかおうが何しようが、使いにくい！と思っていたんですね。

んで、NERDTree.vimでとりあえず、ファイルツリー表示は実現できて、<ENTER>じゃなくてtおせば、タブが開く！知らなかった！

んで、さらに、.gvimrcにCrtl+AとCrtl+Sでタブの切り替えをショートカット設定したんですね。初期設定のCmd＋｛は遠い・・切り替えずらい。

これで完璧！あとはVimになれるだけ！チュートリアルも全部やったよ！まだなれてないけど。

で、次の問題がバージョン管理。Subversionがメインなので、はやりのgitをいきなり社内標準にもできない。

なので、git-svnを使うことにした。

Macの中ではGitでローカルコミットして、git svn dcommitで社内のリポジトリにコミット。

ん〜、これでよさげ。

これなら、コマンドラインでも行けそう。

エディタ、サーバ設定、バージョン管理と一通り必要な環境はできたので、ちょっと開発をMacに移行していこうとおもっているわけです。VMWareFusionいれてるけど、あやうくPeggy使うところだった・・・負け犬になるとこだった（笑）Peggyは大好きなんだけどねぇ。

Adobe CS5が出たときにMac版買うか・・Win版買うか悩ましいところ。

というよりも、i7 のMacBookが発売されて、評判みたらどうせ・・もう一台・・買うし（＝＿＝）

とりあえず、Win よりも効率よくするために訓練だなぁ。

そういえば、もうすぐWorkshop specialじゃん・・・まだ準備してねぇ・・しないとぉ。

実践開発ガイドも、執筆する暇がない。

やう゛ぁぃ・・ほんとに時間がナス。

ども、小堤です。

いやIE6がクソっていう話はよくでるとおもうんですが、Opearaいまだにクソじゃないですか？（笑

いや、腹立ったんでブログかいてるだけなんですけど。

window.unloadの挙動いい加減どうにかせいや・・・マジで。Carakan?エンジン？JSの。乗っけました？カラオケ館ですか？そんなもの作ってる暇あったら、もう少しまともにしてほしいわ。レイアウトエンジンもまだ微妙だし。Vega乗っけて、HTML5だーなんて言ってる場合か？

IE6はバージョンUPでそのうち消えるけど・・Opeara、マジ心から消えてほしい。それかちゃんとしてほしい。

Opearaがスタンダードブラウザじゃなくてホントよかったわぁ、Wiiのコンテンツとかでも作るときにはひっかかってくるだろうけど。

今日は、「フォームの保存ボタンをつけた場合、初期状態で無効化してあって、どのタイミングで有効化するか、その具体的な実装方法」がかなりいいか んじでできた。

Ext JSで日々アプリケーション開発してると、やっぱノウハウ？たまるわけで、じっくり書きたいんだけど、全然時間ナス。

Workshopスペシャルとか、そこらへんで放出（？）ってか、話ができたらいいなぁ。

さ、がんばろ・・・

ども、小堤です。

みなさん、コメントやら連絡ありがとうございました。

3月27日に開催します。

で、早速ですがソールドアウト！？ (笑)別に何も売ってないけど、定員になりました。

また、次回は定員増やしますんで、あと一回目の内容を2回目にも反映できるように工夫します。

来たかった人ごめんね。会議室もうちょい大きいとところ早めにとるね。

ってことで、開催報告は追ってしまーす！

ども、コツツミです。

地味にお久しぶりです。

タイトル・・・これ、もういいよね・・・もうやりたくないよね、みんな？

ってことで、SpreadOfficeを作ってるときに「あ、これでいいじゃん」という方法があったので、ご紹介します。

その前に、SpreadOfficeちまちま作ってますよ・・。

途中ですが → スクリーンキャストで見る

で、前に紹介したスクリーンて単位で開発するようにしているんですが、まぁ要するにパネルなんですけど、もちろんこの中にコンポーネントがたくさんはいるわけです。
なので、必然的に 、クラスファイルになり～の、ファイルわかれ～のするわけですよ。

んで、タイトルの「カンマ探し」 に話を戻します。

カンマ探しを知らない人は、幸せな方ですｗ

んで、IEでJSエラーになるこいつを一発でみるけるために、使うのが「Google　Closure Compiler」

「何それ？」 の人は調べて(笑）

「え？JS圧縮するやつでしょ？」

と思ったひと、

ええ、そうなんです。こいつで圧縮するときに、ちゃんとjarで実行したときにエラーメッセージだしてくれるんですね～。便利ですね～。

で行数まで教えてくれるんでさっくり見つかります。

僕はスクリーン（パネル）単位でファイルを結合してUPしているんで、普段は個別にスタブ開発。

結合テストするときだけ、こいつをPHPとJava（クロージャーコンパイラー）連携させて結合させてるんですが、そのタイミングでいくつかの余計なカンマを見つけてくれるので、まぁほぼ勝手にIE対応できちゃうわけです。

いまのSpreadOfficeがそうなっています。公開するときにJS圧縮されてるし、まぁもうちょっといえばCSSも圧縮してるんですけどね。

ってことで、困ったらGoogle　Closure　Compiler使ってみればいいんじゃないでしょうか。

あと、実践開発ガイドも書いてますが、ここしばらくExt JSのトレーニング講師の仕事とか、人に教えることが多いのですが、ふと思ったんですが、やっぱ教えると自分も覚えるわけです。

で、Ext　JSのアプリケーションの作り方、僕はスタブアプリケーション開発っていうのを推奨してるんですけど、パラレル開発もいけるし、一人でも同じことやっとけば複数人対応もできるし、デバッグ100倍速いし(笑）

まぁこれに最近おしおしのExt.Directも入ってきてRPCバリバリで組むと、かなりすっきりするわけですよ。

ここら辺は正直勉強会の時間じゃ足りないし、どっかでうちの会社で限定人数でやろうかな(笑）来る人いる？

Ext JS Workshop スペシャルとかで(笑) 1日限りのｗ んで、その後のみにいければ・・・

まぁ4人くらいまでだな・・・定員。ってかまずだれかくるんだろうか（・＿・；

ども、小堤です。

まぁSpreadOffice作ってたんですが、xFrameworkPX + Ext JSのExt.Directの実力。

自分で作って、自分でいうのは滑稽ですが・・すげぇ～。

6つのStoreがサーバーサイドからデータを取得するんですね。これ。

赤枠の部分です。

通常、JsonStoreを使ったりするとリクエストが6個投げられるんですが、Ext.Directは一定時間内に発生したDirect経由のリクエストをまとめてくれるという機能があります。

なので、これ、6個のStoreの読み込みは１リクエストですんでいるんです。

Ext.Directのここら辺の話を来週の勉強会でしたいけど・・・まとめてる時間あるかなぁ・・・。

ども、コツツミです。

2時間ほどはまりました・・まぁ概ね解決。

http://www.extjs.com/deploy/dev/examples/portal/portal.html

iGoogleみたいなポータルのUXですが、これ気をつけないとすぐレイアウト崩れます。

サンプルでは、Fitレイアウトに入れる前提なんですね。

なので、それ以外、たとえばCardLayoutなんかにぶっこんだときに、まぁ～ずれますよ。おそらく。

少なくとも、こないだ作ったExt.ux.ScreenとExt.ux.layout.Screenではずれました。

で、調整。Ext.ux.PortalXってクラス作って、ちゃんと調整されるように修正。どうもレイアウトマネージャーの更新タイミングと、レンダリングのタイミングのずれみたいですね。まぁ解決。

Ext.ux.Portalなんてつかわねーよ。と思ってたけど、客受けいいみたいで(笑)使うことに。

ちなみに、Ext 3.1.1持ってくるとわかるんですが、examples/ux/ 下にUXいっぱい入ってます。サンプルで使われているやつとか。ux-all.jsとcss/ux-all.css読み込めば、examplesに入っているUX使えるようになります。

以外と知られてないっぽいので。僕も先日教えてもらうまで気がつかなかった(笑

とりあえず、UXは標準のコンポーネントよりも慎重に使わないと、初心者ははまります。自力でUX作れる人とかは逆にハッピーですね！

さて、一区切りつけるところまでやっちゃうかぁ・・・。

ども、小堤です。

まえから言ってるとおり、Ext JS 実践開発ガイド出します。

で、アウトラインできました。

これ表紙の予定：http://extjs.xenophy.info/ExtJSPDGhyoushi.pdf

http://extjs.xenophy.info/ExtJSPDG.pdf

現在、なんだかんだで2章くらいまでちゃんと書いたんですが、サンプルコードも用意して、書きためてあったものの移植がまだおわってないので、それから執筆・加筆です。

5月くらいには出したいと・・・。

で、今後の流れ。

4月くらいまでにだいたい書き終える

↓

レビュアー募集して、精度あげる

↓

5月頭くらいで、プレオーダーとる。

↓

販売数を把握して、印刷

↓

晴れて発売

ってかんじ。実現できるかなぁ～？

ボランティアで、レビュアーやりたい人いますか？特典として、先に内容が全部見れます。
あと、印刷されたの1冊贈呈くらいしないとか。

コメント、開けとくんで、連絡くれれば～、知り合いの人はスカイプでもメールでもいいです。
連絡ください。

バタバタ作業しながら合間ぬって執筆してるんで、おせーのおせーの。

出版社探すとかめんどいんで、普通に印刷予定、あとPDF版は、書籍版落ち着いてから販売かな。

先にいっておくと、ちょっと内容濃いので高めです。

みんなほし～っていったからがんばってます・・・だからでたら買ってね (笑)

さて・・・次の作業に移行するか・・・

ども、小堤です。

最近、バタバタしてて・・・やっとブログ。

北海道いってきましたぁ！LocalDeveloperDayおつかれさまでーす！いっぱいいろんな人と話ができて楽しかったです！

Ext JS勉強会 in 北海道、実現に向けて動き始めた？(笑)

さて、題名のリストですが

Ext.Fxのeasingで設定できる一覧の実際の動きですね。

http://stack.hu/extjs/easing_list.html

動き見て選択できるので、困ったらみてみれば？という感じです、個人メモｗ

そして、Ext JS 実践開発ガイド やっとアウトラインのブラッシュアップ完了、表紙のデザインもした！後は、書きためたものを入れていくのと、最後に・・・InDesignとかで印刷できたらいいなぁ。

CS5出たときにかおうかなぁ。

前からいっているように、できたらすぐ出しますｗ PDF販売先行！いや、求められる声が増えるとがんばる気がする。で、紙でほしい人のために、オンデマンド印刷も考えてはいます。

なんで、出版社からでるかどうかみたいな話は、もうすこしできてからねぇ～。ってかんじ。

いや、まじで。ホント、他に色々やることあって全然手がまわらないんですが・・・でも、なんとなぁく、忙しいなりにも、いい感じの忙しさになってきた気がします。

さて、がんばるかぁ。

ども、小堤です。

ありがたい話なんですが、今月やう゛ぁぃくらい忙しいです。

タダでさえ短いのに・・・。

Ext JSの方もいろいろやることありーの、携帯関連のxFrameworkPX対応とか、あとFlashLiteとxFrameworkPXの連携？動的生成？の調査とか・・、おまけにxFrameworkPX 3.5 RCリリースもあるし、さらに制作もあるし・・・てんやわんや。

まぁ何もすることがないより全然いいんですが、気合い入れて乗り切らないとバタンQしてしまいそう。xFrameworkPX は、早めに3.5正式版だしちゃいたいですなぁ・・機能UPリストはある程度できてるので、3.5.1とかUPしていきたいですわ。

いま思い描いているものが実装おわれば、PCサイトも、携帯サイトも、携帯Flashも、Ext JSなどのRIAコンテンツも・・・大概いけるので。もういっぽ。まぁ10月に初めて、3月にリリースできるわけですが、がんばったほうか。

とりあえず、外部的圧力(笑）で、Ext JSの実践開発ガイドをそろそろまじめに考える必要がでてきたので、それも月末あたりから・・という気持ちで・・・はぁ。

実践開発ガイドは、キンドル？っていうんですか？ｗ　Amazonの端末・・あれでだそうかなぁという話だったりして、それから紙ベースかな、みたいな。

で、僕キンドルもってませんけど？(笑）かう？えー、いらなくなーい？でも、作るならいるかぁ。 ぼかぁiPad買うつもりなんですが？

で、さらにググっても、海外から購入しか見当たらない、どっか代理すれや。買う気うせるだろ。そこまでほしくないんだから・・・。

ってことで、Ext JS実践開発ガイドは、アウトプットは、完全に未定ｗｗｗｗ だけどＥｘｔ.Directも含めた、超初心者からのモダンＪａｖａＳｃｒｉｐｔに関する点から、実際のコンポーネント利用までのExt JS 実践開発ガイドは、仕上げちゃいます。

最近、実務でExt JS使ってるんで、実際はその先のアプリケーションのこつとか、そこらへんも考えたい・・・実際だしてみて、みんなが買ってくれれば・・・ （ぇExt JS 実践開発ガイド アドバンスとかありえるかもね。

ってことで、 Ext JS 実践開発ガイドは、TextMate2ばりに気長にまってください（でないってことじゃないよ！）

さー、一回かえろー。

ども、引き続き、小堤です。

さて、ちょいアニメーション関連を調査しているんですが、stopFxの挙動、イメージとちがーーう！（つ＿；）

ってことで、実験してみました。

http://extjs.xenophy.info/2010020301.html

停止ボタンを押すとstopFxをコールするんですが・・・・いきなり終了の状態（アニメーション完了の状態）になります。

え～、こぉ～まぁ～るぅ 。（＞＿＜）。

まぁあまりよろしくはないのですが、強制的にアニメーションを停止させる方法として、次のような拡張を、Ext.extender(前に話したやつ)にぶっ込みます。

// {{{ Ext.Element

Ext.Element.addMethods({
    forceStopFx : function() {
        Ext.lib.AnimMgr.stop();
    }
});

// }}}

Ext.lib.AnimMgr.stop();を呼ぶだけです。
実は、Ext JSのアニメーションは、アダプターによって処理される場所が異なるんですが・・・・Ext.libしたのAnimとかそこらへんがアニメーションをするオブジェクトなんですね。
jQueryアダプターとかまだ試してないんでわからないですが、まぁ・・大丈夫だべ。

で、Elementクラスにインプリメントしちゃいます。
これで、el.forceStopFx()の完成。

具体的に、Ext.lib.AnimMgr.stop();で、一時停止、再開作ってみました。

http://extjs.xenophy.info/2010020302.html

ってことで、これでアニメーション中に強制的に止めて・・次のトランジションにいくとかの、処理を書き始めるなど。

追記

上記の方法だと、その後のアニメーションでcallbackが呼ばれなくなる・・・なんか考えないと・・。