株式会社サイズ

法政大学スマートフォンサイトをHTML5、SVGで制作いたしました。また、HTML5 CMS - Web Meister でPCサイトとスマートフォンサイトを同時に管理し、簡単に更新可能となっています。

http://mb.hosei.ac.jp/

法政大学は「自由と進歩」という建学の精神を基礎に、激動する21世紀の難局を打開できる自立的で人間力豊かなリーダーの育成と時代の最先端を行く高度な研究を行う15学部を擁する日本有数の総合大学です。近い将来のWeb標準技術であるHTML5にいち早く取り組むことに協力いただき、今後のマルチデバイス対応のスタンダードモデルを構築することができました。

■法政大学スマートフォンサイト特長

・HTML5セマンティクスに対応
コンテンツの粒度をページ単位ではなく、HTML5 section単位で管理しています。他の構造化タグheader、footer、nav、articleなどにも対応しています。

・SVGによりRetinaディスプレイに対応
ロゴ・アイコンをSVG(Scalable Vector Graphics)で制作。ベクターデータによる画面表示では拡大や縮小をしても描写の劣化が起きないため、Retinaディスプレイでも美しく表示されます。

・インタラクションはjQuery Mobileで制作
インタラクティブな部分をjQuery Mobileで制作することにより、短期間で構築しています。

・イベントカレンダーをPCサイト、facebookページ、スマートフォンサイトでワンソース・マルチユース
イベントカレンダーをPCサイト、facebookページ、スマートフォンサイトでワンソース・マルチユース。それぞれのユーザインターフェースに最適化したページを制作。PCサイト、facebookページと同じデータを共有し、スマートフォンサイトも含めて一括で更新されます。

・外出中に利用が多いと思われるキャンパス概要や交通アクセス方法を重点的に制作
スマートフォンユーザにとって重要な地図情報に重点をおいたユーザ中心設計のサイト制作を行なっています。

■背景

HTML5は2014年までの正式勧告を目指して策定が行われています。Webブラウザの多くは HTML5 に段階的に対応しており、スマートフォンブラウザの多くが現時点でのHTML5の仕様を閲覧することが可能です。
「Web Meister」 は、W3Cが提唱するXMLに基づくアーキテクチャーで開発を行い、ユーザインターフェースとコンテンツの分離、コンテンツの構造化を実現しています。そのため、HTML5対応の条件となるHTML5リッチインタフェース対応、HTML5セマンティクス対応が可能です。今回はHTML5セマンティクスに対応したサイト構築を行いました。

【本件に関するお問い合わせ先】
株式会社サイズ
担当：糟谷 博陸
住所：東京都渋谷区上原1-1-8代々木公園セントウエストテラス3F
TEL：03-6407-0481
FAX：03-6407-0482
E-mail：contact@x-yz.co.jp