Tags: モバイル

Link: http://firemobilesimulator.org/

近年モバイルサイトを開発することが多くなってきた。
モバイルサイトはPCとは違って、横幅のサイズが端末によって違ったり
絵文字がキャリア毎にちがったりで、慣れないと大変である。

モバイルサイトのリリースをする時点で
閲覧できるブラウザをモバイルだけに限定することが多い。
そうすると、PCからの確認作業ができなくなってしまうので
自分の携帯端末から確認するしかない。
とはいっても、パケット代が馬鹿にならない。

各種キャリアからもエミュレータ(シミュレータ)が配布されているが
どれも使い勝手はいまいちである。

Auキャリアに対応しているOpenwave SDK6.2Kは未だに公開停止だし。。。

それでもSoftbankから出ているウェブコンテンツヴューアはかなり使い心地はいいのだが、
他のキャリアでのテストを同時にしたい場合は、別のシミュレータを起動しておかないといけない。

こういうことを考えてみると、
各キャリア会社は本当にモバイルサイトを増やしたいのか?と思うほどである。
このあたりのツールをきちんと整備しているかどうかで、
その会社がどれだけこの分野に力を注いでいるかがわかってしまうような気がした。

ネットファーム・コミュニケーションズ株式会社からリリースされている
P1エミュレータはそんな問題をいっぺんに解決してくれる。
3キャリア対応で、絵文字やユーザーエージェント、画面幅などを
かなり細かくわけることができるし、キャリア毎の機種も豊富にそろっている。
しかも、新しい機種がリリースされるとともに、これらをきちんと対応機種に含んでくれる。

ところがこれは有償ソフトなので、開発案件のほとんどがPCで時々しかモバイルの案件がないような場合には
ちょっと費用対効果が少ないかもしれない。

ということでなかなかお手頃なエミュレータがないのが現状である。

閲覧するだけならfirefoxのアドオンであるUser Agent Switcherでも十分かもしれないが
絵文字の表示や、横幅の指定となるとちょっと物足りないかもしれない。

そこで登場したのがモバイル端末のエミュレーションをしてくれるfirefoxのアドオン。
FireMobileSimulatorだ。

3キャリア対応で、絵文字も表示して、横幅サイズもシミュレートしてくれます。
P1エミュレータほど機種が多くもないし、作りこんでいる感じはないですが、確認用としては十分です。
そして、オプションで緯度経度を設定できるところがなんとも素晴らしい!!
今や多くのモバイルサイトがGPSのサービスを使ったものが多いなかで、
このあたりをきちんとサポートしているところは、
よくモバイルサイトの情勢をわかっているなと感じました。
そして、やはり無償で提供しているのに感動します。

*Firefoxでの公式ページはこちら。(開発中のアドオンのためユーザー登録が必要になります。)

以下に開発者の方のコメントを引用いたします。

FireMobileSimulatorは、主要3キャリア(DoCoMo/Au/SoftBank)の携帯端末ブラウザをシミュレートして、モバイルサイト開発を容易にするために作成されたFirefoxのアドオンです。携帯端末のHTTPリクエスト、絵文字表示、位置情報送信機能などの動作をシミュレートすることができます。

モバイルサイトをPCで閲覧するために、従来からある方法として、キャリア公式シミュレータの使用、Proxyの使用、Firefoxの useragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法はそれぞれに不足している機能があったり、またITに詳しくない人にとっては導入が面倒かつ困難という面があります。

このアドオンは、「誰でも簡単に導入できる」かつ「高機能である」ことを目的に作成された新しい携帯シミュレーターです。

おススメです。

モバイルのサイトを作るときに、PCなどの端末からのアクセスをブロックする
あるいは別のページに飛ばすことが必要になることがあると思います。
mod_rewriteを使えば、ユーザーエージェントを使いまわせるので、
phpなどですべてのページにユーザーエージェントの選り分け処理を書く手間が省けます。

以下はhttpd.confのvirtualhostディレクティブの中に書いたものです。
なおhtaccessに書く場合は若干書き方が変わるので注意してください。

Code:

RewriteEngine On#rewrite engineの初期化
RewriteLog "/var/log/httpd/yourdomain.log"#logの書き出し
RewriteLogLevel 3#logの書きだしレベル(0-9の間)
 
#以下ケータイ端末のユーザーエージェントをANDで連結する
RewriteCond %{HTTP_USER_AGENT} !^DoCoMo     [NC]
RewriteCond %{HTTP_USER_AGENT} !^KDDI       [NC]
RewriteCond %{HTTP_USER_AGENT} !^Up.Browser [NC]
RewriteCond %{HTTP_USER_AGENT} !^J-PHONE    [NC]
RewriteCond %{HTTP_USER_AGENT} !^vodafone   [NC]
RewriteCond %{HTTP_USER_AGENT} !^SoftBank   [NC]
RewriteCond %{HTTP_USER_AGENT} !^MOT-   [NC]
RewriteCond %{HTTP_USER_AGENT} !^Semulator   [NC]
RewriteCond %{HTTP_USER_AGENT} !^Nokia   [NC]
RewriteCond %{HTTP_USER_AGENT} !^Y\!J   [NC]
 
#上記以外のユーザーエージェントがアクセスした場合は別ファイルに飛ばす
RewriteRule ^/(.+)$ /disable.php [L]

注意すべきはひとつのルールに対して条件を設定していくので
複数のルールにたいしても共通の条件を設定したい場合は
ルールの数だけ同じ条件を書かなければいけないということです。
これにはだいぶハマった・・・。

なお現在の検索エンジンのクローラーのユーザーエージェントは
ドコモやソフトバンク、AU、またはNOKIAのユーザーエージェントを
偽装(実装?)してアクセスしてくるので問題ないと思われます。

はじめまして。Takeshiといいます。今年の四月から、恵比寿の小さな会社でウェブSE兼プログラマーとして働き始めました。主にLAMP環境でウェブサービスやウェブサイトの構築をやっています。社会人なりたてということもあり、右も左もわからない状況ですが、日々感じたことや、覚えたことなどをメモっていきたいと思います。コメントやトラックバックなどいただけると、とても嬉しいです!それでは、よろしくお願いいたします。

2月 2012
 << <   > >>
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29      

検索

XMLフィード

multiblog engine