タグ

jqueryとHTML5に関するwackeyのブックマーク (2)

  • JQueryMobileでらくらくアプリ開発をはじめよう(2)

    前回JQueryMobileのサンプルプログラムとしてToDo管理アプリのUIを作るところまで説明しました。 今回は、JavaScript(JQuery)とHTML5のWebStorageを使って実際にToDoを入力し、保存できるところまで つくりアプリを完成させます。 まずサンプルコードを書く前に、WebStorageについて少し説明します。 HTML5のWebStorageについて WebStorageはHTML5から新たに搭載された規格で、 Cookieのような働きをします。ローカルストレージという端末ごとの データ保存領域に(キー、バリュー)の組み合わせを保存できます。 しかし、Cookieと違う点としては、 ・CookieはHTTPリクエストを使ってサーバに値を送信するのに対して、 WebStorageはサーバ通信は必要とせず、ローカルで完結している。 ・サイズ制限が無い ・有効

    JQueryMobileでらくらくアプリ開発をはじめよう(2)
  • HTML5とjQuery Mobileを使い、わずか1週間でできたモバイル版Publickey

    昨日、Publickeyのモバイル対応版「Publickey Smart Edition」を発表しました。Publickeyのモバイル対応はずっと課題だったのですが、jQuery Mobileが登場したとき「これで簡単にモバイル対応ができる」と思い、jQuery Mobileが安定するタイミングを待っていました。 8月に「そろそろ大丈夫だろう」と思って開発を始めたところわずか1週間程度でモバイル対応ができあがってしまい、今週jQuery Mobileのβ3が出てフィーチャーフリーズになったのに合わせて試験運用を開始しました。 Publikceyのモバイル版の開発は、おおむね3つのステップ「モバイル用HTMLの生成」「jQuery Mobileによるタッチインターフェイスの構築」「小さな画面に合わせた画像縮小」から構成されています。ここではその裏側を少し紹介しましょう。 CMSでモバイル用H

    HTML5とjQuery Mobileを使い、わずか1週間でできたモバイル版Publickey
  • 1