Sencha Touch 2 ソースコード読書会 第1回@東京 での資料です。 http://www.meetup.com/Japan-Sencha-User-Group/events/106851132/ デブサミで話せなかったリベンジ！ Sencha Touchパーフェクトガイド http://www.amazon.co.jp/dp/4048869566 もよろしく！

1. Senchaを使う
エンジニアが
知っておく
たった一つのこと
2013年02月14日 デブサミ2013
2013年03月29日 Sencha Touch 2 ソースコード読書会
@dsuket
13年4月1日月曜日

2. Senchaはまりどころ
• 独特の書き方や作法が沢山
• JavaScriptというよりもはや別言語
• コンポーネントの使い方
• MVC？
13年4月1日月曜日

3. どうすれば理解を早められるか？
どうすればハマりから抜けだせるのか？
13年4月1日月曜日

4. 悩めるすべての開発者へ
この言葉を贈ります。
13年4月1日月曜日

5. ソース嫁 ！
13年4月1日月曜日

6. 冗談、、、ではない。
けっこう本気
13年4月1日月曜日

7. ソースを読むメリット
• Senchaの内部の動きに詳しくなる。
• コンポーネント作成のコツがわかる。
• JavaScriptの勉強になる。
• いざという時、すぐに実装できる。
13年4月1日月曜日

8. Sencha Docs
13年4月1日月曜日

9. • 全クラスのconfig、プロパティ、メソッド、イベント、CSSが網羅
• Java API Docみたいなもの
13年4月1日月曜日

10. ガイドや動画も充実
13年4月1日月曜日

11. ガイドや動画も充実
13年4月1日月曜日

12. PhoneとTable
を切り替え
縦と横も
Examplesでは色んなサンプルや、コンポーネント
が実際に動かせます！
13年4月1日月曜日

13. phoneで縦に切り替え
13年4月1日月曜日

14. 注目
13年4月1日月曜日

15. 直接編集できる
13年4月1日月曜日

16. 直接編集できる
13年4月1日月曜日

17. 直接編集できる
すぐに結果を確認！
13年4月1日月曜日

18. ソースの確認
13年4月1日月曜日

19. クラス名をクリック
• クラス定義の一番上、クラス名の上にカーソル
を持っていくと、View sourceと表示される。
• クリックすると、クラスのソースがひらく。
13年4月1日月曜日

20. クラス名をクリック
• クラス定義の一番上、クラス名の上にカーソル
を持っていくと、View sourceと表示される。
• クリックすると、クラスのソースがひらく。
13年4月1日月曜日

21. 注目
• API Documentのメソッドやプロパティ
の上にカーソルを持っていくと、右端
に「view source」というのが出る。
• クリックすると、該当箇所のコードが
表示
13年4月1日月曜日

22. 注目
• API Documentのメソッドやプロパティ
の上にカーソルを持っていくと、右端
に「view source」というのが出る。
• クリックすると、該当箇所のコードが
表示
13年4月1日月曜日

23. Developers
Summit
Sencha Try
13年4月1日月曜日

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

25. Sencha のソース
• オンラインですぐ読める！
• Senchaのコードは分かりやすい！
• 動かせる！
13年4月1日月曜日

26. 良いソースリーディングを！
13年4月1日月曜日