ハクソク

世界を動かす技術を、日本語で。

CERNが1989年のオリジナルブラウザを再構築（2019年）

94日前原文(worldwideweb.cern.ch)

概要

WorldWideWeb は1990年にCERNで開発された最初のウェブブラウザ。 2019年、 CERN で現代ブラウザ向けに再現プロジェクトが実施。 ユーザーはオリジナルの操作感を 体験可能。 プロジェクトは US Mission in Geneva の支援を受けて実現。 本記事では 歴史・使い方・関連情報 を解説。

WorldWideWebブラウザの誕生

  • WorldWideWeb は Tim Berners-Lee らによって NeXTマシン 上で開発
  • CERN （欧州原子核研究機構）が開発拠点
  • 1990年12月、世界初のウェブブラウザ兼エディタとして誕生
  • 現在の Web の基礎となる技術・概念を確立
  • オープンな情報共有とリンク構造の始まり

2019年の再現プロジェクト

  • WorldWideWeb 誕生30周年を記念し CERN で再現プロジェクト実施
  • 当時のブラウザを 現代のWebブラウザ 上で再構築
  • 世界中のユーザーが オリジナル体験 を可能に
  • CERN & Society Foundation と US Mission in Geneva が支援
  • 開発者・デザイナーが協力し忠実な再現を目指す

WorldWideWebブラウザの使い方

  • サイドメニューから "Document" を選択
  • "Open from full document reference" をクリック
  • URL を"reference"欄に入力
  • "Open" をクリックしページを表示
  • リンクはダブルクリック で遷移する操作感

機能と特徴

  • ドキュメント編集 や リンク作成 が可能
  • シンプルなインターフェースと NeXT特有のタイポグラフィ
  • オリジナルコード の一部も公開
  • インターフェースパターン や操作方法の紹介

歴史・関連情報

  • 1989年 の構想メモから30年にわたる Webの発展史
  • タイムライン で技術・影響の流れを整理
  • 制作プロセス の舞台裏や再現の工夫
  • 関連リンク や追加の技術・歴史資料
  • コロフォン でプロジェクト関係者を紹介

まとめ

  • WorldWideWeb はWebの原点を体験できる貴重なプロジェクト
  • 技術史・デザイン・オープンな情報共有の重要性を再認識
  • Webの変遷 と未来へのヒント

Hackerたちの意見

ブラウザへの直接リンク: https://worldwideweb.cern.ch/browser/

└

テキストのどこでもクリックして編集できるのに気づいた？ なんか途中で何かが失われた気がする。（今はそれをするには別のウィキエンジンが必要だよね）

面白い事実: Erwise[0]は、ヘルシンキ工科大学の学生たちがサー・バーナーズ・リーと一緒に開発した最初の_グラフィカル_ブラウザだったんだ。残念ながら、その時フィンランドには資金がなくて、プロジェクトは中止になっちゃった。ほとんどのメンバーはTeklaで働くことになって、すごいAEC CAD技術に貢献したんだよ。（Teklaは今、Trimbleの子会社ね）[0]https://en.wikipedia.org/wiki/Erwise

└

いや、そうでもないよ。グラーツではCERNの前に、リンクの一貫性を確保するための完全に統合されたシステムを持ったHyper-Gグラフィカルブラウザがあったんだ。1989年の話ね。https://arxiv.org/pdf/2105.08057 CERNでは、ゴーファーにマルチメディアデータを追加して建物の設計図や複雑な計画の画像を共有しようとしてたけど、グラーツでは学生のためにリッチな教育と情報プラットフォームを提供したかったんだ。残念ながら、商業化してオープンソースにはならなかったから、悪化した部分もあったけどね。まあ、セッションレスサーバーとしてのhttpdは実際には良かったけど。

1992年頃、RNEC Manadon（イギリス、デボン）で働いてた。上司にこの新しいwwwのことを調べてくれって頼まれたんだ。Win 3.1のPCから一番近いVAXにtelnetした。そっからX.25 PADにtelnetして、アメリカ経由でスイスとCERNに行った。見た目はgopherやWAISと同じだったから、そう報告したんだ。「gopherと同じに見える」って。Tim BLがwwwやhtmlを発明したとき、ブラウザはtelnetで、グラフィックスは意味がなかった。

└

NeXTコンピュータでの体験は全然違った。WAISは内蔵のDigitalLibrarianソフトウェアをモデルにしてた。上のペインでサイトを選んで、真ん中のボックスに検索語を入れると、下のペインにドキュメントのリストが表示されて、ダブルクリックで開けた。すごく検索エンジンっぽかった。gopherは構造化されてて、今のGeminiもそのフォーマットを守ってると思う。サイトを読み込むと、リンクの階層が上のカラムブラウザに表示されて、選択したドキュメントが下のペインに現れる。WWWは比較するとあまりに見劣りしてた。アプリレベルのナビゲーションサポートもなくて、画像やフォーマットのサポートもほとんどなかったし、みんなウェブページを作ることを学んでなかったから、将来がどうなるか全然見えなかった。勝ち馬を選ぶのは得意じゃないんだよね :-(

└

90年代中頃、EDI会社で働いてた。X.25はまさに無法地帯だった。ノード名を知ってる人には誰でもpppセッションを立ち上げるルーターがあった。パスワードなしで、コアネットワークにそのまま接続できたよ（笑）。

└

1993年にネットに接続した。ウェブはすごく「まあまあ」だった。HTMLを書くためのチュートリアルがたくさんあったけど、役に立つコンテンツはほとんどなかった。IRCとUsenetが盛り上がってたね。

古いNeXTStation Colorを起動してから約16年が経った。そこには1.0か遅いベータ版のコピーがあったんだ。最後に試したとき、使えたサイトはuseit.comだけだった。元々はNielsen NormanのUX専門家のホームだったよ ;-)

CERNチームがNeXT UIでやったビジュアル、めっちゃ好き！歴史的なブラウザを現代の中で再構築するのは面白いけど、毎回同じ技術的な壁にぶつかるんだよね。それがiframes。美しいレトロUIを作って、アドレスバーを繋げて、現代のサイトを読み込もうとすると、CORSやX-Frame-Options、CSPのブロックにぶつかる。まあ、これが本来の動き方なんだろうけど。そうじゃないと、みんなが勝手にオープンウェブをiframeして、クリックジャッキングの大惨事が起こっちゃうからね。セキュリティ的には全く理にかなってるよ…はぁ。でも、90年代のノスタルジーを感じたくて、これを乗り越える方法が欲しかったんだ（とはいえ、NeXTとこのブラウザは実際には80年代後半のものだけど）。レトロな再現の中に本物のオープンウェブがあって、ただの制限されたiframeブロックの模倣じゃないものがね。あるいは「すべてがarchive.orgにリンクしてる」みたいなもの。これを実現するために、カスタム埋め込みAPIを作らなきゃいけなかった。基本的には、完全に隔離されたリモートのChromiumインスタンスをカスタム要素のiframeを通してレトロシェルに直接流し込む感じ。エンジンは本物で、ブラウザが物理的に隔離されてるから、ネイティブのセキュリティ境界を尊重してるけど、90年代の重厚なUIをまとってるから、90年代の雰囲気が味わえるよ。現代のウェブをちゃんとサーフィンできる90年代のノスタルジーを楽しみたいなら、ここにライブ版を用意したよ：https://win9-5.com/demo。レトロなモデムのダイヤルアップのエレベーター音楽も聞いてみて。非オールドスクールの人たちは、モデムの鳴き声を実際に体験したことがないかもしれないね。

ジョブズの映画が彼のNeXTやピクサー時代をすっ飛ばしちゃうのは本当に残念だよね…1983年には、家庭用ネットワーク接続が「解決」されるまで10〜15年かかるって予測してたんだ。10年後、ワールドワイドウェブが一般公開されて、元々は彼の会社のNeXTプラットフォームで1989年に開発されたものだったんだよ。

└

2015年の映画では、NeXTのローンチに全ての第二幕が捧げられてるんじゃない？

これを見てると、当時のUXがどれだけひどかったかに驚くよ。スクロールバーが左にあって、三段階のメニュー…改善された点は、昔と比べて初めて見えることがあるね。

└

これを見てると、当時のUXがどれだけひどかったかに驚くよ。スクロールバーが左にあって、三段階のメニュー… たぶん「悪い」とされる唯一の理由は、単に慣れてないからなんだよね。あのUIに慣れてる人が、今のインターフェースについて同じことを思うかもしれないし、消えるスクロールバーやフラットデザイン、混乱するアイコンについてね。

└

URLを入力するための深くネストされたメニュー、確かにそれは悪いよね。でも、スクロールバーが反対側にあるのが良いのか悪いのか、どうしてそうなるの？VS Codeではミニマップを左に設定して、スクロールバーとして使ってるけど、実際にはかなりいい感じだよ。

└

メニューが剥がせて好きな位置に置けるのが懐かしいな。

誰かが関数型言語でリファレンス実装を書いてくれたらいいのに。少なくともそれで仕様が正式に定まるだろうし。

1989年にこれをやった人たちに会って、今の状況になるなんて思ってたのか聞いてみたいな。

└

元々のWWWの提案は、読んでみると結構簡単で面白いよ。https://www.w3.org/History/1989/proposal.html その中の要件の一つに分散型の性質があって、これが特に面白いと思ってたんだ。 > 「CERNの要件 - 非中央集権 - 情報システムは小さく始まり、成長する。最初は孤立していて、後から統合される。新しいシステムは、既存のシステムが中央の管理や調整なしにリンクできるようにしなければならない。」 直接的に質問には答えてないかもしれないけど、少なくともその時点で一人の人がどう考えていたかの視点は示してるね :)