キーボードショートカット一覧 j次のブックマーク k前のブックマーク lあとで読む eコメント一覧を開く oページを開く ✕
キーボードショートカット一覧 j次のブックマーク k前のブックマーク lあとで読む eコメント一覧を開く oページを開く ✕
わずか5kbの大きさしかないモバイルに最適化したjQuery互換ライブラリのjqMobiがバージョン1.1を公開しました。 1.1では、主に以下の改善点があると報告されています。 iOS5以上でのネイティブスクローリング Androidでのチャイニーズキーボード修正 JSスクローラの改善 $().html()が2番目のパラメータとして“cleanup”に対応。destroyイベントのディスパッチ用 setTimeoutの代わりに新しくすぐ実行するための $().asap()ファンクションを実装 DOMノードに対するイベントのバインドとトリガーのための$.bind/$.triggerの実装 小型軽量だが、UIフレームワークやプラグインも jQueryがデスクトップPCからモバイルデバイスまで、あらゆるWebブラウザを対象に開発されているのに対し、jqMobiはjQueryのサブセットとしてW
モバイルデバイスのレンダリングエンジンとして事実上の標準になっているWebkitに特化し、iOSやAndroidに最適化したJavaScriptフレームワークの「jqMobi」が、正規版となる1.0を公開しました。 jqMobiは、jQuery Mobileと同様にHTML5をベースにモバイルアプリケーションを開発できるJavaScriptフレームワークのコアモジュール。jQueryと同様の文法を備えたセレクタエンジンです。 ユーザーインターフェイスを構築するモジュールである「jqUi」と合わせて使うことで、HTML5のタグを記述することによりモバイル向けユーザーインターフェイスを備えたアプリケーションの開発が可能になります。 小さくて早いのが特徴 jqMobiとjqUIの特徴は、Webkit上でのモバイル向けアプリケーションに特化したことでサイズを小さくできたこと、環境に最適化できたこと
jqMobi 1.0が出て1週間経つというのに、「出ました」系記事しかないような感じなので、「使ってみた」系の記事を書いてみようと思う。 1. ダウンロード https://github.com/appMobi/jQ.Mobi/downloads から、1.0a.zipをダウソ。1.0.zipと何が違うかは知らない。 展開してテケトーな名前に変更。 mv 1.0a hello 2. 下ごしらえ ディレクトリ名とかカオスなので整理。ここに出てこないものは削除しちゃっていい。 mv kitchensink styles mkdir js cp ui/jq.ui.min.js js 3. テンプレ http://www.jqmobi.com/quickstart.php のサンプルを俺風味に整理したもの。 index.html <!DOCTYPE html> <html> <head> <tit
jqUIのイベント関連を見てみる。 ページ読み込みイベント $.ui.ready jQuery Mobileだと初期ページのpageinitあたりに該当するか。 (普通のDOM構築完了のほうはjqMobiの$.readyを使えばよい。) 違うのは、このイベントの発行をユーザ自身が決められるということ。 $.ui.autoLaunch 準備完了かを自動で処理するかどうかのフラグ。デフォルトtrue。 falseにしておくと$.ui.launch()を呼ぶまで$.ui.readyを呼ばない。初期処理とかそのへんに使うんだと思う。 サンブルではスプラッシュスクリーンとか出したりしてる。 $.ui.launch() 「初期処理終わったんで、$.ui.readyに処理移しちゃってくださいな」メソッド。 panel単位のイベント jQuery Mobileみたいなpageshow/pagehideとか
jqMobiを使って、みんな大好きAjaxを使ったサンプルを書いてみる。 Ajaxのサンプルといえば、Twitter Search APIをJSONPで叩くというのが世のならわしなのでそれに従う。(そうなの? 土台のHTML まずはpanel要素。検索フィールドを置いて、結果を#resultsにつっこむという算段。 <div id="search" class="panel" title="Twitter Search"> <form id="search-form" action="#" method="get"> <input id="search-word" type="search" name="q" placeholder="Input search word." /> </form> <ul id="results"></ul> </div> Ajaxでリクエストを投げる 続い
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く