サイズ，カプコンフィギュアビルダーのモバイルサイトをjQuery Mobileで構築

モンスターハンターポータブル 3rd モンスターハンター フロンティア オンライン モンスターハンター フロンティア オンライン
配信元	カプコン	配信日	2011/04/26

＜以下，メーカー発表文の内容をそのまま掲載しています＞

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

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



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


背景

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


サイト構築のポイント

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


今後の展開

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

「カプコンフィギュアビルダー」モバイルサイト