Sencha Touch

Sencha Touchとは特にモバイルサイトの構築のために使われるユーザインタフェース(UI)JavaScript libraryおよびフレームワークである。が携帯端末に対応するのようなモバイルウェブアプリケーションのユーザインタフェースを開発するのに使われる。HTML5、CSS3、JavaScriptといったウェブ標準に完全に基づいている。Sencha Touchは開発者がAndroidやiOS、BlackBerryで動くHTML5ベースのモバイルアプリケーションを迅速かつ簡単に開発することやブラウザ内でネイティブアプリケーションのようなエクスペリエンスを作り出すことを目的としている。

 バージョン史とサポート 
Sencha TouchはExt JS、jQTouch、Raphaëlで構成される後に人気を得たJavaScript libraryのSenchaの1製品だったhttp://www.sencha.com/blog/2010/06/14/ext-js-jqtouch-raphael-sencha/。2010年7月17日にSencha Touchの初版であるバージョン0.90ベータが公開された。このベータ版はAndroid、iOS（iPhone、iPod touch、iPad）が動作する端末に対応した。その後、2010年11月に初の安定版であるバージョン1.0が公開された。バージョン1.1.0ではBlackBerry OSバージョン6が動作する端末に対応した。2012年3月7日に最新バージョンのSencha Touch 2が公開された。これはAndroid、Google Chrome for Android、RIM Blackberry Browser、Bada Mobile Browser、Kindle Fire Browser、SafariといったWebKit使用ブラウザで動作するように設計されている。SenchaはWindows Phoneのバージョン2.xシリーズに対応する意向を表明したが、Firefox Mobileに対応する計画は無い。

 機能 
Sencha Touchにはモバイルアプリケーション内で使用されるグラフィカルユーザインタフェース型コントロール（もしくはコンポーネント）のセットが含まれている。これらのコンポーネントはタッチ入力に最適化されている。そのコンポーネントには端末固有のテーマとエフェクトがあるボタン、電子メール、日付ピッカー、アドレス帳向けのテキストフィールドなどのフォーム要素、スライダーやセレクターやコンボボックス、モメンタムスクロールとインデックスバーがあるリストコンポーネント、ミニマルアイコンセット、ツールバーとメニュー、移動可能なタブ、最下部ツールバー、ピンチやズームといったマルチタッチジェスチャー対応の地図コンポーネントがあるhttp://notes.sencha.com/post/709462805/intro-to-sencha-touch。

全てのコンポーネントは目的の端末に合わせてテーマにすることができる。これはSassというCSS上で構築されたスタイルシート言語で使用され実行される。

Sencha Touchには現要素の上下スライド、ポップ、フリップ、キューブといった4つの内蔵トランジションエフェクトがあり、ウェブ標準だがAndroidやiOS、その他タッチジェスチャーが可能な端末にしか対応していないで構築された共通のタッチジェスチャーに対応している。

 ネイティブアプリケーションとの比較 
携帯端末におけるネイティブアプリケーションはカメラ、コンパス、マイクロフォンといった端末の内蔵機器にアクセスできるhttp://mobile.tutsplus.com/articles/news/sencha-touch-html5-mobile-framework/が、Sencha TouchはPhoneGapといったネイティブシェルを使用してアクセスできる。モバイルブラウザや端末はモバイルウェブアプリケーションが使用できるようにAPIやWebSocket、GPS、加速度計といった新しい規格にフル対応する形で進化したようにSencha Touchも特別にGPSをサポートしているhttp://www.mobilexweb.com/blog/safari-ios-accelerometer-websockets-html5。Sencha TouchはPhoneGapや自身のネイティブパッケージャーを使って現在ネイティブのみアクセスできる内蔵機器を持つ携帯端末にネイティブ対応するアプリケーションを製作したり、アプリケーションのマーケットプレイスで公開することもできるhttp://www.sencha.com/learn/Tutorial:A_Sencha_Touch_MVC_application_with_PhoneGap。このようなアプリケーションの機能はPhoneGapの機能による制限されることがあるが、Sencha TouchはSencha Touch 2 Preview SDKにある自身のネイティブパッケージャーを使うことができる。

 関連項目 



 脚注 

 関連文献 
 Jesus Garcia and Anthony De Moss, Sencha Touch in Action (Early access edition), ISBN 978-1-61729-037-4.

 外部リンク 


Category:JavaScript
Category:HTML
Category:API