2006 -02-26 ( Sun )

私はかなり嫌なやつで、綺麗に飾りつけられたサイトやブログを「ユーザースタイルシート」やら「Operaのスモールスクリーンモード」でたまに破壊(とは言わないのかもしれないが)して見ていることがあります。
これがなかなか面白くて癖になるのですが(邪笑)何気なくOpera公式サイトをこのモードで見たら、見出しやメニューの装飾効果が全く違っていました。

CSS呼び出しのmedia属性と言えばall・screen・projection・printくらいかと思っていましたが、携帯フルブラウザ用の「handheld」「tty」という値もあるんですね。
使っているサイトをほとんど見たことがなかったので知りませんでした。

More

DoCoMoも導入をはじめたことで普及が進んでいる携帯用フルブラウザですが、幅760ピクセル程度を前提にした一般のWEBデザインを小さな画面で見るのはなかなか辛いものがあります。
そのため、携帯版Operaでは簡易画面に変換して表示します(私の携帯はフルブラウザ対応でないので未確認ですが、auのお店で見た限りではそうでした)。PC版Operaのメニューにも先述した「スモールスクリーンモード」があって、擬似的に表示を確認することができます。
ちなみに、私の現在のブログはこんな感じです↓

このブログをスモールスクリーンモードで見た図(三分割)

このモードがなかなか曲者で、media="handheld"を指定してない限り適用されるCSSは文字色・背景色程度になり、背景画像等はほぼ無効になります。
つまり、もしベースの背景色に暗い色+本文に暗い色の文字というページを作り、本文に背景色を指定するのを忘れていると、スモールスクリーンモードでは文字が読めない…という事態も考えられるのです。
さらに、スモールスクリーンモードは文書構造の不備がもろに出ます。画面が小さいので的確にリストを使っていないと読みにくいし、テーブルレイアウトに頼っていると、文頭にメニューがぞろぞろ出ていつまで経っても本文にたどり着かない…ということもあります。

ちょっと前までは、自分のサイトを携帯で閲覧されるなどということを考慮する必要はありませんでした。FC2ブログにもモバイル版がちゃんとあるので、大抵の携帯ユーザーはそれで見ていました。
しかし、携帯用フルブラウザは画像やCSSも適用されるため、使い放題プランなどで通信料を気にしなくてもいい人はどんどんそれを使ってくることが考えられます*1。しかも、以前の簡易ブラウザと違い、アフィリエイトバナーのリンク先も普通に見ることができます。購入できるかどうかまではわかりませんが。

2月27日追記
フルブラウザでの閲覧はパケホーダイの対象外なんですってよ(驚)料金表の隅っこに豆字で書いてありました。こんなのわかるわけないよ…
もしかしてフルブラウザ搭載はDoCoMoの罠ですか(´Д`;

完全な携帯対応をしようとするとデザイン面に無理が出てきますし、普通のサイトでmedia="handheld"まで考慮する必要はありません。
でも、ブログテンプレートを作って配る立場であるなら、そういう新勢力があることを頭に入れておいた方がいいと思いますよ。シンプルだのSEOだの軽いキャッチで客を引いてる暇があったらね。


携帯CSSについて丁寧に解説された参考サイト
しらぎくサイト:携帯電話向けのCSS

*1 DoCoMoは最近料金体系が変わって、月5,000円以下で気軽にモバイルインターネットができるようになりました。私もパケホーダイにしようかな…
あれ、そういえばPSPもフルブラウザだよね。media="handheld"は効くのかな? ↑戻る

Comment

>スモールスクリーンモードは文書構造の不備がもろに出ます

お、恐ろしいことです。

先日フルブラウザで観る機会がありましたが、文字の小さいのに絶句。でも需要はこれからある率までは増えていくでしょうね。

もっと恐ろしいことに

>しゅがさん
フルブラウザでの閲覧は、パケホーダイに入らないんだそうです。
もし自分の携帯に入ってたら、知らないでガンガン使っちゃってたよ…(((゜Д゜)))ガクガクブルブル
とはいえパケホーダイの対象外パケ代もかなり安いので、昔と比べて利用者が多くなったのは事実でしょう。

フルブラウザ対応の新機種を買った妹にその話をしたら
「そんなのもともと使わないし」と言われました。まあ、パソコンを持っていたりモバイル対応のブログをやっていたら基本的に必要ない機能ですよね。
Post comment

管理者のみ読めるようにする

Trackback

trackback URL
http://webbingstudio.blog10.fc2.com/tb.php/338-72c2d630
引用して記事を書く(FC2ブログ用)

What's new