Web制作／システム開発
COTOHOGI
- URL：http://www.cotohogi.com/sp/
- 企業名：
福岡のWebデザイン事務所「COTOHOGI」（コトホギ）のスマートフォンサイト。jQuery Mobileのページ遷移効果を利用。モノトーンでまとめた、シンプルで美しいデザイン。独自に実装しているパンくずナビゲーションなど、使い勝手へのこだわりがうかがえる。
カラーエナジ
- URL：http://colorenergy.biz/rwd/
- 企業名：カラーエナジ
東京のWeb制作会社「カラーエナジ」のスマートフォンサイト。jQuery Mobileとレスポンシブ・Webデザインを組み合わせ、スマートフォンとタブレットで異なる見せ方をしている。
株式会社ウフル
- URL：http://uhuru.co.jp/sp/
- 企業名：ウフル
セールスフォース・ドットコムの導入支援、カスタマイズなどを手掛ける「ウフル」の会社案内サイト。会社概要、アクセスマップなどを提供。jQuery Mobileの基本機能をベースに、テーマをカスタマイズして利用している。
デザインワークス・オンサイド
- URL：http://www.onside.com/
- 企業名：デザインワークス・オンサイド
大阪を中心に活動するデザイン事務所のポートフォリオサイト。リストビューやページ遷移効果など、jQuery Mobileの基本機能を利用。アイコンやヘッダー画像をアレンジすることで独自性を出している。
15VISION
- URL：http://15vision.jp/mobile/
- 企業名：15VISION
金沢のWebデザイナー、いちがみ トモロヲ氏のポートフォリオサイト。jQuery Mobileとレスポンシブ・Webデザインを組み合わせて制作されており、画面サイズに応じてレイアウトやデザイン、ページ遷移効果が切り替わる。jQuery Mobileの高度なカスタマイズ例。
ウェブアシスト
- URL：http://www.web-assist.jp/iphone/
- 企業名：ウェブアシスト
Webシステム開発、Webサイト制作を手掛ける「ウェブアシスト」のスマートフォンサイト。サービス内容、制作実績などを紹介。ヘッダー／フッターなど、デザインのカスタマイズを最小限にとどめる一方、アニメーションを効果的に活用している。
アップルップル
- URL：http://www.appleple.com/
- 企業名：アップルップル
名古屋のWeb制作会社「アップルップル」のスマートフォンサイト。独自開発のCMS「a-blog cms」とjQuery Mobileを使って構築されている。リストビュー、ページ遷移効果、フッターの固定配置など、jQuery Mobileの特徴的な機能を使用。アイコンや見出しなど細部までカスタマイズされている。
その他
みふねたかしのイラスト（モバイル版）
- URL：http://mobile.millust.com/
- 企業名：―
イラストレーター、みふねたかし氏のポートフォリオサイトのスマートフォン版。イラストや4コマ漫画などの作品をjQuery Mobileのスライドアニメーションで次々と閲覧できる。イラストを効果的に使ったスマートフォンサイト。
jQuery Mobileでオリジナルデザインを実現するには？
jQuery Mobileのデザインは似たりよったりでつまらない――。そんな悩みを解決するのが、「jQuery Mobile スマートフォンサイト デザイン入門」（Web Professional Books）。本書では、全体の約4割を「カスタマイズ編」に割き、jQuery Mobileでオリジナルデザインを実現する方法をしっかり解説しています。
本書のオリジナルサンプル。本記事で紹介している事例にも引けを取らない本格的なサンプルを用意しました
jQuery Mobileのカスタマイズノウハウはネット上でも少ないだけに、実務で使える情報を探している方にもオススメの1冊です。
■Amazon.co.jpで購入
jQuery Mobile スマートフォンサイト デザイン入門 (WEB PROFESSIONAL)西畑一馬、鍋坂理恵(著)アスキー・メディアワークス
