知識0からのjQuery Mobileを使ったサイト制作に役立ったサイト
- 2011
- 11月
- 02日
このブログのスマートフォンページをjQuery Mobileを使用して制作してみました。
それ以前はjQuery Mobileについてほぼ知識0の状態だった私が、
今回の制作にあたり役に立ったサイトをまとめました。
jQuery Mobile
本家本元。
敢えて紹介するまでもないのですが一応。
現在のバージョンは1.0RC2（2011.11.01現在）です。そろそろ正式版がでる予定です。
jQuery Mobile 1.0b1 日本語リファレンス
バージョン1までの内容ですがjQuery Mobileの日本語リファレンスです。
全体のボリュームもそう多くないので全てに目を通してもそんなに時間かかりません。
実際に自分でサンプルコードを書きながらやると読み終わった時には概要は理解できてます。
jQuery Mobile の紹介
このサイトに目を通さなくてもjQuery Moblieは使える様になるのですが、
より深く理解する為には読んでおくと良いです。
西畑一馬のjQuery Mobileデザイン入門
ASCII.jp：西畑一馬のjQuery Mobileデザイン入門
基礎から応用までステップ式に学べ、まさに入門に最適です。
一通り学べばjQueryMobileを使って凝ったサイト制作の方法まで身につきます。
jQueryMobileを使ってのスマートフォンサイトの構築メモ
jQueryMobileを使ってのスマートフォンサイトの構築メモ
jQueryMobileのTipsだけでなくスマートフォンサイト構築に役立つTipsも載ってます。
jQueryMobileのかゆいところに手が届くお作法メモ
こちらのTipsの紹介なのですが、特にeventやAjax関連について書かれてて、
私の知識ではカバーできない部分だったので非常に助かってます。
jQuery Mobileを使う際に知っておくと役立ちそうなTipsや情報のまとめ
jQuery Mobileを使う際に知っておくと役立ちそうなTipsや情報のまとめ
Tipsがまとめられてます。他サイトと内容が被るものも幾つかあるのですが、
Tips以外にwordpressテーマやwebサービスの紹介も。
jQuery Mobile リファレンス的なもの
チートシートの代わりになります。
data-* 属性は一度読んだだけでは覚えられないのでこちらのサイトと日本語リファレンスを
何度も行ったり来たりしました。
jQuery Mobileを使ったスマートフォンサイト制作に役立つスニペット
jQuery Mobileを使ったスマートフォンサイト制作に役立つスニペット
割とよく使いそうなTipsが書かれてます。
google mapの使い方やanalyticsの設置方法なども参考になります。
Dreamweaver CS5.5でスマホアプリ作ってみた
ASCII.jp：Dreamweaver CS5.5でスマホアプリ作ってみた
私はCS5なので関係無いのですがCS5.5をお持ちなら目を通しておくと良いと思います。
ThemeRoller
web上でjQuery Moblieのテーマを作成しダウンロードできます。
丁度自分でテーマをカスタマイズしてる時に知りました。もっと早く知っていれば…
まとめ
基本的な使用方法を学べば、jQuery Mobileを使ったサイト制作は驚く程簡単です。
ただ、テーマの変更や凝った使い方をしようとする場合はより技術的な側面を学ぶ必要がありそうです。
このblogのスマートフォンサイトもまだ手直しする部分が幾つかあるので学びながら対応中です…
[...] 知識0からのjQuery Mobileを使ったサイト制作に役立ったサイト | Design Spice [...]
ピンバック by Webサイトやスマホサイト用のGUIテンプレートやフライヤーのテンプレートなど今日のまとめ | WDS — 2011年11月2日 @ 11:02 PM
ご存知かと思いますが、「jQuery Mobile リファレンス的なもの」は、「jQuery Mobileを使ったスマートフォンサイト制作に役立つスニペット」に出演された吉川 徹氏のサイトです。
コメント by allWeb — 2011年11月4日 @ 12:50 PM
>allWeb
そうだったんですね、知りませんでした（苦笑）
確かに制作された方は精通してるのだろうと思ってましたが、なるほど合点がいきました。
コメント by hiro — 2011年11月4日 @ 11:28 PM