iPhoneでrep2モバイルを快適に見る方法

iPhoneではこれまでのケータイで見ていたモバイル専用サイトを見ることができません。PCからアクセスができるページは見れるので正確に言えば「見ることができない場合が多い」でしょうか。

それでも、僕なんかは当初「フルブラウザが定額で利用できるなら、モバイル専用サイトなんて無くていいんじゃね?」と思ってた人間のひとりでした。何でしたっけ、日本のケータイはガラパゴス?だか何だか。ところがです。実際にiPhoneを購入してからSafariでrep2を見ると、これが使いづらいのなんの。確かにできることが多いというのは間違いないけど、それがかえって弊害になっているというか、

モバイル用に最適化されたページの利点を再認識

するに至っております。どういうことかというと、ある程度機能を省いても操作のし易さを考慮した作りになっていた方が、仮にタッチスクリーン方式であるiPhoneであっても抜群に使いやすいということです。たとえば目当てのコンテンツに行きつくまでの階層が浅ければ浅いほど操作は楽です。当たり前ですが。

で、結局は従来通りrep2モバイル(?b=kを付けて開くやつね)を使うことに決めたのですが、今度はこれがiPhoneに最適化されていないために見づらいのなんの。なので、いろいろと情報収集をしていると見事にこれの解決方法がありました。次の通りです。

20 :名称未設定  :2008/07/14(月) 04:18:41 ID:ivqRmU3q0
使う気あるならこれを。
rep2(モバイル表示用ファイル)の修正点。

/menu_k.php、/lib/index_print_k.inc.php、/lib/read_header_k.inc.php、/lib/sb_header_k.inc.php にある<head>の下に
<style type="text/css">
<!--
body { font-size:50px; }
-->
</stye> 


135 :127 :sage :08/07/14(月) 09:44:42 ID:aiAYYVsu0
というか、

<meta name="viewport" content="initial-scale=1.00">

だけでいい気がする。iPhone/iPod touch専用タグで、初期ズーム率を
1倍に固定してます。
埋め込み先は参考になりました。ありがとう。>20 

2ちゃんねる:iPhone 3G part81より引用

どういうことかというと、>20の教えてくれた4つのファイルをダウンロードし、それぞれの<head></head>内に<meta name="viewport" content="initial-scale=1.00">を記述するというもの。これを書き込んだ後に上書きアップロードして再度iPhoneからrep2モバイルを見てみると、今まで物凄く倍率が小さくて見づらかったものが、これまでのケータイと同様のレイアウトに変更されてます。

スバラシイ

すごいです。第一、iPhone専用タグなんてものが存在していたこと自体に驚きを禁じえません(無知なだけか?)。この方式であればその他のモバイルサイトも簡単にiPhone対応にできるような気がしないでもないです。

どちらにしても、rep2をiPhoneで快適に使って幸せになりたい人はぜひともこの方法をお試しください。かなり幸せになれると思います。

後日追記

このカスタマイズよりもさらにすぐれた方法が既に開発されています。詳しくは「iPhoneでrep2モバイルを快適に見る方法(改善版)」をご参照ください。

Trackback(0)

Trackback URL:

Post a Comment