主要ブラウザのデフォルトCSS

久々の CSS ネタにも関わらず、メモ程度の備忘録ですが、W3C CSS 2.1 勧告候補の Appendix にある、HTML 4 の推奨デフォルトスタイルと、現時点で僕が把握している主要ブラウザのデフォルトCSS の在りかのリストです。ネタ元は Accessify Forum: list of browsers' default CSS（via e-luck さんのブックマーク）です。

（※ Mac OS X 10.4、Windows 2000 で確認していますので、10.3 + IE 5 や Vista + IE 7 はチェックできていません。XP + IE 7 はそのうち実家の端末で確認する予定。）

続きを読む "主要ブラウザのデフォルトCSS"

制作現場の声が届かぬ IE@Microsoft

さっき、Web Designing 2007/1号（今月は IE 7 対策特集！）をようやく買って、パラパラ読んでたら、MS プログラムマネージャの五寳匡郎氏のインタビューに、

IE 7はユーザーのほか、Web制作に携わる方々のご意見も採り入れて制作しました。ですが、Web制作のトレンドがどのように動いていて、どんな内容が求められているかというような内容については、なかなか聞こえてきません。「こうなったらいいのにな」的なご意見・ご感想でも構いませんので、ぜひ皆さんからIEBlog（管理人注: もちろん英語）にコメントを投降するなどのアクションを起こしてください。

（Web Designing 2007年 01月号 - P.057）

とあって、しばし絶句..。え、何ソレ？みたいな。

続きを読む "制作現場の声が届かぬ IE@Microsoft"

昨日のまとめ

昨日のニュースのメモです。すでに、ご存知の方も多いでしょうが、備忘録代わりに。

1. Internet Explorer 7 英語版リリース
   （正式な日本語版は２〜３週間中にリリースされるとのこと。）
2. Google Blog Search beta公開
   • フィード（RSS, ATOM等）を流しているあらゆるブログが対象。
   • 公開時期の設定が可能。（1 時間以内, 12 時間以内, 1 日以内, 1 週間以内, 1 か月以内, 指定なし, 日付を指定）
   • inblogtitle:, inposttitle:, inpostauthor:, blogurl: といったブログ専用の検索演算子が利用可。
   • 検索条件を、そのまま RSS/ATOM フィードとして保存可能。
3. 12月にタッチスクリーン iPod が発売との噂が流れる
   （方向性としては原則賛成なんですが、個人的には、タッチスクリーンにすることで、指紋が画面にベタベタ付くのが若干心配かも..。(^ ^;) ）
   • Touchscreen iPod Comes This December（TrustedReviews）
   • 今年の12月にタッチスクリーン方式のiPod登場か（GIGAZINE）
   • iPod の未来形？！（我的春秋 過去ログ）

IE 7 の日本語版が遅れる事情と関連しているかどうかはわかりませんけど、英語版のリリースノートに以下のような注意書きがあります。

Japanese Installation Prerequisite

You must install the Rights Management Add-on from the RMA Download Page before you install Internet Explorer 7. The add-on cannot be installed after Internet Explorer 7.

IE 7 は ::before, ::after を実装せず

Internet Explorer 7 (IE 7) beta 2 Preview も日本語版が登場して、いよいよリリースに向けてバグ潰しに専念する段階に入ったようです。

かねてから気になっていた ::before, ::after 擬似要素ですが、どうやら IE 7 ではサポートされない、というのが真相のようですね。Google で引っ掛けてみると情報が錯綜してるし、IE Blog のコメントを見ても ::before, ::after 擬似要素に関するコメントがほとんど黙殺されていて、かなりイライラさせられましたが、ようやっと IE Blog 中に次のような Markus Mielke 氏のコメントを見つけました。

re: What’s New for CSS in Beta 2 Preview?

Friday, February 03, 2006 12:24 PM by Markus [MSFT]

Answering a couple common questions:
- :before and :after will sadly not make it into IE7.
- people reported that :hover would not work from an @import. That's a bug and already fixed in our builds.
- min/max we heard the request and working hard on it. Hopefully we make it for IE7.
-- Markus

非常に有用で需要もあるセレクタなだけにちょっと遺憾ですが、これでようやく IE 7 に合わせた CSS コーディングの準備ができそうです。(- -;)

max-width, min-width の方はサポートされる見通しみたいですね。これも重要なプロパティなので、こちらはひと安心です。(^ ^;)

続きを読む "IE 7 は ::before, ::after を実装せず"

動作確認環境 ― IE5.5以前のバージョン

商用もしくはオフィシャルな Web サイトを制作した経験のある人なら、作成した Web ページの表示や動作をさまざまな環境下で確認されたことでしょう。全部挙げればキリがありませんが、僕がチェックするのは大体以下の環境下です。といっても、この全てを毎回確認する訳ではありません。以下のすべての環境に完璧に対応するのはちょっとムリなので、その時々の状況やターゲットユーザーによって動作確認する環境は変えます。

1. Windows + Internet Explorer
2. Windows + Mozilla Firefox or Mozilla（現 SeaMonky）or Netscape
3. Windows + Opera
4. Windows + Lynx
5. Mac OS X + Safari
6. Mac OS X + Firefox or Mozilla（現 SeaMonky）or Netscape
7. Mac OS X + Internet Explorer
8. Mac OS X + Opera
9. Mac OS X + W3M
10. Linux + Firefox or Mozilla（現 SeaMonky）or Netscape
11. Linux（KDE）+ Konqueror
12. Linux + W3M
13. 携帯電話の非フルブラウザ

実はこれでも Camino だの Homepage Reader だの幾つかのブラウザが抜けてたりするので、必ずしも充分という訳ではありません（特に Homepage Reader のような音声ブラウザは視覚障害者をターゲットに含める場合は確認必須要件ですし）。

また、お気づきかもしれませんが、上記のリストはバージョンの違いがまったく反映されてません。たとえば Internet Explorer（以下、IE）の 3・4・5・5.5・6 はそれぞれがほとんど別物といって良いほど実装されている機能も見た目の表示も変わってきます。これらも必要に応じて個別にチェックする必要があります。

ところがここで一つ問題。IE は過去のバージョンの公開がすでに打ち切られてしまっているので、そもそも今となってはそれらの旧バージョンを入手できない上、仮に運良く昔の雑誌の附録 CD-ROM などから入手できたとしても IE って OS（Windows）に深々と干渉しているので、複数のバージョンを同時にインストールできないという根本的な問題があります。こうなると、動作確認したい IE のバージョンの数だけ端末と OS を用意しなくてはならなくなります。企業ならいざ知らず、個人でそんなことはさすがにできません。っていうか、そんなお金ありませんし、あったとしても想像しただけで部屋の温度が５・６℃上がりそう..。(- -;;)

でも大丈夫。Multiple Explorers という、とっても素敵なサイトを見つけました。

続きを読む "動作確認環境　― IE5.5以前のバージョン"

Internet Explorer 7 Beta 1

リリースは来年後半？Windows Vista と同時？

Microsoft が出した白書によると、Internet Explorer 7（以下、IE 7）が出るのはまだちょっと先のようですね。現在、Windows XP Service Pack 2（以下 SP2）と、これまで Lonhorn とコードネームで呼ばれてきた "Windows Vista"（来年後半にリリースされる予定の次期 Windows ）のテスト版向けの Beta 1 が Microsoft の社内向けに出ているそうで、これが 8/3 に一般のベータテスターに配布が開始されることになってます。さらに Beta 2 は今年の年末あたり（？）、最終的なリリースは来年（2006年）の後半になるとのことです。要は Windows Vista と同時リリースになるのかな？

【 Beta 版って何？】Beta 版は、端的にいってしまえば製品化される前のテストバージョンのことです。出荷する製品に不具合が続出してはいけないので、こういうテストバージョンを何回か出して、関心のある人に中身をテストしてもらう訳です。もちろんテストを行う人は不具合を見つけたら、制作者側に問題の現象とその問題が発症する条件をフィードバックします。テスト段階に応じて Alpha 版 → Beta 版とあり、それぞれにバージョン番号がつくこともあります。"Beta 1" は Beta 版のバージョン 1 ということですね。

なんか Microsoft がこれまで言ってきた、Longhorn とブラウザを OS レベルで一体化させて IE の単体リリースはしないだとか、Windows XP 向けとして IE 7 のリリースを前倒しするだとかいう話からだいぶズレてきてますね。ま、良い方向（というより現実的な路線？）に大幅な方針転換するのは悪いことではありませんけど。

やはり Windows 2000 や XP SP1 以前は蚊帳の外

対応プラットホームについては巷に流れている情報通りで、Windows XP SP2 / 同 Professional x64 Edition（いわゆる 64bit 版 XP）/ Windows Server 2003 / Windows Vista のみ。Windows 2000 や Windows XP の SP1 以前に対応するつもりはないようです。ま、XP SP2 にアップグレードしろということなんでしょうけど、手元のマシンの中にある大量のアプリケーションの動作確認と修正をやるのは面倒ですし、だいいちそんな余裕なんてないので、 僕のような 2000 や XP SP1 を使う輩は IE 6 か Firefox を使えということなんでしょう。Firefox を使うから別にいいですけどね。(^ ^;)

IE 7 の注目機能

なお白書に書かれている IE 7 が実装予定の主な目玉機能は以下の通り。

1. セキュリティ ステータスバー
2. フィッシング対策
3. スパイウェア対策
4. パスワード等のプライバシー情報管理の強化
5. タブブラウジング機能
6. ツールバーに検索ボックスを設置
7. ユーザーインターフェイス（UI）の改善
8. 印刷機能の改善
9. RSS リーダー
10. CSS 2 への対応
11. 透過 PNG 画像への対応

どの機能も重要ですが、Web ページの閲覧がメインの一般的なユーザーにはタブブラウジング機能と検索ボックス、RSS リーダーあたりが目に見えて変わるところでしょうね。

タブブラウジング機能

これについては今さら何も語ることはないでしょう。言わずと知れたタブ切り替え機能です。先日、IE 6 をタブブラウザにできるという MSN Search Toolbar がリリースされましたけど、あれは MSN の機能を利用する必要がない者にとっては著しく無駄なスペースを取らせてしまう上に MSN Search Toolbar そのもののシェア拡大が目的なんだろうということで散々に叩かれていましたね。(笑) そんな中途半端なものではなく、今度はちゃんとした形で実装されるようです。でも、それでも、みんな Sleipnir や Donut を IE 7 の上に結局 被せそうな気がするのは僕だけでしょうか？(^ ^;)

検索ボックス

検索ボックスは Firefox や Sleipnir（スレイプニル）なんかのように、アドレスバーの右端に付くサイト検索用のテキストボックスのことです。どうせ、MSN しか使えないんだろうとか思いきや、どうやらちゃんと Google や Yahoo ! などから任意の検索サービスを選択できるようになっているようです。これは結構。でも、これだけだったら結局 Firefox や Sleipnir の方が高機能です。IE 7 のアドバンテージはありませんね。

印刷機能

印刷用の CSS や PDF を独自に用意されている方もいると思いますが、これまでHTML や CSS の書き方次第では、ページの右端が切れてしまうなど、Web ページが適正に印刷されないケースが多々ありました。これをブラウザレベルで簡単に補正する機能をつけるようです。企業系サイトはともかく、印刷のことまで考慮して手の込んだことをあまりしない個人サイトや中小企業・自営業サイト、非営利コミュニティのサイトなどの印刷で活躍しそうですね。これは意外と重宝しそうな機能です。

RSS リーダー

以下、ちょっとだけ小難しい話になってしまってすみません。わからない人は遠慮なく飛ばしちゃってください。(^_^;ゞ

この RSS リーダーについては ATOM なども含めた全ての現行形式に対応するほか、"Simple List" と呼ばれる MS が独自に提案する形式にも対応する予定だという情報もあります。"Simple List" はランキングとかプレイリストとか、RSS をソータブルリストとして扱えるようにする点に特徴があるんですが、Creative Commons ライセンスで仕様を公開するという割には名前空間が W3C とかではなく microsoft.com になっていたりと、相変わらず規格を自社で囲い込んでしまって標準化しないという Microsoft 的な姿勢が見え隠れしてもいます。

透過 PNG 画像にようやく対応

IE はいまだに透過 PNG に対応していません。これは IE が Firefox や Opera、Safari といった他のブラウザに対して明らかに遅れているところの一つです。もともと透過 PNG が増えてきたのは、米 Unisys 社の GIF 画像の圧縮技術に対する特許問題が原因でした。米 Unisys 社の特許は今となってはもう有効期間を過ぎてしまっているので（2003〜2004年に失効。時期は地域ごとに差があります）、GIF 画像に対する特許料を支払う必要はなくなったのですが、画像の内容によっては透過 GIF よりも透過 PNG の方が圧縮率が良くていまだによく利用されているのが現状です。それを考えれば対応は当然といえば当然ですね。っていうか、今ごろおせーよ！といいたいのは小生だけではないはず。

CSS 2 対応

これはむしろ閲覧者よりも Web制作者にとって気になる部分ですね。これも IE が遅れている（あるいは混乱の元凶になっている）分野の一つです。おかげで Web 制作者にとっては IE とその他のブラウザとの間で表示が乱れないようにするために様々な苦労を強いられています。一応、CSS 2 の標準規格に準拠するというようなコメントは Microsoft 側からは出ているんですが、この白書では Web制作に従事している人からのバグ報告によって優先順位をつけて対応していくというような内容がごく短く書かれているだけで、標準規格準拠への意識がトーンダウンしている感が否めず、果たしてどこまで CSS 2 に正確に準拠してくれるのか若干 不安になってきました。レンダリングエンジンを標準準拠モード（standards mode）と後方互換モード（quirks mode）とに分離するんじゃなかったの？

Internet Explorer 7 is prioritizing compliance to CSS standards by first implementing the features that developers have said are most important to them.（IE 7 は、開発者たちにとって最も重要とされている機能をまず先に実装していくことによって、CSS 標準に順次準拠していく。）

以上、雑駁ですが、たまには IE もネタの俎上に上げてみました。若干、私見も入ってますが、読みながら笑い飛ばして下されば幸いです。

参考

Technology Overview: Microsoft® Internet Explorer 7 Beta 1 for Windows® Vista™ and Windows XP SP2