2013年02月14日 デブサミ2013 2013年03月29日 Sencha Touch 2 ソースコード読書会

@dsuket

Senchaを使うエンジニアが知っておく

たった一つのこと

13年4月1日月曜日

Senchaはまりどころ

• 独特の書き方や作法が沢山

• JavaScriptというよりもはや別言語

• コンポーネントの使い方

• MVC？

13年4月1日月曜日

どうすれば理解を早められるか？

どうすればハマりから抜けだせるのか？

13年4月1日月曜日

悩めるすべての開発者へこの言葉を贈ります。

13年4月1日月曜日

ソース嫁 ！

13年4月1日月曜日

冗談、、、ではない。

けっこう本気

13年4月1日月曜日

ソースを読むメリット

• Senchaの内部の動きに詳しくなる。

• コンポーネント作成のコツがわかる。

• JavaScriptの勉強になる。

• いざという時、すぐに実装できる。

13年4月1日月曜日

Sencha Docs

13年4月1日月曜日

• 全クラスのconfig、プロパティ、メソッド、イベント、CSSが網羅

• Java API Docみたいなもの13年4月1日月曜日

ガイドや動画も充実

13年4月1日月曜日

ガイドや動画も充実

13年4月1日月曜日

Examplesでは色んなサンプルや、コンポーネントが実際に動かせます！

PhoneとTable

を切り替え縦と横も

13年4月1日月曜日

phoneで縦に切り替え

13年4月1日月曜日

注目

13年4月1日月曜日

直接編集できる

13年4月1日月曜日

直接編集できる

13年4月1日月曜日

直接編集できる

すぐに結果を確認！

13年4月1日月曜日

ソースの確認

13年4月1日月曜日

• クラス定義の一番上、クラス名の上にカーソルを持っていくと、View sourceと表示される。

• クリックすると、クラスのソースがひらく。

クラス名をクリック

13年4月1日月曜日

• クラス定義の一番上、クラス名の上にカーソルを持っていくと、View sourceと表示される。

• クリックすると、クラスのソースがひらく。

クラス名をクリック

13年4月1日月曜日

• API Documentのメソッドやプロパティの上にカーソルを持っていくと、右端に「view source」というのが出る。

• クリックすると、該当箇所のコードが表示

注目

13年4月1日月曜日

• API Documentのメソッドやプロパティの上にカーソルを持っていくと、右端に「view source」というのが出る。

• クリックすると、該当箇所のコードが表示

注目

13年4月1日月曜日

SummitDevelopers

Sencha Try

13年4月1日月曜日

Web上で実行できる。MVCでも大丈夫13年4月1日月曜日

• オンラインですぐ読める！

• Senchaのコードは分かりやすい！

• 動かせる！

Sencha のソース

13年4月1日月曜日

良いソースリーディングを！

13年4月1日月曜日