携帯 + CSS

Opera搭載のケータイが日本で登場して早２ヶ月以上経ちました。Opera はPCでも使っている方もいると思いますが、表示モードに「スモールスクリーンモード」というのがあり、携帯版にはさらに「ケータイモード」というのを追加して小さなスクリーンでも快適にネットが出来るように工夫されています。

CSS には media typeを使ってCSSを読み込むデバイスごとにCSSファイルを使い分けることが出来ます。音声ブラウザや印刷用など様々なデバイスに対応していますが、携帯用には「handheld」と呼ばれる属性があり、これを Opera はサポートしています。「handheld」用の CSS を作ってOpera搭載の携帯で観覧すれば、同じページなのに携帯で見やすいレイアウトに組み替えて表示・・・なんてことが可能になるわけです。

もちろん Opera 以外にも独自規格のも含めて様々なブラウザが携帯にはありますが、このテストページにアクセスすればあなたのお使いのブラウザが handheld のメディアタイプの CSS を継承するかどうか確かめることが出来ます。PC版のOperaでも「View→Small Screen」とすると handheld メディアが適応されるようになっていますね。さすがに Docomo の Movaでは無理でしたが FOMA だと可能なのかな？

現状、CSS を読み込まない携帯ブラウザが多数を占めていますし、たとえ読み込むことが出来たとしても handheld属性がサポートされてないというケースもあるのでまだまだ実用性が高いとはいえませんが、これから普及して行く可能性もありますし、そうなると本当の意味でのオールインワンなサイトが作れるようになれるので楽しみといえば楽しみですね。 Opera だけでなくMozilla のほうでは Minimoと呼ばれるモバイル専用ブラウザも開発しているので（Nokiaが出資中）、こちらの動向も見逃せないですね。