第1回、第2回でようやく自社ホームページを立ち上げるところまでお話しました。1995年のことです。それから現在まで約20年間、驚くべきことにウェブの根本的な仕様は変わっていません。それは「HTMLという書式の文書をブラウザで見る」という基本構造です。考えると、Webの仕組みを考えたティム・バーナーズ・リーの聡明さを改めて感じます。(後年彼は「http://」の「//」はなくてもよかったと語っていて、なんか人間的で面白いなぁ思いました。)とは言え、この20年間、表面的にはいろいろなブームが興ってはいつの間にか消えていきました。今回はそんなウェブ栄枯盛衰の中でも、ブラウザに絞って思い出してみたいと思います。Navigatorでした。初期の頃にはMosaic(モザイク)というブラウザが主流、というかそれぐらいしかなかったのですが、Netscapeはそれを発展させ、使い勝手やグラフィカルな表現を発展させたもので、あっという間にスタンダードになりました。Netscape社を立ち上げた若きマーク・アンドリーセンは一躍時代の寵児となり、今でいうFacebookのマーク・ザッカーバーグのようでした。Netscapeというブラウザには独自の機能がけっこうあって、それが後になってW3C(簡単に言うとWebの規格を決めているところ)の方針や仕様と齟齬を生じさせることがあり、僕らウェブ制作者の頭を悩ませることになります。今でこそほとんど使われなくなりましたが、フレーム機能(ウェブの画面を分割して複数の画面を同時に表示させる機能)や、今では当たり前に使われているJavaScriptもこのNetscape社で開発され実装されたスクリプト言語でした。ちなみに1996年当時はブラウザシェアが70%ほどあったようですが、その後マイクロソフトが対抗してリリースしたInternetExplorerに徐々にシェアが奪われていき、2002年8月のバージョン4.8で開発は終了しています。Explorerインターネットで後れをとったマイクロソフト社がNetscapeに対抗すべく「Windows95」の発売に合わせてリリースしたマイクロソフト社製のブラウザ。ご存知のように今でも現役で、最新のバージョンは11。Explorer(以下IE)は、Windows95の標準ブラウザとして含まれていたため、後発ながら徐々にシェアを伸ばし、ブラウザ戦争と呼ばれたNetscapeとのシェア争いに勝利。2000年頃にはシェアをほぼ独占し、標準的なインターネットブラウザとなりました。ブラウザとしての品質や表現力においてNetscapeよりも劣っている部分やバグ(動作の不具合)も多く、これまたウェブ開発者の頭を悩ませることとなりました。とってIEは、「常に半歩遅れているブラウザ」という印象でした。Opera、Firefox、Safari、そしてChrome、EdgeそんなIE独占時代に風穴を開けたのが、2000年代中ごろに相次いで登場してきた次世代のブラウザたちでした。北欧からOperaというブラウザが登場。なんだかマニアックな印象のブラウザでしたので一般には普及しませんでしたが、久しぶりの新しいブラウザの登場に新鮮な驚きを感じたものでした。その後登場したFirefoxは一般にもそこそこ普及し、IEに不満を覚えるネットリテラシー高めの人たちに広く受け入れられていきました。僕ら開発者にとっては、プラグインという機能拡張で各種の便利な機能を追加できたことが大きかったです。今でもウェブ制作者の間ではFirefoxをメインに使っている人も多いんじゃないかと思います。SafariはMacOSに標準のブラウザで、Windows版もありますが主にマックユーザーが標準ブラウザとして使っていますので、爆発的に普及することもありませんが、今でも常に一定のシェアを保っています。2008年、ついにGoogle社がChromeというブラウザをリリースし、今では最も普及しているブラウザとなりました。Chromeを初めて使ったときの速さとシンプルさは衝撃的で、ブラウザの新しい時代を感じさせるものでした。約4%※「WebブラウザシェアランキングTOP10」参照1位~10位を合算して集計。Chromeとなっています。日本に特有の傾向としてはIEがまだ強いです。いえ国内でもシェアの上ではIEはすでに主流ではなく、Chromeが主流となっています。僕らウェブ制作者にとっては、ブラウザの違いによる仕様の差はそのまま制作上の問題であり、ブラウザ戦争の趨勢はそのまま実務に直結し、ブラウザの数だけ苦労も多かったわけですが、最近はようやく各ブラウザによる差異も減りつつあり、制作環境は安定しつつあります。20年を経てようやく成熟してきたと思いたいわけですが、ウェブの歴史は流行と衰退の歴史であり、いつまでもこの状況が続くはずがないと、ウェブ聡明期から経験してきた僕は思っています(苦笑)。この記事は1年以上前の記事で内容が古くなっている場合があります。【CSS】今更ながら、フレックスボックスの使い方をまとめてみた。