Sencha Archive

ども、小堤です。
まぁ、OmegaTrickをちょいちょい実装していってるんですが、あんまりこれに時間かけることのできない現状・・・orz

んで、どうせ後でマニュアル書くのめんどくさくなること必死なので、ブログにメモって、あとでコピペして修正とか。
続くのか？ってはなしだけども。

さて、GitHubにのっかっている、OmegaTrickはmasterでバージョン0.5.0を実装していっています。
ソース見る人は、gitでひっぱってくだしー。

んで、先に、この0.5.0から0.4.0までの構造とがらっと変わることは、さいさんピーピーいってたのですが、その詳細をここにメモします。
Continue reading

ども、小堤です。
まぁ、相変わらずブログは間、開くわけです。

タイトル通り、Ext JS,Ext Core,Sencha Touchの判別方法についてです。
まぁ、通常は判別しなくていいのかもしれませんが、どれも、グローバルスコープに、Extオブジェクトが作られるわけですし。
3つのうち、どれが読み込まれてるの？っていうのを判別する方法ですね。

Continue reading

ども、小堤です。

だらだら、Sencha Touchのソース眺めてたんですが(ver 0.92)

PlatformSelector.js
で書いたやついらないですね（爆

src/core/Platform.js

を読み込めば、Ext.platformオブジェクトが生成できます。
判定だけしたければ、コレ読み込めばOKってことです。

ってことで、訂正？ですｗ

ども、小堤です。

先の投稿で、Ext.setupメソッドにしていするコンフィグオプションの解説を行いましたが、ここでは、それぞれのコンフィグオプションが指定されることにより、何が起こるのかを検証していきます。

Continue reading

ども、小堤です。
明日は、「Ext JS & Sencha Touch勉強会7月＠東京」ですね。

既に、ATNDはいっぱいになってしまったみたいですが、USTREAMで配信されるらしいので、枠あふれちゃったひと、地方でこれない人など、よかったらみてみてください。

まぁ、そんなこんなで勉強会皆勤賞の、小堤君ですが、今回も参加させていただきます。
最後の枠？なのかな。

ま、いつも通りです（笑）
今日は、勉強会でもネタになるSencha Touchの話ですが、これ、スマートフォンのコンテンツ開発には、欠かせなくなりますよね。たぶん。
ってことで、その入り口の、Ext.setup（聞き慣れない人もいるでしょうけど）についてです。

Continue reading

ども、小堤です。
ツイッターくらいしか、書いてないんですが、ブログ放置ですね。完璧。

んで、またどーでもいいものなんですが、PlatformSelector.jsです。
Sencha Touchとか、Ext Coreとか読み込む前に、そもそもiPhoneの時にリダイレクトとかしたいときに使えるもんです。

サーバーサイドで判定できない仕事もあるもんで（やってるんですが）
あると便利かな。と。

さらしときます（笑）

/* vim: set expandtab tabstop=4 shiftwidth=4 softtabstop=4: */

PlatformSelector = {
    isWebkit: /webkit/i.test(navigator.userAgent.toLowerCase()),
    isPhone: /android|iphone/i.test(navigator.userAgent.toLowerCase()) && !(/ipad/i.test(navigator.userAgent.toLowerCase())),
    isTablet: /ipad/i.test(navigator.userAgent.toLowerCase()),
    isChrome: /chrome/i.test(navigator.userAgent.toLowerCase()),
    isAndroidOS: /android/i.test(navigator.userAgent.toLowerCase()),
    isIPhoneOS: /iphone|ipad/i.test(navigator.userAgent.toLowerCase()),
    hasOrientationChange: ('onorientationchange' in window),
    hasTouch: ('ontouchstart' in window)
};

if(PlatformSelector.isTablet) {
    location.href = 'ipad.html';
} else if(PlatformSelector.isPhone && PlatformSelector.isIPhoneOS) {
    location.href = 'iphone.html';
}

/*
 * Local variables:
 * tab-width: 4
 * c-basic-offset: 4
 * c-hanging-comment-ender-p: nil
 * End:
 */

Sencha Ext JS / Sencha Touch プロフェッショナルプログラミングガイド
CSSの基本とCSSセレクター

Continue reading

はぁ。小堤です。

ブログ、WordPressのバージョンアップしたにも関わらず、なかなかかけないとか。

SpreadOfficeの開発は、相変わらずガリガリ。

スケジュール管理機能もつくらないけないんですが、まぁ当たり前ですけど、Ext JSに、んなもん最初から用意されているわけもなく。
（将来的に実装されるとかないとか？どうなんだろ）

とりあえず、レイアウトはiPad風。
ちゃんと、日付計算とか、切り替えとか実装
したよ・・・org

中身のデータ読み込みまだだけど。
1.5日。まぁまぁでしょ。

日表示、週表示、リスト表示が残ってるけどね（爆

hboxレイアウトと、vboxレイアウトがあるExt JS 3.xのおかげですわ、ホント。

レイアウトしたり、配置したり、こなれたもんだ・・すぐできる。

はやくスケジュール一段落させて、OmegaTrickのバージョンアップしたいんですけど。

というか、なんか早く気分よくやらせれ。

Sencha Ext JS / Sencha Touch プロフェッショナルプログラミングガイド
イントロダクション

Continue reading

小堤です。

ご無沙汰ですねぇ、Twitterしかやってない気がします。

んで、Senchaになったとか、SenchaTouchの話もやっと堂々とかけるのですが、それはあとでｗｗｗ

んで、題名のネタ。

style: ‘padding: 10px’

こんなコンフィグオプションの指定することありますよね？まぁできるだけ、デザインに関してはCSSに持っていて、clsで指定する方がよいですが。

これ、Portalとか、まぁ特にfloatとかされている中にアイテムを配置するときに 、Chromeとかだと、きかないときあります。

聞かないと言うよりは、ExtがCSSを指定しないのか、Chromeが識別できていないのかは定かでないですが、インスペクタでみると反映されていないんですね。

んで、

styleは1個でもオブジェクト形式で指定すれ！

です。

style: {
padding: ’10px’
}

 この癖つけといたほうが、身のためダと思いますし、複数指定する場合も楽ですよね。

ってことで、久しぶりのブログこれかよ！って話なんですがｗメモｗｗ