Web テクノロジーとブラウザの進化

こんにちは！ Web が正確にどのように機能するのか、そしてその謎のブラウザに URL を入力すると実際に何が起こるのか考えたことはありますか?心配しないでください。あなたは一人ではありません — 私たちのほとんどは、ウェブをある種のブラック ボックスとして扱います。しかし、このブログをクリックしたのですから、中を覗いてみたいと思うかもしれません。素晴らしいですね！好奇心は命を奪うかもしれませんが、開発者にとっては、それが秘密のソースです。

仕組みについて少しは知っていたとしても、なぜこのように進化したのか疑問に思うかもしれません。私は、「現在を理解し、未来を予測したり、未来に影響を与えるためには、過去を知る必要がある」と考えています。あるいは、何人かが示唆したように、ハム年表サマジュナ・チャヒエ！それでは、わかりやすくするために、Web テクノロジーとブラウザーの進化を 4 つの簡略化されたフェーズに分けて見ていきましょう。この旅が終わるまでに、ウェブ テクノロジーがどのように進化したかだけでなく、内部で何が起こっているのか、なぜこれらの変化が起こったのか、そしてそれがウェブの将来に何を意味するのかについても理解できるようになります。

注 : これらは正確なタイムラインではなく、理解を助けるために簡略化されたフェーズです。

第 0 フェーズ: 先史時代のウェブ

1980 年代より前の時代に巻き戻してみましょう

大勢の研究者が米国の大学を走り回り、データを転送または共有するためにコンピューター間に物理的な配線を敷設しているところを想像してみてください。これらの技術の先駆者は、ファイルを共有したり電子メールを送信したりするための FTP (ファイル転送プロトコル) や SMTP (簡易メール転送プロトコル) などのプロトコルを確立しました。そのほとんどは画期的な実験に関するもので、場合によっては社内のゴシップに関するものでした。以前は、リモート クライアントを介して接続し、記述されたコマンドを使用してディスクにファイルを保存またはフェッチできるサーバーがありました。

これは少量のデータの場合は問題ありませんでしたが、データがますます速く増加するにつれて、特定の情報を見つけるのが非常に困難になりました。データを取得するには、正確なパス、サーバー アドレスを知る必要があり、おそらくコンピューターの神をなだめるためにちょっとしたダンスをする必要がありました。貴重な情報はデジタル シャッフルで失われる危険があり、洗濯物の渦の中で靴下が消えるように、サーバーに分散してしまいます。

第 1 フェーズ: Web の誕生

1980 年代後半から 1990 年代前半に入る

サー・ティム・バーナーズ・リーという名の優秀な英国人もやって来た。彼は情報管理: 提案と呼ばれる提案を作成しました。その中で彼は、「ハイパーテキスト」として知られる非線形テキスト システムの使用について話しました。これは、巨大な蜘蛛の巣のように接続された関連情報へのリンクを含むテキストを意味します。そのため、関連データの移動と探索がより簡単になり、情報の損失が最小限に抑えられます。

この提案の中で、彼は相互接続されたコンピューターを「ウェブ」とも呼んでいました。そしてまさにそのようにして、World Wide Webが誕生しました。彼はそこで止まりませんでした。彼は続けて、ハイパーテキスト転送プロトコル (HTTP) を発明し、WorldwideWeb (後に Nexus にブランド変更) という魅力的な名前の最初のブラウザ、最初の HTTP Web サーバー、そして最初の Web サイトを開発しました。達成しすぎについて話しましょう!

• HTTP (HyperText Transfer Protocol): クライアント (Web ブラウザーなど) と Web サーバー ( Web サイトをホストするリモート コンピューター)。この名前が気になる場合は、当初は HTML ファイルの転送のみを目的としていたものです。しかし、ヘッダー、特に Content-Type ヘッダーの導入後、後のバージョンではあらゆる種類のデータの転送をサポートするように進化しました。
  
  

• HTTP Web サーバー : この HTTP プロトコルを理解できるコンピューター。この主な仕事は、リクエストを解析し、リクエストされたレスポンスを提供することです。現時点では、ほとんどが静的な HTML、CSS、JPG ファイルです。

ここで HTML (ハイパーテキスト マークアップ言語) が登場し、ハイパーテキストの概念と SGML (Standard Generalized Markup Language) が結合され、文書のフォーマットに使用されました。 HTML の最初のバージョンは非常に基本的なもので、見出し、段落、リスト、リンクをサポートしていました。派手なフォントや派手なアニメーションはありません — 必要なものだけを備えています。

最初の数年間、ウェブは研究者や学者のための特別なクラブのようなものでした。その後、何人かの賢い人たちが、画像を表示できる Mosaic というブラウザを開発しました。はい、画像です！これにより、Web が一般の人々にとってよりアクセスしやすくなりました。なぜなら、正直に言って、写真は 1,000 行に匹敵するからです (このブログには写真はありませんが?)!

ブラウザの内部

それでは、上記の機能を備えたこれらのブラウザ内で何が起こっているのか見てみましょう

ユーザー インターフェイス : どのブラウザにも上部にナビゲーション バーがあり、開いているすべてのタブ (当時はウィンドウ) が表示されていました。その下には、Web サイトのアドレスを入力するアドレス バーがありました。その下には、入力したWebサイトの内容が表示される場所（ビューポート）があります。覚えておいてください、これは検索エンジンが登場する前のことなので、正確な住所がわからなければ、運が悪かったということです — GPS や地図なしで場所を見つけようとするようなものです。

データの取得 : Web サイトのアドレスを入力すると、ブラウザのネットワーク モジュールが DNS 解決などのタスクを実行してデータを取得し、サーバーとの安全な接続を確立して通信を開始します。その後、ブラウザはサーバーから HTML 形式でデータを受信します。

レンダリング エンジン : レンダリング エンジンは HTML の解析を開始します。画像 () やスタイル (