Mobile端末向けのJavaScript Library"Sencha Touch"と"jQuery Mobile"

Web SiteをiPad, iPhone, iPod touch, Androidなどでもかっこ良く表示させる方法はないものかと調べたときのMemo.

Sencha Touch, jQuery Mobileを利用すればNative AppのようなUIを実現できそう。まだどちらも使ってないけど、軽く調べたことをまとめてみた。

< Sencha Touch >

  • JavaScript Framework
  • Bodyの中身はJavaScriptで動的に生成
  • MVCだし、Document(日本語)もしっかりしているので覚えるのにそんなに時間はかからなそう
  • SampleやDemoが豊富。
  • SwipeやPinchなどのTouch Eventを独自に実装しているらしい
  • GPLv3で利用できる。詳しくはOfficial Siteで。

 

< jQuery Mobile >

  • jQuery Projectの一つ。jQueryと一緒に使う。
  • Document部分はHTMLを記述。"data-role" propertyを設定するだけ(?)
  • まだAlpha Version. 現時点で 1.0 Alpah 4.1
  • MIT or GPLv2 (jQuery License)

 

Mobile前提のWeb Siteなら断然Sencha Touchがオススメ。

基本PC向けだけど、iPadやiPhoneでも綺麗に表示したい場合は一部jQuery Mobileを使う感じかな・・・。