HTML5のサイト作成プラットフォームSencha Touchの使い方 その１：資料のありか

以前、

HTML5のサイト作成プラットフォームSencha Touchを入れてみる
http://blog.goo.ne.jp/xmldtp/e/49d5836b8eae188793c199e5ccd9ac77

で、Sencha Touchを入れてみた。

そして、

HTML5でスマホっぽく→Android、iPhoneアプリへ：Sencha&Phone Gap
http://blog.goo.ne.jp/xmldtp/e/4845779f2ed4f3be343654433807e7ba


で、Sencha Touchでつくったものを、Phone Gapに読み込ませ、Android,iPhoneアプリ
になるというところまでは、やった。

これで、一件落着・・・



・・・・とはならない。
Sencha Touchの使い方が判らないと・・・

ってことで、これから、お勉強してみる。

---

■Sencha Touchの使い方が載ってる資料のありか

　まずは、使い方が載っている資料のありかから。


ここ
http://www.sencha.com/learn/Sencha_Touch

にある。

「Getting Started」からはじめると、文字ばかりで、頭痛くなりそうなので、
下のほうの
「Screencasts」から見てみる。


Sencha Touch Introduction
http://vimeo.com/12636777


で、どんなＵＩが用意されているか、紹介している。

ここで紹介されている、Kitchen SinkのDemoは、

Sencha Touch Kitchen Sink Demo
http://dev.sencha.com/deploy/touch/examples/kitchensink/

でも見れる（ただし、ＨＴＭＬ５に対応しているブラウザならば）
右上のsourceボタンをクリックすると、ソースも見れる。


その次の段階として、パネルについてだが、これは、

Sencha Touch - Intro to Panels
http://vimeo.com/15879797

で説明している。

ビデオは英語だが、英語はわからなくても、画面をみているだけで、何をやればいいのかはわかる。

---

■画面作成ツール

　なお、こんなにめんどくさいことしなくても、


Ext Designer
http://www.extjs.co.jp/products/designer/


があれば、ＧＵＩで画面を作れるらしい(ただし、有料）。

---

こんかいは、ここまで。