【PHPで作る】初めての携帯サイト構築

第6回 携帯サイトのテストをする

この記事を読むのに必要な時間:およそ 2 分

携帯サイトをPCでテストする

携帯サイトは携帯端末でのテストが基本となりますが,それ以外にもテストをする方法はいくつかあります。PCのWebブラウザを使う方法と,携帯シミュレータを使う方法です。携帯サイトはキャリアによって仕様が違うといえども,ベースとしてHTMLやXHTMLを利用しているサイトに違いありません。そのため一般的な表示の確認はPCブラウザで行うことができます。

FireFoxでテストする

PCブラウザで携帯サイトする場合,便利なのはFireFoxです。携帯サイトのテストがしやすくなるアドオンが用意されており,そのアドオンを使うことでブラウザ上である程度のことがテストできるようになります。テストに利用できるアドオンはいくつかありますが,ここではFireMobileSimulatorを紹介します。

図1 FireMobileSimulator

図1 FireMobileSimulator

「FireMobileSimulator」は大きく「ユーザーエージェントの変更」⁠個体識別情報」の設定を簡単に行うことができるアドオンです。⁠ユーザーエージェントの変更」ではキャリアと機種を自由に設定することができ,自由に切り替えながら表示を確認していくことができます。ただし絵文字など端末に依存したものに関してはチェックできません。ドコモの絵文字に関してはi絵文字というツールがdocomoで提供されているので,事前にインストールしておくことでPC上でも表示することが可能です。

図2 i絵文字

図2 i絵文字

携帯シミュレータでテストする

Webブラウザでもある程度のテストは行えますが,もう少し携帯端末に近い形でテストできるツールが各キャリアで用意されています。それが携帯シミュレータです。携帯シミュレータではその多くが

  • マークアップ言語の携帯での表示方法
  • 絵文字の表示
  • 対応した画像形式の表示方法
  • 携帯で表示できる受信サイズの制限
  • 携帯キーによるアクセス
  • 携帯固有情報などの埋め込み
  • ソースのチェック機能
  • 通信ログの確認

といった機能を兼ね備えています。代表的なものに次のようなシミュレータがあります。

iモードHTMLシミュレータⅡ

docomoが提供する携帯シミュレータです。i-mode HTMLのバージョンを切り替えたり,GPSの設定などが行えます。ただし機種情報がシミュレータ固定であり変更できないため,注意が必要になります。

図3 iモードHTMLシミュレータⅡ

図3 iモードHTMLシミュレータⅡ

Openwave SDK 6.2K

auのWAP2.0ブラウザでの表示を確認することができる携帯シミュレータです。XHTMLに対応したWAP2.0対応の画面をチェックすることができます。ユーザーエージェントも自由に設定することができますが,個体識別情報を設定することができないため,会員ページのテストには利用できません。

※2009年3月現在,一時公開停止されています。

図4 Openwave SDK 6.2K

図4 Openwave SDK 6.2K

ウェブコンテンツビューア

SoftBankが提供している携帯シミュレータです。P型や3GC型などそれぞれの端末タイプでのエラー表示を見ることができます。個体識別情報なども設定することができます。ただし機種情報がシミュレータ独自のものとなっているため,注意が必要です。

図5 ウェブコンテンツビューア

図5 ウェブコンテンツビューア

Webブラウザやシミュレータは携帯端末実機の動作を完全に再現するものではありません。開発途中に利用するにはよいですが,最終的な動作確認テストはかならず携帯端末実機で行う必要があるでしょう。


全6回にわたってお送りしてきた「⁠⁠PHPで作る】初めての携帯サイト構築」はいかがだったでしょうか。この連載をきっかけに少しでも楽しい携帯サイトが生まれたら何よりうれしいことはありません。携帯サイトを作る技術はこれだけではありません。ぜひ実際に作りながら,携帯サイトのもっと深い技術に興味を持っていただけたらと思います。

連載をお読みくださったみなさま,ありがとうございました。

著者プロフィール

荒木稔(あらきみのる)

京都出身。ホテルマンを経て,基幹システムの開発などに従事した後ウェブクリエイターとして独立。利用者にもっと近いサービスを提供したい想いから,携帯を中心とした企画/開発/執筆/講演活動を行う。近著に「PHP×携帯サイト デベロッパーズバイブル」(ソフトバンククリエイティブ)。家族のための携帯サイト「ファミリーモバイル」(http://www.fmob.jp)を立ち上げ現在に至る。

memokamihttp://memokami.com