スマホアプリ開発者向け IDCFクラウド活用セミナー 2012年6月14日(木)18:30~ @IDCフロンティア ~『短期間でのスマホ向けweb開発について』~ セミナー資料Read less
jQuery Mobileの概要 jQuery Mobileは、jQueryをベースとした、スマートフォン向けのフレームワーク※1です。 スマートフォン向けの直観的かつ使いやすいUIを瞬時に作成できます。 ※1フレームワーク:アプリケーション制作の土台を作ってくれるソフトウェアのこと デザイナー好みの「手軽さ」と「自由さ」を兼ね備え、デベロッパーが求める「リッチなヴィジュアル」のスマートフォンUIが作成できます。 指定した形式でHTMLを書くことで、自動的にスマートフォン向けにデザインされたネイティブアプリケーションさながらのページが瞬時にしてできあがります。(jQuery Mobileが作成できるのは、ウェブアプリケーションです。) 2010年10月にアルファ版がリリースされ、2011年11月ついにjQuery Mobile1.0正式版が公開されました。現在も、jQueryの開発者で
アイコンの追加 jQuery Mobileでは、モバイルアプリでよく使うと思われるアイコンのセットを用意しています。ダウンロードサイズを最小化するために、アイコンは1枚の画像をスプライトで使います。白いアイコンが黒い円に自動的に半透明になって重ねられ、背景と上手く組み合わせられます。 アイコンをボタン上に表示させるには data-icon 属性をアンカーに指定してやります。たとえば、次のようにします。 <a href="/doc/jquery_mobile/" data-role="button" data-icon="delete">Delete</a> Delete アイコンセット 指定できるアイコンは、次のようなものがあります。 Left arrow – data-icon=“arrow-l” My button Right arrow – data-icon=“arrow-r” M
jQuery Mobile でページ遷移がおかしいとき しょっちゅうあります. これらの挙動へのカウンターとしてページ遷移する直前に,保存されているpageオブジェクトを取得してプロパティを書き換えたりすることがあります. var active = $.mobie.urlHistory.getActive(); var prev = $.mobie.urlHistory.getPrev(); var next = $.mobie.urlHistory.getNext(); こんなカンジで,オブジェクトが手に入ります. このオブジェクトがpageを持っていますので,適当に操作すると症状が改善したりします. たとえばの例 2011-06-22追記.jQuery Mobile Beta1でこの挙動は改善されているため,これは古いノウハウとなりました. jQuery MobileのreFocusと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く