Tobiume Paragliding Report

Tweet

Share on Tumblr

とある事情で、とあるPCサイトを携帯ブラウザからでも正しく表示できるようにしなくてはならなくなった。

これまで携帯サイトは作ったこともないし、PCと違っていろいろと制約も多そうだ。　参考サイト

キャリアごとに規格が違い、さらに機種や、発売時期によっても細かな仕様が異なり、すべての端末で同じようにサイトを表示させるというのはなかなか大変なようだ。

でも時間的に一から携帯サイトの作り方を勉強するもの面倒

と、Joomla Extension Directoryを調べてみたら、Joomla！作ったPCサイトを、携帯表示に対応させるための無料のエクステンションをみつけた。

Mobile Joomla!

対応する端末にはiPhone、Android、Blackberryといったスマートフォンも含まれるが、驚いたのはのは（海外製なのに）、（NTTdocomoの）　iMode（CHTML）にも対応と書かれている。

これなら、従来通り、Joomla!でPC用のページを作っておけばよく、あとはエクステンションが自動的に携帯に合わせて表示してくれるはず

専門知識は持ち合わせていないのでうまく説明できないけれど、端末の判別には、「Tera-WURFL」というオープンソフトウェアによるデータベースを使っていて、そこに様々な端末機器の情報が登録されているようだ。

Mobile Joomla!をインストールすると、Joomla!サイトのあるサーバー内に「Tera-WURLF」のデータベースが作成され、サイト訪問者の端末のUA（ユーザエージェント）から利用中の端末を自動判定し、携帯でも正しく表示できるように工夫されているようだ。

ちなみに、インストールする前に、「Tera-WURFL」のデータベースに自分が気になる端末が登録されているかどうかは、「Scient、iaMobile WURFL Explorer」を開いて、端末機種毎のUA（UserAgent：ユーザエージェント）をボックスに入力てみるとわかる。

例えばdocomoの機種の場合UAはdocomoの公式サイトでわかるので、例えばD903iならUAは　DoCoMo/2.0 D903i　なのでこれを入力してみると、次のように表示され、データベースに機種情報が登録されていることがわかる。（一部を表示）

同様にiPhone4(iOS4.1.1)のUAを入力するとこのように表示される。（一部を表示）

でも、データベースに端末が登録されているからといって、その携帯でJoomla!サイトがちゃんと表示されるかどうかは別

身近にある端末はせいぜい数台程度。全部の携帯を確認することなどできない。そこで、PCのブラウザで端末のブラウザをエミュレーション表示してくれるアドオンを利用することに。

FireFoxのアドオンで、主要３キャリア（DoCoMo/Au/SoftBank）の携帯端末ブラウザをシミュレートしてくれる「FireMobileSimulator」がそうだ。

（Chrome用のアドオンも探してみたが残念ながら見つからず）

シミュレートしたい携帯を選択してからサイトを表示させる（携帯機種は追加も可能）

準備ができたのでさっそくMobile Jommla!の効果を確かめてみる。

すると、・・・　やっぱりなんだか表示が変だ。

続く

この記事をソーシャルネットワークにシェア　またはEverNoteにクリップできます