jQuery Mobileを利用すると、簡単なHTMLを用意するだけでスマートフォンサイトを作成できます。今回はシンプルな会社案内サイトを実際に作りながら、jQuery Mobileの基本的な使い方を学習しましょう。 以下のような会社案内サイトを作成します。 トップページのメニューをタップすると各ページへスライドして移動するシンプルなスマートフォンサイトです。まずはトップページ部分から作ってみましょう。 jQuery MobileとHTML5 jQuery MobileはHTML5のカスタムデータ属性でさまざまな設定を定義するので、jQuery Mobileを利用するWebページはHTML5で記述します。HTML5と聞くとハードルが高そうですが、最低限の約束ごとさえ守れば決して難しくありません。 次のようなHTMLを雛形として用意します。 <!DOCTYPE html> <html> <h
![いまから始める、jQuery Mobileの基本 (1/4)](https://cdn-ak-scissors.b.st-hatena.com/image/square/3a2de29eea7fa27fa9097cc172a5ef11d48e2e5d/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2011%2F12%2F28%2F313847%2Fl%2Fd1e54e52f529687f.png)