知識0からのjQuery Mobileを使ったサイト制作に役立ったサイト

このブログのスマートフォンページをjQuery Mobileを使用して制作してみました。
それ以前はjQuery Mobileについてほぼ知識0の状態だった私が、今回の制作にあたり役に立ったサイトをまとめました。

このブログのスマートフォンページをjQuery Mobileを使用して制作してみました。

それ以前はjQuery Mobileについてほぼ知識0の状態だった私が、
今回の制作にあたり役に立ったサイトをまとめました。

jQuery Mobile

jQuery Mobile | jQuery Mobile

jQuery Mobile | jQuery Mobile

本家本元。
敢えて紹介するまでもないのですが一応。
現在のバージョンは1.0RC2(2011.11.01現在)です。そろそろ正式版がでる予定です。

jQuery Mobile 1.0b1 日本語リファレンス

jQuery Mobile 1.0b1 日本語リファレンス

jQuery Mobile 1.0b1 日本語リファレンス

バージョン1までの内容ですがjQuery Mobileの日本語リファレンスです。
全体のボリュームもそう多くないので全てに目を通してもそんなに時間かかりません。
実際に自分でサンプルコードを書きながらやると読み終わった時には概要は理解できてます。

jQuery Mobile の紹介

jQuery Mobile の紹介

jQuery Mobile の紹介

このサイトに目を通さなくてもjQuery Moblieは使える様になるのですが、
より深く理解する為には読んでおくと良いです。

西畑一馬のjQuery Mobileデザイン入門

ASCII.jp:西畑一馬のjQuery Mobileデザイン入門

ASCII.jp:西畑一馬のjQuery Mobileデザイン入門

基礎から応用までステップ式に学べ、まさに入門に最適です。
一通り学べばjQueryMobileを使って凝ったサイト制作の方法まで身につきます。

jQueryMobileを使ってのスマートフォンサイトの構築メモ

jQueryMobileを使ってのスマートフォンサイトの構築メモ

jQueryMobileを使ってのスマートフォンサイトの構築メモ

jQueryMobileのTipsだけでなくスマートフォンサイト構築に役立つTipsも載ってます。

jQueryMobileのかゆいところに手が届くお作法メモ

jQueryMobileのかゆいところに手が届くお作法メモ

jQueryMobileのかゆいところに手が届くお作法メモ

こちらのTipsの紹介なのですが、特にeventやAjax関連について書かれてて、
私の知識ではカバーできない部分だったので非常に助かってます。

jQuery Mobileを使う際に知っておくと役立ちそうなTipsや情報のまとめ

jQuery Mobileを使う際に知っておくと役立ちそうなTipsや情報のまとめ

jQuery Mobileを使う際に知っておくと役立ちそうなTipsや情報のまとめ

Tipsがまとめられてます。他サイトと内容が被るものも幾つかあるのですが、
Tips以外にwordpressテーマやwebサービスの紹介も。

jQuery Mobile リファレンス的なもの

jQuery Mobile リファレンス的なもの

jQuery Mobile リファレンス的なもの

チートシートの代わりになります。
data-* 属性は一度読んだだけでは覚えられないのでこちらのサイトと日本語リファレンスを
何度も行ったり来たりしました。

jQuery Mobileを使ったスマートフォンサイト制作に役立つスニペット

jQuery Mobileを使ったスマートフォンサイト制作に役立つスニペット

jQuery Mobileを使ったスマートフォンサイト制作に役立つスニペット

割とよく使いそうなTipsが書かれてます。
google mapの使い方やanalyticsの設置方法なども参考になります。

Dreamweaver CS5.5でスマホアプリ作ってみた

ASCII.jp:Dreamweaver CS5.5でスマホアプリ作ってみた

Dreamweaver CS5.5でスマホアプリ作ってみた

私はCS5なので関係無いのですがCS5.5をお持ちなら目を通しておくと良いと思います。

ThemeRoller

ThemeRoller | jQuery Mobile

ThemeRoller

web上でjQuery Moblieのテーマを作成しダウンロードできます。
丁度自分でテーマをカスタマイズしてる時に知りました。もっと早く知っていれば…

まとめ

基本的な使用方法を学べば、jQuery Mobileを使ったサイト制作は驚く程簡単です。
ただ、テーマの変更や凝った使い方をしようとする場合はより技術的な側面を学ぶ必要がありそうです。
このblogのスマートフォンサイトもまだ手直しする部分が幾つかあるので学びながら対応中です…

Add Comment

本文

  1. [...] 知識0からのjQuery Mobileを使ったサイト制作に役立ったサイト | Design Spice [...]

  2. ご存知かと思いますが、「jQuery Mobile リファレンス的なもの」は、「jQuery Mobileを使ったスマートフォンサイト制作に役立つスニペット」に出演された吉川 徹氏のサイトです。

  3. hiro

    >allWeb
    そうだったんですね、知りませんでした(苦笑)
    確かに制作された方は精通してるのだろうと思ってましたが、なるほど合点がいきました。

  4. [...] 知識0からのjQuery Mobileを使ったサイト制作に役立ったサイト | Design Spice http://design-spice.com/2011/11/02/jquery-mobile/ jQueryMobileを使う予定の人は [...]

PAGE TOP