このページの本文へ

あの有名企業も続々採用

jQuery Mobileを使った国内スマホサイトまとめ

2012年03月01日 11時00分更新

小橋川誠己/Web Professional編集部

  • この記事をはてなブックマークに追加
本文印刷

ECサイト(ネットショップ)


SELECSONIC.com

 「NATURAL BEAUTY BASIC」などで知られるアパレル大手、サンエー・インターナショナルが運営するファッション通販サイト。スマートフォンサイトでは雑誌掲載商品や新商品の紹介のほか、会員登録や実際の購入手続きもできる。jQuery Mobileのリストビュー、ヘッダー/フッター、ページ遷移効果、フォームなどを利用。大幅なカスタマイズで、独自のサイトデザインに仕上げている。


MiseDas(ミセダス)

 販促用POPや什器など、店舗用品の通販サイト「MiseDas」のスマートフォン版。 リストビュー、ボタンなど、jQuery MobileのUIをふんだんに利用しつつも、白と緑を基調としたオリジナルの配色でシンプルなデザインにまとめている。


E-カレンダー.com

 カレンダー専門の通販サイト「E-カレンダー.com」のスマートフォン版。リストビュー、フォーム、ページ遷移効果、フッターの固定配置など、jQuery Mobileの主要な機能を使って制作されている。


商品紹介/キャンペーンサイト

Adobe HTML5 特設サイト

 Webオーサリングソフト「Dreamweaver CS5.5」のプロモーション特設サイト。新機能であるjQuery Mobile連携機能のデモを兼ねた、シンプルなサイトになっている。


CAPCOM FIGURE BUILDER

 カプコンが製作するフィギュアシリーズのカタログサイト。jQuery Mobileのナビゲーションバー、開閉パネルなどを利用。黒を基調とした大幅なデザインカスタマイズで独自の世界観を演出している。


AIROU FROM THE MONSTER HUNTER

 カプコンのゲーム「モンスターハンター」シリーズに登場するキャラクター「アイルー」の情報サイト。関連商品、イベント情報の紹介など。jQuery Mobileの開閉パネル、リストビューなどを利用。イラストを使ってかわいらしくまとめている。


太鼓の達人学園(太鼓の達人×AKB48キャンペーンサイト)

 アーケードゲーム「太鼓の達人」のキャンペーンサイト。ゲームのプレイ結果を登録するとAKB48のメンバーからコメントがもらえる。2012年4月9日までの期間限定。スマートフォン版はjQuery Mobileのヘッダー/フッター、ナビゲーションバーなどの主要なUIを利用して制作されている。


小売・店舗サービス


丸善&ジュンク堂書店

 大型書店「ジュンク堂」と「丸善」の通販サイト「丸善&ジュンク堂書店」。スマートフォンサイトでは商品の検索、店頭在庫の確認ができる(購入手続きはPCサイトのみ)。ヘッダー/フッター、リストビュー、ボタンなど、jQuery Mobileの標準UIのみで制作されている。


ムエタイ・キックボクシングジム パーフェクト超人工房

 宮城、福島で展開するキックボクシングジムグループのスマートフォンサイト。黒と赤が基調のインパクトのあるデザイン。jQuery Mobileのリストビュー、開閉パネル、フォーム、ページ遷移効果などを利用。


■Amazon.co.jpで購入
Web Professionalトップページバナー

この記事の編集者は以下の記事をオススメしています

ASCII.jp会員サービス 週刊Web Professional登録

Webディレクター江口明日香が行く