Sencha Touchのソースを表示

{{Infobox Software
| screenshot = [[File:P14.png|250px]]
| caption = iPhoneアプリケーションのように見えるSencha Touchアプリケーション
| name = Sencha Touch
| developer = Sencha
| status = 現行
| latest release version = 2.4
| latest release date    = {{Start date and age|2014|08|25}}
| programming language = [[JavaScript]]
| operating system = [[Android]]、[[iOS (アップル)|iOS]]、[[ブラックベリー (企業)|BlackBerry]]、[[Amazon Kindle|Kindle]]
| language = 英語
| genre = [[JavaScript library]]
| license = [[GNU General Public License|GPLv3]]もしくは[[商用ソフトウェア|商用]]
| website = {{URL|www.sencha.com/products/touch}}
}}
'''Sencha Touch'''とは特に[[モバイルサイト]]の構築のために使われる[[ユーザインタフェース]](UI)JavaScript libraryおよびフレームワークである。{{仮リンク|ウェブ開発者|en|Web developer}}が携帯端末に対応する{{仮リンク|モバイルアプリケーション開発|en|Mobile application development|label=ネイティブアプリケーション}}のようなモバイル[[ウェブアプリケーション]]のユーザインタフェースを開発するのに使われる。[[HTML5]]、[[Cascading Style Sheets|CSS3]]、[[JavaScript]]といった[[ウェブ標準]]に完全に基づいている。Sencha Touchは開発者がAndroidやiOS、BlackBerryで動くHTML5ベースのモバイルアプリケーションを迅速かつ簡単に開発することやブラウザ内でネイティブアプリケーションのようなエクスペリエンスを作り出すことを目的としている。

== バージョン史とサポート ==
Sencha Touchは[[Ext JS]]、[[jQTouch]]、[[Raphaël (JavaScript library)|Raphaël]]で構成される後に人気を得たJavaScript libraryのSenchaの1製品だった<ref>http://www.sencha.com/blog/2010/06/14/ext-js-jqtouch-raphael-sencha/</ref>。2010年7月17日にSencha Touchの初版であるバージョン0.90ベータが公開された。このベータ版は[[Android]]、[[iOS (アップル)|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、[[Mobile Safari|Safari]]といった[[WebKit]]使用ブラウザで動作するように設計されている。SenchaはWindows Phoneのバージョン2.xシリーズに対応する意向を表明したが、Firefox Mobileに対応する計画は無い。

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

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

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

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

== 関連項目 ==
{{ウィキポータルリンク|FLOSS}}
* {{仮リンク|携帯端末におけるHTML5|en|HTML5 in mobile devices}}

== 脚注 ==
{{reflist}}

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

== 外部リンク ==
* {{Official website|sencha.com/products/touch}}
* [http://www.sencha.com/learn/touch/ Tutorial]
* [http://try.sencha.com/ Examples]


[[Category:JavaScript]]
[[Category:HTML]]
[[Category:API]]