jQuery mobile beta1リリース

 

スマートフォン開発で注目されている「jQuery mobile」

 

ソーシャルゲームでは開発プロセスに取り入れられていたり、注目度が高いのですが。

jQuery mobileの開発バージョンは、今週6/20 Mon にbeta1リリースが発表されたばかりで、

ようやく仕様Fixという状況です。

 

自分もあるサイト開発でAlpha4からBeta1へ移行を実施したので、
注意点等、備忘録として下記します。

 

  • jQuery mobile 1.0.a4.1から 1.0.b1へのアップデート注意点
  1. デフォルトでスマートフォン表示に最適化されない
  2. 以下のmetaタグを加えると解決(alpha版まではjsで生成されていたらしい)

    <meta name=”viewport” content=”width=device-width, initial-scale=1″>

  3. ajax遷移のフラグがalpha版の仕様から変更
  4. alpha 1.0.a4.1 では、以下2つの変数を無効にすればよかったのですが

    $.mobile.ajaxLinksEnabled=false;
    $.mobile.ajaxFormsEnabled=false;

    beta 1  からはajaxEnabledという変数をfalseにする必要があります。
    $.mobile.ajaxEnabled=false;

    下記のように、mobileinit関数にバインドする事で、ajax遷移(画面遷移時のスライド等)が無効化されます。

    $(document).bind("mobileinit",function(){
    $.mobile.ajaxEnabled=false;
    });

  5. backボタン
  6. alphaではデフォルトで「back」ボタンが有効でしたが、betaからデフォルトが無効になりました。addBackBtn変数を”true”にする事で、デフォルトでbackボタンが表示されるようになります。
    $(document).bind(“mobileinit”,function(){
    addBackBtn=true;
    });

  7. cssの変更
  8. cssの構造も若干変更されているので、cssグラデーション等でカスタマイズしているサイトも影響があるようです。

  9. clickイベント
    jQuery mobileのフレームワーク内でjsのclickイベントをバインドするようになったので、サイト側でclickイベントのバインドを利用している場合、alpha版と動作が異なる場合があるらしいです。
  10. その他、機能改善
  11. ・ブラウザのアドレスバーが自動的に隠れるようになった
    ・画面遷移のajaxアニメーションがかなり改善された

  12. XSS脆弱性のセキュリティアップデート
  13. githubで指摘されていたXSS脆弱性がFixされたそうです
    https://github.com/jquery/jquery-mobile/pull/1789
    この指摘は笑えないので、alpha版を利用しているサイトは早急にBetaへアップデートした方がいいですね・・・

    ※まとめ

    ・XSS脆弱性対策としてalphaからBetaへのアップデートは必須
    ・ajax関連はかなり改善されたが、画面遷移のajaxを使うのはリスク大
    ・今後のアップデートでajaxやレンダリングの安定が見込めるので、Betaリリースを機会に手を出してみるといいかもしれない

     

    ※出典:

    解決策など、こちらのブログが参考になりました

    「jquery mobile beta1でハマった点まとめ」

    http://yslibrary.wordpress.com/2011/06/21/jquery-mobile-beta-1-tips/

     

hidenori

Web、モバイル関連、コンシューマゲーム、モバイルコンテンツ等、 コンテンツ全般の開発や制作、コンテンツのバックエンドになる技術等を扱っています。 開発系 .net / mono、Java, javascript, c++, c, Perl, PHP, phython, インフラはAWSとLinux仮想化で自前構築 ・経歴 ⇒外資|ゲーム開発|ローカライズ|SE|QA|PD|PG|SE|大学 ⇒Web|SE|ベンチャー|コンテンツ|音楽⇒外資|ケータイ|ゲーム ⇒Web|SE|ベンチャー|音楽|大学院|ケータイコンテンツ|スマートフォンコンテンツ|独自コンテンツ配信 いろいろやってます

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です