前回、2011/09/08『HTML5でマルチデバイス対応アプリを実現』というテーマでコラムを配信していますが、こちらのコラムではHtml5によって既成のアプリケーションという概念が変わっていき、それにより開発や運用の姿も変化を遂げるでしょう、というお話をさせていただきました。

今回は、Html5の中でも画期的な仕様である『Canvas』について触れてみたいと思います。 本コラムも、前回同様、技術者の方以上にマーケティングやWebに関連した事業を統括されている方々に読んでいただけたらという内容になっています。

2010年末、「2011年にヒットが予想される商品・サービスは何か？」を日経産業地域研究所が専門家106人に実施したアンケート調査の結果、インターネットに接続して様々な用途に使える電子機器で1位になった「スマートデバイス」。米アップルの多機能携帯端末「iPad」の大ヒットをはじめ、各社が続々と競合商品を投入し、市場は急速に拡大している中、この「スマートデバイス」をビジネス利用の目的に導入する企業も増えてきました。本コラムではスマートデバイスのビジネス導入を検討するにあたって、現時点であまり詳しい知識がない方でも理解しやすいように、まずはスマートデバイスとは何かというところから始まり、その活用方法についてご紹介します。

スマートフォンをはじめ、モバイル端末の普及に伴いインターネットの世界でも注目されているものの一つが「位置情報」系サービス。ソーシャルメディアの台頭もあいまってFoursquareやFacebookのチェックインクーポンなど、国内でも既に多くの企業が位置情報と連動したサービスやキャンペーンなどを展開し始めています。今回はその中でも『ジオフェンシング』について着目してみたいと思います。Wikipediaを参考にその定義を説明すると、ジオフェンシングとは「実際の地図（地域）上にバーチャルな境界線を設けていく技術」ということになります。

HTML5 Logo by W3C

 

• iPhoneやAndroidなど複数のOSに対応！
• ソースが共通利用できるので、開発工数や管理工数を削減！
• インターネット非通信時のアプリケーション利用も可能に！

現在、Webを通じて売上や見込み客獲得などの事業目標を達成していくというミッションを持たれている方、またそれらを現場にて遂行されるポジションにおられる方々の中にはこんな課題を感じられている方々も多いのではないでしょうか？

『デバイスの多様化により開発工数や運用コスト、また検討事項が膨大に増えている』

前回のコラム「スマートフォン対応するということ」では、Webサイトをスマートフォン対応する上で考慮すべき点や、部分最適を行うのか全体最適を行うのかについて、初心者の方でも分かり易いように解説させていただきました。本コラムでは更にそこからテーマを掘り下げ、スマートフォン用サイトへの対応とマルチデバイスCMSの導入におけるキーポイントをご紹介していきます。

スマートフォン対応の最適化におけるポイントは？

スマートフォン用に最適化されたサイトを構築する上で配慮すべきポイントは以下の4つがあげられます。

1. 情報
   • 全ての情報を掲載する訳ではなく、掲載すべき情報を吟味して必要に応じて絞り込む
2. ユーザビリティ
   • 直感的な視覚操作性に配慮する
   • ページ容量を軽くする （文字などもなるべく画像化しない）
   • ソフトウェアキーボードを意識したレイアウトを行う
3. デザイン
   • 各機種の解像度を意識し、標準化した状態でVI設計を行う
   • リキッド（可変幅）でデザインする　（複数機種への対応の為）
   • 機種により異なる画像形式を考慮し、なるべくPNGを採用する
   • 重要な情報や情報の種別をわかりやすく
   • 外出先の利用を想定した色味を利用する　（太陽光には反転色を）

   ※VI＝Visual Identityの略：

4. 技術
   • html5、CSS3での記述を基本とする