スマートフォンサイト 開発

  • 2011/06/25(土) 17:20:16

っていうことでスマートフォン用サイト開発について学ぶ機会があったのでメモ書き。まぁjQueryMobile使えば簡単に開発できますよ〜っという感じです。Android版を作成後にiPhone版へ移植というのも簡単にできるということで今後多くのサイトが導入してくるはず。講師の話ではSenchaTouch比較してもjQueryで作成できるから楽だったそうです。

興味のある方はこちらもどうぞ。
android iret

・jQueryMobile
⇢まとめ
スマホサイト構築用jQuery拡張プラグイン
HTML5と組み合わせてシンプルにスマホサイト構築
スマホ用のコンポーネント
iOSやAndroid以外にも様々なOSに対応
PCブラウザでも動作チェック可
jQueryMobileがHTMLを解析しスマホに最適化したHTMLを吐き出す。
解析にはデータロールを定義する必要あり。
リンク貼っただけでAjaxでスマホのページ遷移を実現
1枚のHTMLで複数ページ作成可能
イベントも細かく設定できる(6段階)
JQuqeyMobile自体の初期化メソッド有り(エラーメッセージなど様々な設定可)
Androidの機能と連携可能(ボタンや電話などなど)
jQueryMobile利用で既存HTMLも使い回し可能
jQueryMobileでAndroid版⇢カスタマイズでiPhone版
↪少しの手間でiPhone対応も可能なのでそんな提案も可能

⇢必要なモノ
jQuery(1.4以降)
jQueryMoble

⇢公式
jQueryMobile
公式サンプル
jQuery

・Sencha Touch1.1
⇢まとめ
JavaScriptライブラリ
ExtJsをスマホ向けにしたもの
PCブラウザで動かない。
jQueryMobileより先発
コーディングルールがガチガチで、凝ったことがやりにくい。
人気端末向けのチューニング
最近、完全無料になった。
⇢公式
Sencha Touch

・WinkToolkit
⇢まとめ
JavaScriptライブラリ
エフェクト・3D表示に特化