iモード用に作ったサイトをAUでも見せたいときに気をつけること
1年以上前の記事です。内容が古い可能性があります。
当社では、まずiモード（ドコモ）用で最適化されたサイトを作ります。
これは、シェアが一番大きいということもありますが、外部CSSに対応していない等、iモードが一番融通が利かないからといった部分が大きいです。
そしてその後、各キャリアにあわせていきます。
なお、動作確認に関してはエミュレータを使っているって人も多いと思いますが、うちでは実機でやっています。
これは、実機で見るのとエミュレーターで見るとのではずいぶん雰囲気が変わるからです。
最近はパケット定額制が一般的になりつつあるということも理由のひとつです。
ただ、それでもなかなかいないのがソフトバンクユーザー（ちなみにうちのかみさんはソフトバンク）。
今回はAUユーザーに協力してもらってiモードでちゃんと見えてるのにAUではちゃんと見れない部分をピックアップしてみました。
1. 画像がプログレッシブJPEGじゃだめ、標準にする。
3キャリア対応の画像形式はJPEGです。ただ、普通にJPEGじゃダメみたいです。
僕の場合JPEGにする場合はなるべくプログレッシブJPEGにします。
昔からWebサイトやってる人はわかると思いますが、プログレッシブJPEGにすると、重い画像でも徐々に表示されるからです。
ただ、こいつはAU端末には対応していないようです。標準でJPEGに書き出しましょう。
2. AUはユニコードが使えない？
ドコモのXHTMLの仕様では文字コードはユニコードもしくはSJISとなっています。
そうなると使える文字数の多いユニコードを使いたくなるのですがちょっと待った!!
AUでドコモ用に作ったユニコードのサイトを見ると文字化けします。
したがって文字コードはSJISで統一しましょう。
3. 文字サイズはxx-smallでようやく一段階小さくなる。
携帯サイトの文字の大きさは3段階だと考えてもらって問題ないと思います。
そこで、smallで小さくするかlargeで大きくするかと考えます。
そのとおりドコモ端末の場合smallで一段階小さくなり、largeで一段階大きくなるのですが、AUではそれでは標準サイズのままです。
AUの場合はxx-smallでようやく一段階小さくなります。同様に大きくするにはxx-largeです。
以上、とりあえず気づいたところを書いておきました。
今度はソフトバンク版もやってみたいですね。
今回検証に使った機種
□カシオ携帯電話オフィシャルWEBサイト | 製品情報 | W53CA
□携帯サイト（モバイルサイト）でCSS
□携帯サイト（ケータイサイト）の作り方
□携帯サイト（ケータイサイト）の作り方Part2
アドセンス広告メイン
関連記事
-
-
街中で携帯の電池が切れたときどうする？
1年以上前の記事です。内容が古い可能性があります。以前、街中充電器を紹介しました …
-
-
ケータイで位置情報SNS。「モバイル版foursquare」
1年以上前の記事です。内容が古い可能性があります。消える一方で生まれるケータイS …
-
-
ケータイ各社夏モデルを発表!! 【今週のトピック】
1年以上前の記事です。内容が古い可能性があります。ケータイ各社が夏モデルを相次い …
-
-
iOS 4.3でテザリングが標準になるかもしれない【iPhone】
1年以上前の記事です。内容が古い可能性があります。これが実現されたらソフトバンク …
-
-
画像の下にどうしても隙間が残る場合は
タグにvertical-align:bottomが正解【Webデザイン・CSS】
1年以上前の記事です。内容が古い可能性があります。これは知らなかった。。というか …
-
-
ケータイのデスクトップに置く最高のツール
1年以上前の記事です。内容が古い可能性があります。以前「P905iのデスクトップ …
-
-
ついに解禁!! パソコンでモバゲータウン
1年以上前の記事です。内容が古い可能性があります。「モバゲー」PC版、全ユーザー …
-
-
おサイフケータイいらない。世の人たちのスマホはiPhone一択らしい
1年以上前の記事です。内容が古い可能性があります。これはすごい。 圧倒的じゃない …
-
-
携帯ナビ使った感想（P905i）
1年以上前の記事です。内容が古い可能性があります。連休中及び、打ち合わせへの移動 …
-
-
ソフトバンクも新機種
1年以上前の記事です。内容が古い可能性があります。【速報】ソフトバンクモバイル、 …
Comment
こんにちわ（＾＾）初心者ですが参考にさせて頂いてます。ドコモとAUで共通のページにしたい場合、ユニコードが使えないなら、絵文字をS－JISにしたとしますよね。でもお互いのコードがあっている絵文字以外は使えないってことになるのでしょうか？
よろしくおねがいしますm（＝＝）m
ドコモの絵文字を指定するとAUサイドで変換してくれるようです。
詳しく記事にしましたので読んでみてください。
http://webdirector.livedoor.biz/archives/51800674.html