動作&表示チェック用のブラウザを入手しよう-独学！未経験からWebデザイナーになる！！

動作&表示チェック用のブラウザを入手しよう

・東京近郊の方へ。Webデザイナー就職・転職カウンセリングサービス始めました。
・お悩み相談室。Webデザイナーへの就職・転職の悩み、気軽に相談してください。

Webサイトへのアクセスに使われるウェブブラウザは、マイナーなものまで含めると実はかなりたくさんあります。しかも、それらの中には多少クセのあるブラウザも存在し、同じWebページであっても表示のされ方が異なる場合があります。ちょっと文字がずれただけ、、というくらいならまだいいですが、レイアウトが崩れまくってしまう・・なんてこともあったりするのです。

Webデザイナーの制作するWebサイトは、金銭のやりとりの上に提供する商品です。ですからその商品に不具合があるのはとてもまずいこと。そうならないためにも様々な環境を用意し、表示チェックをしないといけないのです。

とはいっても全ての環境に完璧に対応するのは、現実的には不可能です。それでも、シェアの多いブラウザでの表示チェックは、Webデザイナーにとっては絶対に欠かすことができません。ですから、学習をはじめる際にはメジャーなブラウザだけはあらかじめインストールしておきましょう。

代表的な種類と特徴

それでは、どんな種類があるのかをさっそく見ていきましょう。

Internet Explorer - インターネットエクスプローラ

Windowsが標準で搭載しているブラウザのため最も使っている人が多く、10人中7程はInternet Explorer（以後IEとします）を使っていると言われています。その中でもWindows版のIE6/IE7/IE8というバージョンが執筆時（10/1/13 更新）は最も多く利用されています。ですから、IEの表示チェックはかなり重要と言えるでしょう。

Windowsユーザの方は、すでにIEがインストールされていると思いますので、まずはお使いのIEのバージョンを確認してみてください。確認方法はIEを立ち上げ、画面上部の右端にある「ヘルプ」→「バージョン情報」にVersion:6.0.29～のように書いてあります（この場合はIE6ですね）。

Windows版IE

まずはIE6以上に対応できるようなレベルになれればいいでしょう。つまり現時点ではIE6, IE7, IE8の環境が必要です。しかし、IEはWindowsのシステムと密に関連しているので、同一のPCに複数のIEをインストールすることはできません。複数のPCをお持ちで、両ブラウザを用意できればいいのですが、もしPCが一台のみの場合はIE Testerというフリーソフトを使うといいでしょう（私も使っています）。

IE TesterはIE5.5 IE6 IE7 IE8で動作を確認できるソフトです。ただし、そのWindowsにインストールされているIE以上のバージョンはチェックできませんのでご注意ください。例えば、OSがXPで、IE6までしかインストールされていなければIE6までしか確認できません。その場合はまずIE7にアップグレードする必要があります。（アップグレードに関してはマイクロソフトのサイトで行えます）

Mac版IE

以前はInternet Explorer for Macという名称の、Macのデフォルトブラウザだったのですが、現在はSafariというブラウザに切り替わっています。2005年4月29日にリリースされたMac OS X 10.4 Tigerからは、IEはOSに同梱すらされていないので、今現在は限りなくシェアは低いです。中古のMac OS（v10.3がいいでしょう）を買ってくるか、evolt.orgというサイトでダウンロードできるようですが（もちろんMac専用）、学習用にはもういいんじゃない？とこそっとぼやいてみます(笑)

ちょっと思い出話ですが、Mac版のIEは挙動がおかしく、問題児的なブラウザでした。人から聞いた話ですが、某有名ウェブデザインの学校で、Mac版のIEは無視していいよと言われたそう（！）です。それくらいやっかいものだったということでしょうね。

IE6もやっかいもの！？

Mac版のIEは置いておき、実は学習中のWebデザイナーにとって時にやっかいになるのはIE6。CSSの実装がおかしいので、コツをつかむまでは結構苦労するのです。しかもIE6は非常に使い勝手が悪いブラウザにもかかわらず、普及度の高いWindows XPに標準でついてくるので、他に選択肢があることを知らずに使う方が多いのも困った点です。Windowsアップデートでアップデートするように通知されているにも関わらず、2009年12月のデータで未だにIE中で第一位となっています（資料：マイコミジャーナル）。

Fireｆox - ファイヤーフォックス

登場は後発な方に入りますが、着実にシェアを伸ばしているブラウザです。実用性が高く、タブ機能や、自由に拡張できることからも人気があります。（ちなみに私もFirefoxをメインに利用しています）IEについでシェアが高まってきていますので、IEと同じくらい表示チェックの重要度は高いです。Windows版とMac版がありますので、是非インストールしておきましょう。（Windows＆Mac：ダウンロードはこちら）

Safari - サファリ

現在MacOSの標準ブラウザになっているのがSafariです。「WindowsにおけるIE」と同じような理由によりMac OS X v10.3以降にはもともと入っているので、Macユーザ内ではかなりのシェアがあります。しかし、Mac自体のシェアが少ないので、絶対的な数はそれほど多くはありません。それでも近年のMac人気＆売り上げ増を考えれば、無視できない存在です。

Windows版サファリも！？

実は、マイナーですがWindows版Safariもあったりします（Windows：ダウンロードはこちら）。ただしインストールしている人はかなり少なそうなので、Mac版とは異なり重要度は低いです。

Google Chrome

2008年にできたばかりのGoogle社のブラウザです。2009年12月時点では4,63%のシェアを得ています。今後（どこのメーカーかは知りませんが）PCにプリインストール（あらかじめインストール）されて出荷される可能性があるとのことで、もしかするとさらにシェアが伸びる可能性もあります。

Opera - オペラ

高速を売りにしているブラウザで、昔からの根強いファンがいるブラウザです。サイトによりますが、2%前後の割合でユーザがいますので、商用サイトではチェックが必要になるかもしれません。……といっても、きちんとしたCSSを書いておけばおかしな表示はあまり発生しない感があるので、私もおまけ的な表示チェックくらいしか行っていません。（Windows＆Mac：ダウンロードはこちら）

NetScape - ネットスケープ

IEと並んで伝統あるブラウザですので、まだ利用している方もいますが、現在は開発が終了しています。たまーにお使いの方もいますが、よほどの商用サイトでなければ、もういいかもしれません。（Windows＆Mac：ダウンロードはこちら）。

インストールするのはどれ？

いろいろな種類をご紹介しましたが、Webデザイナーの学習をするうえでインストールするのはどのブラウザでしょうか？答えは……全部インストールしろとはいいませんが、余力があればいろいろとインストールしてみてください。様々なブラウザで体験＆チェックしてみることが学習につながると思います。

しかし、それでは面倒くさい！という方もいるでしょう。それは私も同じ意見です(^^;)。さすがに学習とはいえ、そこまでチェックするのはコストがかかりすぎると思います。あまり懲りすぎてもきりがないので、まずはIEやFirefox等の主要ブラウザでまともに表示できるようになることを優先するのもいいでしょう。