HTML5とJavascriptによるモバイルアプリケーションアーキテクチャ
接続性は、もう一つの大きな考慮事項である。今日、3G ネットワークやWIFIが広く使用されているが、いつも接続性を想定できるわけではない。幸運にも、HTML5には、キャッシュ機能があるので、サイトリソースをローカルに「キャッシュ」でき、非接続モードで動く。キャッシングは、下に示すようにルートレベルのHTML要素に以下のものを追加することで、動作する。 <!DOCTYPE HTML> <html manifest="cache.manifest"> <body> ... </body> </html> マニフェストファイルはテキストファイルで、キャッシュをバイパスできるリソースやリソースが無い時に表示すべきものをコントロールする他のディレクティブと一緒にキャッシュされるリソースを定義する。ファイルが変更された時やJavaScriptAPIによって、キャッシュの更新や通知もコントロールされる。
jadeとjQuery Mobileの相性がいいね！ - Ken's Blog
Node.js + expressでアプリケーションを開発する時のテンプレートエンジンはデフォルトではjadeになっています。jadeは一見すると簡潔に書けて便利そうなのですが、普通にWebアプリケーションを作ろうと思うと、デザイナとの共同作業を考えると、使えないと思っていました。 なので、EJSを使うべきかと、いろいろ調べていたのですが、jQuery Mobileを使ってフロントを作るのであれば、jadeの方がその威力を発揮するのでは？と思いつき、試してみました。 結果は、いいね！の一言。jadeとjQuery Mobileの相性最高！と。どうしてもHTMLをデザインすると考えると、デザイナーとの作業分担を考える必要がありますが、jQuery Mobileを利用する場合は、デザインは基本的にjQery Mobileに任せることになり、アプリケーション開発者だけで開発の全てをやりきることが
ポケット詳細 jQuery Mobile辞典 サンプルサイト
ポケット詳細 jQuery Mobile辞典 サンプルサイト 1章jQuery Mobileについて 1-3 jQuery Mobileクイックスタート(全サンプル) 1-5 jQuery Mobileにテキストを省略させずに表示する 1-5 jQuery Mobileの定義済みクラス(オリジナルボタンアイコンの作成) 2章ページ構築 2-1 単一のHTMLでサイト構築する 2-2 複数のHTMLでサイト構築する 3章リンク 3-1 ページリンクを作成する 3-2 Ajaxを用いないリンク(1)—Ajaxを使用しないと明示する方法 3-3 Ajaxを用いないリンク(2)—外部サイトだと明示する方法 3-4 Ajaxを用いないリンク(3)—外部ドメインへのリンクを記述する 3-5 Ajaxを用いないリンク(4)—target指定をする 3-6 ブラウザの「戻る」リンクを作る 3-7 遷移しな
jQuery Mobileのよく使うスニペット3種
先日行われたSwapSkillsFreeEvent(3)「Dreamweaver CS5.5で作るjQuery Mobileを組み込んだスマートフォンサイト制作」で講演した際に要望の多かったスニペットを＋αして公開します。 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" /> <script src="http://code.jquery.com/jquery-1.5.2.min.js"></script> <script> // 初期設定 $(document).bind('mobileinit', function(){ // 日本語化 $.mobile.loadingMessage = '読み込み中'; $.mobile.pageLoad
『ｊＱuery Mobile 文字化け対策』
Jquery Mobileを使用して、スマートフォンのホームページを作成する場合、 問い合わせフォームなどで文字化けが発生した場合の対処方法を記載します。 文字コードは勿論、utf-8でＨＴＭＬファイルに指定します。 jQueryを使用しているため、それ以外の文字コードは文字化けが発生します。 問い合わせフォームの文字化けの原因はよくわかりませんが、Ajaxを使用設定していたためです。 ■対策 //jQuery mobile 初期化 $(document).bind("mobileinit", function(){ $.mobile.defaultTransition = "slidedown"; $.mobile.ajaxLinksEnabled = false; // Ajax を使用したページ遷移を無効にする $.mobile.ajaxFormsEnabled = false; /
jQueryMobileで$(document).ready()が動かない現象と、その対処 - ハードコイルド・ワンダーランド
最近はjQueryMobileをつかってhtml5/css3でウェブアプリを作っている。 jQuery Mobileは通常のhtmlをマークアップするだけで、それらしいモバイルサイトが作れる。 とても便利なのだが、前々から$(document).ready()がうまく動かないと感じていた。 以下はその調査と解決の記録である。 htmlを分割すると遷移先の画面で$(document).ready()が動かない 現象としてはhtmlが２つ以上ある場合に、遷移先のhtmlヘッダに記述された$(document).ready()が動作しない。 確実な原因はわからないのだが、デバッグしてみるとどうもjQueryMobileの仕様のようである。 ページ遷移をする際に、新しくhtmlを読み込むのではなく、既存のhtmlにdiv要素だけ挿入しているようなのである。 分かりにくのでスクリーンショットを貼った
jQueryMobile - DateBox Demo
jQuery-Mobile-DateBox DateBox is a small, android-esk date picker, using as many of the native jQueryMobile controls as possible. This is based in part on the work of Todd M. Horst, and his Android Like Date Picker 2 DateBox Features Auto-parses text entered into form element on open [any valid date string in your browsers locale, uses javascript:Date()] Input items on DateBox are directly editabl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
hima-j.in
struts2-jquery - Project Hosting on Google Code