新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

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

 - デザイン, 携帯電話・スマホ

アドセンス広告メイン

Comment

  1. mina より:

    こんにちわ(^^)初心者ですが参考にさせて頂いてます。ドコモとAUで共通のページにしたい場合、ユニコードが使えないなら、絵文字をS-JISにしたとしますよね。でもお互いのコードがあっている絵文字以外は使えないってことになるのでしょうか?
    よろしくおねがいしますm(==)m

  2. のりさ より:

    ドコモの絵文字を指定するとAUサイドで変換してくれるようです。
    詳しく記事にしましたので読んでみてください。
    http://webdirector.livedoor.biz/archives/51800674.html

Message

メールアドレスが公開されることはありません。

  関連記事

アメブロ(アメーバブログ)をちょっといじってみた

1年以上前の記事です。内容が古い可能性があります。先日、アメブロを本格的に始めた …

iPhoneで拡大縮小する方法

1年以上前の記事です。内容が古い可能性があります。iPhone(アイフォーン)ネ …

2011年「初日の出」画像まとめ

1年以上前の記事です。内容が古い可能性があります。ツイッター(Twitter)で …

解約した「iPhone 3GS」を「iOS 6」にアップデートした

1年以上前の記事です。内容が古い可能性があります。当初は3GSだし、アップデート …

携帯ブログでもサブドメイン(独自ドメイン)が使えるようになった

1年以上前の記事です。内容が古い可能性があります。ずいぶん前からなのですが、ライ …

no image
理想の携帯サイト

1年以上前の記事です。内容が古い可能性があります。Webサイトと平行して携帯サイ …

電球アイコンが現れたら「5」を長押し【ドコモP905i】

1年以上前の記事です。内容が古い可能性があります。これ、以前も同じことして途方に …

ケータイに掛かってきた電話をiPhoneに転送するようにした

1年以上前の記事です。内容が古い可能性があります。iPhoneを買ってこのかた、 …

某スマートフォン系SNSの広告にFacebook(フェイスブック)に似せた変な奴がいる

先日、LINE(ライン)初め、スマートフォンがフィッシング詐欺に狙われ始めている旨、記事にしました。
その理由の一つとして、リンク先のURLがハッキリ分からないというのがありました。
今回、それに加えてまるでFacebook、さらにまるでセキュリティウインドウのような「広告」?に遭遇したのでご報告します。
あくまでも広告として紹介しますが、これはちょっとヤバい気がしますねぇ。。
アドウェア? マルウェア? スパイウェア?

Facebookに似せた広告01 Facebookに似せた広告02
赤で囲った部分が広告スペース。
どう見てもFacebookのインターフェースでDMが届いたと言っています。

Facebookをやっている方であればこれは間違いなくタップしてしまうと思うんです。
仮に、今開いているサイトがEYELANDだとしても、自分はタップしてしまいました。
すると表示されるサイトが以下。

Facebookに似せた広告03
あんたのスマホは遅すぎるので、おすすめアプリをインストールして、お掃除しましょう。
ということのようですね。

さすがにここで気付きました。
このサイトやべぇ。と。

以下やべぇと思わせたポイントです。

  • 日本語が変。
  • クリック(タップ)を促す表示。
  • URL表記が微妙。

ここでしっかりとURLが確認できればネットで調べてってこともできたんですけどね。

今回はもう、行っちゃったので行き先のURLを調べてドメインを検索してみました。
ただ、ネット等でドメインを調べてみると特に問題ないようなんですよねぇ。
□ globalmobilecenter.com safe website ? Check it now

さらにURLをメールでパソコンに転送。上記「今きれい」ボタンをクリックすると開くサイトのドメインも調べてみましたが同様でした。
□ imobidl.com safe website ? Check it now

マジアラートだったりして。。
もう、いっぱいいっぱいだもんなぁ。このスマホ。

でも、マジだったとしてもこの広告はちょっと問題あるんじゃないかなぁと思いますね。
どう見てもFacebookそのものですもんね。

ツイッター(twitter)に同期された連絡先(電話帳)情報を削除する方法【パソコン編】

1年以上前の記事です。内容が古い可能性があります。たしかこれのFacebook版 …

血液型オヤジ