第1回：インターネット黎明期「テキストと背景色の世界」
〜デザインという概念が存在しなかった時代〜
導入：すべては「論文を読むため」に始まった
私たちが普段目にしている、美しい写真やアニメーションで彩られたWebサイト。
しかし、Webの歴史の始まりには 「デザイン」 という概念そのものが存在していませんでした。なぜなら、Webはもともと「学者が研究論文を効率よく共有するため」だけに作られたシステムだったからです。
新シリーズ「Webデザイン進化論」の第1回は、真っ白な画面に黒い文字だけが並んでいた1990年代前半の黎明期と、そこに初めて 「色」 と 「画像」 がもたらされた時の感動の歴史を紐解きます。
1. 世界初のWebサイト（1991年）
1991年8月6日、スイスの欧州原子核研究機構（CERN）に所属していた科学者 ティム・バーナーズ＝リー によって、世界で初めてのWebサイトが公開されました。
当時の画面に、華やかな装飾は一切ありません。
真っ白な背景に、黒いテキスト。そして、クリックすると別のページに飛ぶことができる 「青色のリンク（ハイパーテキスト）」 があるだけです。
使われていたHTMLタグも、見出し（ <h1> ）、段落（ <p> ）、リスト（ <ul> ）、リンク（ <a> ）といった、文章の 「構造」 を示すための必要最低限のものだけでした。
誰も画面を「オシャレにしよう」などとは考えておらず、いかにして文字情報を素早く、正確に伝えるかだけが重要だったのです。
2. 「飾りたい」という人間の欲求と <font> タグ
しかし、Webを利用する人が学者から一般の人々へと広がるにつれ、「ただの白黒の論文ではなく、もっと個性を出したい、目立たせたい！」という人間の根源的な欲求が爆発し始めます。
1993年に登場したブラウザ「Mosaic（モザイク）」によって、初めてWebページに 「画像（ <img> タグ）」 を埋め込めるようになりました。文字しかなかった世界に写真が表示されたことは、当時の人々にとって魔法のような出来事でした。
さらにその後、覇権を握ったブラウザ「Netscape Navigator（ネットスケープ）」などが、HTMLに 「見た目を装飾するための独自ルール」 を次々と追加していきます。
- 文字のサイズや色を変える
<font>タグ - 画面の背景色をグレーや原色に塗りつぶす
bgcolor属性 - 文字を画面の真ん中に寄せる
<center>タグ
これらの登場により、Webサイトはついに「白黒の文書」から 「色鮮やかなキャンバス」 へと変貌を遂げたのです。
💡 推論：「Webデザイン」という言葉の誕生
歴史上、誰が一番最初に「Webデザイン」という言葉を使い始めたのか、確実な歴史的記録（明確な事実や第一号の人物）は残っていません。
しかし当時の状況から推論すると、この <font> タグや画像が使えるようになった1994年〜1995年頃、雑誌やポスターを作っていた 「紙媒体のグラフィックデザイナー」 たちがWebの世界に参入し始めたことで、初めてWebに「デザイン」という概念が持ち込まれたのだと考えられます。
3. ブラウザ戦争と「動く文字」の狂気
「より派手な機能を作ったブラウザこそが、世界を制する」
そう考えたNetscape社とMicrosoft社（Internet Explorer）は、激しいシェア争い、通称 「第一次ブラウザ戦争」 を繰り広げます。
彼らは「相手のブラウザでは動かないが、自分のブラウザだけで動く派手な独自タグ」を競うように乱発しました。その代表格が、現代では伝説となっている以下のタグたちです。
-
<blink>タグ（Netscape陣営）： 文字がチカチカと激しく点滅する。 -
<marquee>タグ（IE陣営）： 文字が電光掲示板のように右から左へ延々とスクロールする。
当時のWeb制作者たちはこれらのタグを面白がり、個人のホームページは 「目が痛くなるような原色の背景に、チカチカ点滅する文字と、流れる文字が入り乱れる」 という、まるでネオン街のようなカオスな状態へと突入していきました。
おわりに：パンドラの箱は開かれた
こうして、Webは「学者のための論文共有システム」としての本来の姿を失い、派手な装飾と自己表現の場へと姿を変えました。
しかし、当時のHTMLには 「要素を横に並べる（レイアウトする）」 という機能がまだ存在していませんでした。「色」や「動き」を手に入れたデザイナーたちは、次に 「自由なレイアウト」 を渇望するようになります。
それが、次なる狂気の時代への入り口でした。
次回予告
「画像を左に、文章を右に配置したい。でもHTMLにはそんな機能がない……」
絶望するデザイナーたちが編み出したのは、表計算のためのタグをパズルのように切り貼りする 「禁断の裏ワザ」 でした。
次回、第2回。
「混沌と職人技『テーブルレイアウトと透明GIF』 〜見えない1ピクセルが支えたWebの骨格〜」
📚 参考文献・出典
-
世界初のWebサイト (CERN)
- ティム・バーナーズ＝リーが公開した世界初のWebサイトの復刻版です。当時の「完全なテキストとリンクだけ」の世界を確認できます。
- http://info.cern.ch/hypertext/WWW/TheProject.html
-
HTMLタグの歴史的変遷
- W3C（World Wide Web Consortium）が管理する過去のHTML仕様書。
<img>タグの導入など、初期のWebの進化の過程が記録されています。
- W3C（World Wide Web Consortium）が管理する過去のHTML仕様書。
🤖 執筆協力
本記事の構成案作成および推敲には、生成AIのアシストを活用しています。