(株)サイズ、「カプコンフィギュアビルダー」の携帯・スマートフォンサイトを「jQuery Mobile」で構築

Web制作とCMS開発を行なう株式会社サイズ(本社:東京都渋谷区 代表取締役:糟谷 博陸 以下、サイズ)は、株式会社カプコン(本社:大阪府大阪市 代表取締役社長 最高執行責任者:辻本 春弘 以下、カプコン)の「カプコンフィギュアビルダー(CFB)」モバイルサイトを、「jQuery Mobile」(注)を用いて構築いたしました。 なお、CFBモバイルサイトは2011年3月31日に公開されました。

カプコンフィギュアビルダー(CFB)モバイルサイト
※携帯・スマートフォン兼用 PCで閲覧する場合はブラウザの幅を狭めてご覧ください。

(注)「jQuery Mobile」とは:
JavaScriptで開発されたAjaxライブラリとして高い人気を博す「jQuery」のモバイル版。 2011年3月現在で最終α版が公開されている。 スマートフォンを含む各種モバイルOS・デバイスに対応し、モバイルユーザーインターフェース対応の部品が数多くそろっているため、ごく簡単にモバイルサイト・アプリケーションが開発できると期待されている。

背景

CFBとはカプコンの製作するフィギュアシリーズの総称で、ゲーム「モンスターハンター」シリーズを中心としたフィギュアを紹介するPC用公式サイト( http://www.capcom.co.jp/goods/cfb/)を2010年10月にオープンしています。
このほど、同サイトを携帯やスマートフォンからでも快適に閲覧し、より多くのユーザーにCFBの魅力を伝えていきたいというカプコンからの要望に基づき、サイズでは、携帯・スマートフォン兼用のモバイルサイトを構築いたしました。

サイト構築のポイント

カプコンが誇る人気ゲームシリーズのフィギュアの魅力を最大限に引き出し、かつユーザーに見やすく使いやすいモバイルサイトを構築するためには、モバイルという狭い画面上で「動き」を持たせたデザインにする必要がありました。
殊にスマートフォンサイトにおいては、ボリュームが多くなりがちなメニューや複数のサムネイル画像を、ワンタップで表示/非表示にするといった「動き」をつけることで、通信の負荷を軽減しかつユーザーに多くのコンテンツを楽しんでもらうことが可能になります。
サイズでは、これらの「動き」をつけるためのJavaScriptを「jQuery Mobile」を使用して実装いたしました。 「jQuery Mobile」の活用により、多彩なフィギュア画像を楽しめるモバイルサイトを短納期で制作いたしました。

今後の展開

サイズでは、W3Cの理想を体現するXML CMS『Web Meister』の開発・提供とともに、「jQuery Mobile」などを活用したスマートフォンサイトの制作にも、積極的に取り組んでまいります。

関連情報

カプコン 会社概要
社名:株式会社カプコン(英表記:Capcom Co.,Ltd.)
本店所在地:大阪府大阪市中央区内平野町三丁目1番3号
代表者:代表取締役社長 最高執行責任者 辻本 春弘
設立年月日:1979年5月30日
資本金: 332億3,900万円(2010年9月30日現在)

ウェブサイト: http://www.capcom.co.jp/

サイズ 会社概要
社名:株式会社サイズ(英表記:xyz corporation)
本店所在地:東京都渋谷区神宮前6-35-3 コープオリンピア704
代表者:糟谷 博陸
設立年月日:2008年7月1日
資本金:1,900万円(2011年3月末現在)

ウェブサイト: http://www.x-yz.co.jp/ http://www.web-meister.jp/

PAGE TOP