サイトの表示は複数ブラウザでチェック
ブラウザごとに表示がちがう
ブログやホームページを作る時に注意したいのが、ブラウザごとの表示の違いです。「ブラウザ」というのはホームページを見るためのソフトで、多くの人は左上に「e」のマークがある「Internet Explorer（インターネットエクスプローラ）」を使っているのではないでしょうか。
特にスタイルシートを使って凝ったデザインをするようになると、ブラウザごとの表示の違いに悩まされることになります。文字の大きさが違ったり、画像の位置がずれたり…。さらに、レイアウトが崩れたり色がまわりにはみ出したりと致命的な表示ミスが起こることもしばしばです。
「ブログのテンプレートを変更したらデザインが崩れた！」という経験のある人も多いのではないでしょうか？これもブラウザごとの表示の違いが原因です。あるブラウザではきちんと表示されるテンプレートでも、別のブラウザだとデザインが崩れることがあるのです。
ブラウザがもつバグ
サイトのデザインが崩れる原因のひとつに、ブラウザがもつ特有のバグがあります。特に日本での利用者が多い「インターネットエクスプローラー」でバグが多いのが困りものです。
ブログやホームページを作るなら、ブラウザ特有のバグを知り、どんなブラウザで見てもできるだけ表示が崩れないデザインにしていく必要があります。
利用者数の多いブラウザ
上のデータはあるサイトの2009年1月7日～1月24日の３週間のアクセス解析のデータです。この期間、このサイトには毎日600人～700人のユーザーが訪れています。
データを見てのとおり、80％近くの人が「Internet Explorer」を使っています。２位の「Firefox」と合わせるとシェアは90％を超えます。このサイトはネット関連の情報を扱っているサイトなので、ネットに精通しているユーザーも多くいろいろなブラウザがランクインしていますが、初心者が集まるようなサイトならもっと「Internet Explorer」の割合が増えます。
次にこのデータを見てください。上のデータの中から「Internet Explorer」のどのバージョンを使っているかを抽出したデータです。
70％くらいのユーザーが「Internet Explorer 7」
30％くらいのユーザーが「Internet Explorer 6」
を使っていることがわかります。
「InternetExplorer」と「FireFox」
ほとんどのユーザーは買ったときにパソコンに設定されているブラウザをそのまま使っています。つまり、最近買った人なら、「Internet Explorer 7」を使っているということです。
ホームページを作ったことがある人なら、公開したページの表示を自分が普段つかっているブラウザで確認していると思います。しかし、みんなが同じブラウザであなたのサイトを見ているとは限らないということを覚えておいてください。
サイトの致命的な表示崩れを防ぐために、ページのチェックは複数のブラウザで行いましょう。多ければ多いほうがいいのですが、最低でも「Internet Explorer」と「FireFox」、余裕があるなら、「Safari」や「Chrome」もチェックしておきましょう。
主なブラウザの紹介
InternetExplorer(IE：インターネットエクスプローラ)
日本人の70%以上が使っているブラウザです。ホームページを作る側からすると、シェアが多い割りにバグも多いやっかいなブラウザです。
上のデータからもわかるように、2009年1月時点では約70％の人が「IE7」を使っています。３ヶ月ほど前に調べたときは、IE7とIE6のシェアが半々だったので、IE7の利用者が増えているのがわかります。（データにあるIE8は、改良中のお試しバージョンです）
ただ、IE7とIE6の両方を１つのパソコンに入れることはできないので、どちらか１つで確認することになります。私はよりバグの多いIE6で確認しています。
FireFox
2008年夏頃から人気が出てきたブラウザです。マウスジェスチャなどの便利な機能が多く、使いやすいタグブラウザです。初心者はボーダー（境界線）や背景色のバグにはまることが多いので、チェックしておきましょう。
Safari
Macに標準搭載されているアップル社製のブラウザです。Macでの表示まで考え出すと、WindowsとのOSの違いによるバグもあったりするのですが、OSの違いまでチェックするのは難しいので、ブラウザだけでもチェックできるならしておきましょう。
Chrome
Googleが公開しているブラウザです。動きがスムーズで、ネット玄人に人気があります。日本でのシェアはそれほどありませんが、心配ならチェックしておきましょう。