jQuery Mobileでかんたん
スマートフォン向けWebサイト制作
- 著者 相澤 裕介
- 判型 B5変型, 216頁
- 本体価格 2,000円
- ISBN 978-4-87783-287-2
本書について
スマートフォンの特長は、PC用のWebサイトをそのまま閲覧できること。このため、PC用のWebサイトを用意するだけで「パソコンでもスマートフォンでも閲覧できるWebサイト」を作成できます。にもかかわらず、最近ではスマートフォン用のWebサイトを新たに用意するところが増えてきました。
もちろん、これには然るべき理由があります。というのも、画面が小さいスマートフォンでPC用のWebサイトを閲覧すると、文字が小さくて読みにくく、リンクなどの操作がまともに行えないケースがあるからです。画面表示を拡大すれば解決できる問題ですが、そのぶん表示される範囲が小さくなり、頻繁にスクロールしなければならなくなります。要するに、『閲覧することは不可能ではないが、とても使いづらい……』というWebサイトになってしまうのです。
これらの不具合を解消するために、画面レイアウトなどを調整したものがスマートフォン用のWebサイトです。そして、このスマートフォン用のWebサイトを手軽に作成できるツールが本書で解説するjQuery Mobileです。
jQuery MobileはHTMLの拡張として機能するため、これまでに蓄えてきたHTMLやCSSの知識を活かしながらスマートフォン用のWebサイトを作成できます。jQuery Mobileがなくてもスマートフォン用のWebサイトは作成できますが、jQuery Mobileを使用した方が何倍も快適に、短時間でWebサイトを作成できるでしょう。
jQuery Mobileを使うにあたり、必要となるソフトウェアやWeb環境は特にありません。手軽に導入できるので、この機会にぜひjQuery Mobileの魅力を体験してみてください。本書がその一助となれば幸いです。
目 次
- 第1章 jQuery Mobileの概要と準備
- 1.1 jQuery Mobileとは…？
- 1.2 jQuery Mobileを使ったWebの作成
- 1.3 スマートフォン用のWebサイトの公開
- 1.4 Mobilizerを利用したWebサイトの表示確認
- 第2章 jQuery Mobileの基本
- 2.1 HTMLファイルの構成
- 2.2 各ページの記述とページの移動
- 2.3 コンテンツとヘッダー・フッター
- 2.4 リストビューの作成
- 2.5 テーマの指定
- 第3章 jQuery Mobileのさまざまな機能
- 3.1 リストビューのカスタマイズ
- 3.2 アニメーション効果の指定
- 3.3 ボタンの配置
- 3.4 ナビゲーションバー
- 3.5 開閉式のパネル
- 3.6 フォームの作成
- 3.7 レイアウトグリッド
- 第4章 テーマローラーとCSS
- 4.1 テーマローラー
- 4.2 jQuery Mobileのデザインサンプル
- 4.3 クラスを利用したテーマの指定
- 付 録 jQuery Mobileリファレンス
サンプルファイル
本書で紹介したサンプルを掲載しています。
サンプルファイルを参照←クリックすると、ページへ移動します。