「Sencha Touch導入前のJavaScript/CSS事前準備」とその後

「SwapSkills有料セミナー:Sencha Touch導入前のJavaScript/CSS事前準備」に参加した際の自分のtweet と #swapskills タグのまとめです。 その後の @shunkuriyama さんとのやりとりも参考になりそうな気がするので加えました
0
allWeb_akane @allWeb_akane

前回のJS講座で習った事が入っていた。 #swapskills

2010-10-23 14:57:17
t32k @t32k

無名関数の即時実行。jQueryとかやってる。 (function(){alert("hello!");})(); #SwapSkills

2010-10-23 15:01:13
Zenichiro Yasuda @zenich

jsの基本知識を知った上でサンプルコードを見たりAPIのコードを見ると生産性は10倍は違う、らしい

2010-10-23 15:13:11
t32k @t32k

サンプルコピペ良くない!基礎しっかりが今回のテーマだね。 #SwapSkills

2010-10-23 15:13:19
allWeb_akane @allWeb_akane

ここまでは。という内容も実は奥深い #swapskills

2010-10-23 15:14:02
t32k @t32k

CSSセレクタきた!こっからデザイナーのターン #SwapSkills

2010-10-23 15:15:25
t32k @t32k

CSSファイルにスタイルを記述するだけがCSSだと思っていないか? http://www.w3.org/TR/CSS2/selector.html #SwapSkills

2010-10-23 15:18:19
Zenichiro Yasuda @zenich

CSSセレクタは絶対に手動で繰り返したり、探したりしないこと、だそうです

2010-10-23 15:19:44
allWeb_akane @allWeb_akane

階層が深くなると大変!cssセレクタ #swapskills

2010-10-23 15:19:47
t32k @t32k

CSSセレクタ:DOM構造の中から、高速にHTMLエレメントを特定する手段! #SwapSkills

2010-10-23 15:19:55
Zenichiro Yasuda @zenich

基本的にはHTMLエレメントにはIDはふらない。スピード遅くなるしよくない、とのこと

2010-10-23 15:22:09
HIROMITSU @hiromitsuuuuu

ふむふむ。RT @zenich: 基本的にはHTMLエレメントにはIDはふらない。スピード遅くなるしよくない、とのこと

2010-10-23 15:29:44
tmshin @tmshin

双方向だって今知った。 #SwapSkills

2010-10-23 15:39:21
Zenichiro Yasuda @zenich

後半始まった。まだタグがわからん。CSSセレクタつづき

2010-10-23 15:40:15
Zenichiro Yasuda @zenich

CSS適用の優先順位は「ポイント制」インライン1000ポイント IDで書くと100ポイント クラスやsuidクラスは10ポイント タグに設定が1ポイント、だそうです

2010-10-23 15:43:44
Zenichiro Yasuda @zenich

#swapskills getElementByIdで取得することはありえません

2010-10-23 15:48:47
Zenichiro Yasuda @zenich

#swapskills 画面の文字がちっちゃすぎですねー

2010-10-23 15:51:45
Zenichiro Yasuda @zenich

var el = Ext.get("my-div"); みたいな感じで取得するのだそうです

2010-10-23 15:52:28
Zenichiro Yasuda @zenich

Ext.get で classオブジェクトが返されます

2010-10-23 15:53:45
t32k @t32k

CSSセレクタをJavaScriptでも利用したい ->Ext.get(), Ext.fly()あるよ #SwapSkills

2010-10-23 15:55:32