システム開発に役立ちそうな情報を日々メモしています。世の中の開発現場が少しでも平和になることを祈ります。
システム開発に役立ちそうな情報を日々メモしています。世の中の開発現場が少しでも平和になることを祈ります。
連載:jQuery Mobile入門 第5回 jQuery MobileでJavaScriptプログラミング ― グローバル設定とイベント ― 山田 祥寛 2012/05/17 ■jQuery Mobileのイベントを理解しよう jQuery Mobileで提供されるイベントは、ごく大まかには「ページ・イベント」「タッチ・イベント」「そのほか端末操作に関わるイベント」に分類できる。その中で、特にページ・イベントとタッチ・イベントは頻繁に利用することになるはずだ。本稿でも、この2点に絞って解説を進めていく。 ●ページ・イベントを理解する jQuery Mobileがページの描画/遷移に当たってさまざまな自動処理を行っていることは、これまで何度も述べてきた。そして、これら自動処理を手軽にカスタマイズするのがグローバル設定の役割だったわけだ。 もっとも、グローバル設定は、あくまでjQuery M
jQuery Mobileはたいへん便利だが、BootstrapのGlyphiconsほど豊富なアイコンは用意されていない。ボタンやナビゲーションにちょっと気の利いたアイコンを加えたいときに不便である。Glyphiconsを引っ張ってくるのも面倒だし、何か良い方法はないか、そういえばGlyphiconsにインスパイアされたWebフォントがあったな、と記憶の糸をたどって検索。そうしたらFont Awesome icons now included in jQuery Mobile Icon Pack – andy matthewsというまさに求めていたものが見つかった。 jQuery Mobile Icon Packは、Font AwesomeをjQuery Mobileから使えるようにまとめたもので、CSSのフォルダにいくつかファイルを追加するだけで使えるようになる。リンク先のGithub
jQuery Mobileでサイト構築をはじめる jQuery Mobileはタッチパネルに最適化されたUIウィジェットとAJAXによるアニメーション効果のついたスムーズなナビゲーションシステムを実装しています。ここでは、最初のjQuery Mobileページを簡単につくってみましょう。 基本的なページのテンプレートをつくる 好きなテキストエディタを使って、次のテンプレートをコピーしてファイルを作ってください。そしてブラウザで開いてみましょう。これだけでもう、モバイル開発の第一歩は完了です! テンプレートには、次のものが含まれています。まず head 要素には meta 要素として viewport が設定されています。これは、画面の横幅などを定義するものです。そしてjQuery本体とjQuery Mobileのスクリプトとテーマ用のスタイルシートをCDNから取得するようにしています。jQ
AndroidプログラミングのTOPへ 重要なお知らせ: この記事で公開した情報は,AndroidのMVCフレームワーク「Android-MVC」の機能の一部として取り込まれました。 より正確な設計情報や,動作可能な全ソースコードを閲覧したい場合,「Android-MVC」の公式ページより技術情報を参照してください。 AndroidのMVCフレームワーク - 「Android-MVC」 http://code.google.com/p/android-mvc-... jQuery Mobileは, スマホ向けの動的UIを,JavaScriptを書かずに作成できるツール。 HTML5を書くだけで,動きのある画面がコーディングできる。 極めて恐るべきUI構築能力を持っているので,「UIのためのDSL(ドメイン特化言語)」と呼んでもいいぐらいだ。 このライブラリは,Webサイトの画面だけでなく,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く