インターネットの夜明け！世界最初のウェブページが教えてくれること

2026年3月10日 2026年3月10日山崎講師

山崎講師

世界最初のウェブページが誕生した日！インターネットの原点をのぞいてみよう

こんにちは。ゆうせいです。

みなさんは今、この文章を何で読んでいますか？スマートフォンでしょうか、それともパソコンの画面でしょうか。指先ひとつで世界中の情報に触れられるこの魔法のような道具、ウェブブラウザ。その向こう側に広がる広大な情報の海には、たったひとつの「始まりのページ」が存在することを知っていますか？

今回は、私たちが毎日当たり前のように使っているワールドワイドウェブ、通称「ウェブ」が産声を上げた瞬間にタイムトラベルしてみましょう！

以下のリンクをたどることで世界最初のWebページにアクセスすることができます。

https://info.cern.ch/hypertext/WWW/TheProject.html

1991年、すべてはここから始まった

今から30年以上前の1991年8月6日。スイスのジュネーブにあるCERN（欧州原子核研究機構）という研究施設で、世界で最初のウェブページが一般に向けて公開されました。

これを作ったのは、ティム・バーナーズ＝リーという一人の計算機科学者です。彼は、世界中に散らばっている研究者たちが、お互いの持っている情報を簡単に見つけ出し、共有できる仕組みを作りたいと考えました。

当時のインターネットは、今ほど親切なものではありません。特定の情報を探すためには、複雑なコマンドを打ち込んだり、データのありかを正確に知っていなければなりませんでした。例えるなら、巨大な図書館の中に本が乱雑に置かれていて、司書さんもいない状態です。

そこでティムさんは、ある画期的な魔法を思いつきました。それが、ハイパーテキストという考え方です。

専門用語の解説：ハイパーテキスト

ハイパーテキスト（Hypertext）という言葉を聞くと、なんだかSF映画に出てくる超技術のように感じるかもしれませんね。でも、仕組みはとってもシンプルです！

高校生のみなさんなら、教科書や参考書を読んでいるときに「詳細は100ページを参照」という注釈を見たことがありますよね？その文字を指でポンと叩いた瞬間に、一瞬で100ページ目にジャンプできる機能。それがハイパーテキストです。

文書の中に別の文書への道しるべを埋め込み、それらが網の目のようにつながっている状態を指します。

メリット：関連する情報を次から次へと芋づる式に見つけられるため、学習や調査の効率が飛躍的に上がります。
デメリット：リンクを辿りすぎて、もともと何を調べていたのか忘れてしまう「ネットサーフィン迷子」になりやすい点でしょうか。

最初のサーバーとブラウザ

ティムさんはこの仕組みを実現するために、世界初のウェブサーバーとウェブブラウザも同時に作り上げました。

サーバー：情報を保管しておく「倉庫」のようなコンピュータです。
ブラウザ：その倉庫から情報を取り出して、私たちの目に見える形に整えてくれる「閲覧ソフト」のことです。

このとき使われたサーバーマシンには、なんと「これをシャットダウンするな。サーバーなんだから！」という手書きのシールが貼られていたという、人間味あふれるエピソードも残っています。

もし、ティムさんがこの仕組みを一人占めして、特許でお金儲けをしようと考えていたらどうなっていたでしょうか？おそらく、今の自由でオープンなインターネットの世界は存在していなかったはずです。

彼はこの素晴らしい仕組みを、世界中の誰もが無料で、自由なルールで使えるように開放しました。これって、ものすごく太っ腹で、愛に溢れた決断だと思いませんか？

さあ、世界初のページがどんな見た目だったのか、気になってきませんか？

次は、そのページを形作っている「言葉」の正体に迫ってみましょう！

第2章：ウェブを支える魔法の言葉「HTML」と「URL」

世界初のウェブページが誕生した背景を知ると、次に気になるのは「どうやって動いているの？」という仕組みの部分ですよね。私たちがブラウザにポチポチと文字を打ち込んだり、リンクをクリックしたりするとき、舞台裏では魔法のような言葉が飛び交っています。

今回は、ウェブの世界を支える3つの柱について、高校生のみなさんにもわかるように噛み砕いてお話しします！

文書の骨組みを作る「HTML」

まず、ウェブページを書くための専用の言葉が HTML です。これは HyperText Markup Language （ハイパーテキスト・マークアップ・ランゲージ）の略称です。

「マークアップ」という言葉、聞き慣れないかもしれませんが、実は「目印をつける」という意味なんです。

例えば、ただのテキストデータに $<h1 \! >$ 最初のページ $</h1 \! >$ と書き込むと、コンピュータは「あ、ここは一番大きな見出しなんだな！」と理解してくれます。

例えるなら、劇の台本のようなものです。「（ここで泣きながら）さようなら！」と書いてあれば、役者さんはどう演じればいいか分かりますよね。HTMLはブラウザという役者さんに「ここは太字で！」「ここにはリンクを貼って！」と指示を出す台本なんです。

メリット：テキストファイルなのでデータが非常に軽く、世界中のどんなに古いコンピュータでも内容を読み取ることができます。
デメリット：文字だけで構成されているため、そのまま見ると記号だらけで、人間にとっては少し読みづらいと感じるかもしれません。

ネット上の住所「URL」

次に欠かせないのが URL です。正式には Uniform Resource Locator と呼びます。

これは、インターネットという広大な土地にある、情報の「住所」そのものです。みなさんがブラウザの上の方にある枠に入力する $https://...$ で始まる文字列のことですね。

もしURLがなかったら、私たちは世界中のサーバーの中から目的の1ページを探し出すのに、一生かかっても足りないくらいの時間を費やすことになるでしょう。

メリット：世界にたった一つしか存在しないため、友達にその文字列を教えるだけで、全く同じ情報を共有できる点です。
デメリット：一文字でも打ち間違えると「お探しのページは見つかりません」と冷たくあしらわれてしまう、繊細な性格をしています。

情報を受け渡すルール「HTTP」

最後に、ブラウザとサーバーが会話するための共通言語が HTTP です。

みなさんがリンクをクリックした瞬間、ブラウザはサーバーに向かって「このURLのページを見せてください！」とお願い（リクエスト）を飛ばします。するとサーバーは「はい、どうぞ！」とデータ（レスポンス）を返してくれます。

このやり取りのルールが決まっているからこそ、私たちはスムーズにネットサーフィンを楽しめるのです。

さて、仕組みの話を聞いて「なんだか難しそう」と感じましたか？それとも「意外と単純なんだな」と思いましたか？

実は、世界最初のページは、これら $3$ つの要素だけで作られた、驚くほど純粋なものだったんですよ。

次は、その「シンプルすぎる最初のページ」の正体を一緒に詳しく見ていきましょう！

第3章：シンプルすぎる！最初のページの正体

世界初のウェブページの仕組み、HTMLやURLについてお話ししましたが、実際にそのページがどんな姿をしていたか想像できますか？今のYouTubeやSNSのように、キラキラした動画や広告が踊っている様子を思い浮かべたかもしれません。

でも、本当の姿は驚くほど「素朴」だったんです。

画像も色もない、究極のミニマリズム

1991年に公開された世界最初のページには、画像が $0$ 枚でした。背景はグレーか白、文字は黒一色。そこにあるのは、純粋なテキストと、青く光るハイパーリンクだけだったのです。

「えっ、それだけ？」とガッカリしましたか？

でも、この「文字だけ」という潔さこそが、ウェブを世界中に爆発的に広める原動力になりました。

メリット：データ量が極端に少ないため、当時の細い電話回線でも一瞬で表示できました。また、どんな種類のコンピュータでも、文字さえ表示できれば情報を読み取ることができたのです。
デメリット：今のサイトのように、デザインでブランドの世界観を伝えたり、動画で直感的に理解させたりすることは不可能でした。

リンクという名の「どこでもドア」

最初のページに書かれていた内容は、「ワールドワイドウェブ（W3）プロジェクトについての説明」でした。そこには、ハイパーテキストの使い道や、自分たちでサーバーを立てる方法へのリンクがびっしりと並んでいました。

今では当たり前ですが、青い文字をクリックした瞬間に、地球の裏側にある別のコンピュータの中にある文書へジャンプする体験は、当時の人々にとってまさに「どこでもドア」を手に入れたような衝撃だったはずです。

実際に使われていた「計算」の裏側

当時のサーバーとブラウザのやり取りを、少しだけ数式のようなイメージで覗いてみましょう。

もし、ページの中に $5$ つのリンクがあり、それぞれのリンク先にさらに $5$ つの解説ページがあったとします。

$5 \times 5 = 25$

たった $2$ 回クリックするだけで、あなたは $25$ もの異なる知識の断片にアクセスできることになります。これがさらに $10$ 回、 $100$ 回と繰り返されることで、世界中の知識が網の目のようにつながっていく。これがティムさんの描いた理想の姿でした。

今の豪華なウェブサイトも、元を辿ればこの「文字とリンクだけ」のシンプルなページから始まっています。

「引き算の美学」とも言えるこの最初のページ、あなたならどんな情報を最初に書き込みたいですか？

さて、次はそんな素晴らしい発明が、なぜ「みんなのもの」になったのか、その感動的な舞台裏についてお話ししますね！

第4章：なぜ「世界」に公開されたのか？

ここまでは技術のお話をしてきましたが、実は世界最初のウェブページにまつわるエピソードの中で、私が一番胸を熱くするのが「公開のドラマ」なんです。

これほど便利な仕組み、もしあなたが発明者だったらどうしますか？「これでお金持ちになってやろう！」とか「自分の会社だけで独占しよう！」なんて、少しだけ欲が出てしまいませんか？

運命を変えた「ロイヤリティフリー」の決断

1993年4月30日、CERN（欧州原子核研究機構）は驚くべき発表をしました。それは、ウェブの技術を誰でも無料で、自由に、永久に使えるようにするという宣言です。

これを専門用語でロイヤリティフリーと呼びます。

ロイヤリティフリー：著作権などの権利を持っている人が「お金は要らないから、みんなで自由に使っていいよ！」と許可を出すことです。

もし、ウェブを使うたびに $1$ 円の通行料を払わなければならなかったらどうでしょう？例えば、あなたが $100$ ページの記事を読み歩いただけで $100$ 円かかるとしたら、今のように気軽に検索なんてできませんよね。

メリット：誰でも自由に改良したり、新しいサービスを作ったりできるため、ウェブの世界が指数関数的に広がりました。
デメリット：発明者であるティムさんたちが、この技術で直接的な莫大な富を得るチャンスを手放したことです。

爆発的な広がりの計算

この「無料」という魔法が、どれほどの力を持っていたか計算してみましょう。

例えば、ある技術が有料で $10$ 人にしか広まらなかったとします。でも、無料にしたことで、その $10$ 人がそれぞれまた $10$ 人に広め、さらにその先へとつながっていったら……。

$10 \times 10 \times 10 = 1,000$

たった $3$ ステップで $1,000$ 人に届きます。これが世界規模で起きたのが、ウェブの歴史なんです。

「情報は、みんなで共有してこそ価値がある」

この強い信念があったからこそ、今、私たちはスマホ一台で世界中の知識にアクセスできています。ティムさんのこの決断、あなたはどう感じますか？

さて、最後はいよいよまとめです。

世界最初のページから始まったこの長い旅を、私たちはこれからどう歩んでいけばいいのでしょうか。

これからの学習のヒントを、最後にお伝えしますね！

第5章：あなたの「ウェブ」を創る旅へ

世界最初のウェブページが誕生し、それが惜しみなく世界へと開放された物語、いかがでしたか？たった一人の情熱と「情報を共有したい」という純粋な願いが、今この瞬間、あなたがスマホを眺めている景色を作ったのです。

最後に、この物語を知ったあなたが、これからデジタルの海をどう泳いでいけばいいのか、その道しるべをお話しします。

最初の1ページは、今もそこにあります

実は、1991年に公開された世界初のウェブページは、今でも当時のURLで公開されています。CERN（欧州原子核研究機構）の有志たちが、歴史的な遺産として復元してくれたのです。

そのページを訪れて、ブラウザの機能にある「ページのソースを表示」を選んでみてください。そこには、第2章でお話しした $<h1 \! >$ や $<a \! href=... \! >$ といった記号が並んでいるはずです。

「あ、これがあの魔法の言葉なんだ！」と実感すること。それが、あなたの新しい学習の第一歩になります。

これからの学習の指針：あなたにできること

ウェブの歴史を知った今、次のようなステップで自分のスキルを広げてみてはどうでしょうか？

HTMLの基本を触ってみる：メモ帳などのテキストエディタに $<h1 \! >$ こんにちは $</h1 \! >$ と書いて、ファイルを保存し、ブラウザで開いてみてください。これだけで、あなたはティム・バーナーズ＝リーと同じ「ウェブの発信者」になれます。
デザインの魔法「CSS」を知る：最初のページはシンプルでしたが、今は色やレイアウトを自由に変えられる CSS （カスケーディング・スタイル・シート）という技術があります。骨組みに服を着せるような、楽しい作業ですよ。
動きを作る「JavaScript」に挑戦する：クリックすると絵が動いたり、計算をしたりする機能を追加できます。

メリット：自分で何かを作ることで、インターネットの仕組みが「魔法」ではなく「技術」として理解できるようになります。
デメリット：夢中になりすぎて、気づいたら夜中になっていた！なんてことがよくありますので、時間管理には気をつけてくださいね。

ウェブの未来は、あなたの手の中に

ティムさんは、ウェブを「みんなのもの」として届けてくれました。それは、誰もが情報を発信する権利を持っているということです。

もし、世界中の $80$ 億人が、それぞれ $1$ つずつ自分の大切な知識をウェブに刻んだら、どうなるでしょうか？

$80 \times 10^8 = 8,000,000,000$

$80$ 億もの知恵が網の目のようにつながる世界。それは、最初の $1$ ページから始まった壮大な夢の続きです。

次は、あなたがその網の目の一部になる番です。まずは自分の名前を $<h1 \! >$ タグで囲んで表示させることから始めてみませんか？

あなたの「最初の1ページ」には、どんな素敵な言葉を書き込みますか？

最後まで読んでくださって、本当にありがとうございました！

セイ・コンサルティング・グループでは新人エンジニア研修のアシスタント講師を募集しています。

投稿者プロフィール

山崎講師代表取締役

セイ・コンサルティング・グループ株式会社代表取締役。
岐阜県出身。
2000年創業、2004年会社設立。
IT企業向け人材育成研修歴業界歴20年以上。
すべての無駄を省いた費用対効果の高い「筋肉質」な研修を提供します！
この記事に間違い等ありましたらぜひお知らせください。

学生時代は趣味と実益を兼ねてリゾートバイトにいそしむ。長野県白馬村に始まり、志賀高原でのスキーインストラクター、沖縄石垣島、北海道トマム。高じてオーストラリアのゴールドコーストでツアーガイドなど。現在は野菜作りにはまっている。