ウェブの閲覧

メモ: この記事のコンテンツは現在不完全です。申し訳ありません!私たちは MDN ウェブ開発の学習の章の改善に努めており、間もなく、 ("TODO") とマークされた場所も完了する予定です。

このモジュールのこの時点では、少なくとも 2 つのウェブブラウザーをコンピューターにインストールしておく必要があります。この記事では、ブラウザーの使用についてもう少し詳しく説明し、ウェブブラウザーの作業方法、操作する一般的なアイテムの一部の違い、情報検索方法について見ていきます。

メモ: 端末に既定でインストールされているブラウザー以外に何も持っていない場合は、いくつか取得してください。最新のウェブブラウザーのインストールを参照してください。

前提条件: コンピューターのオペレーティングシステムに慣れていること。
学習成果:
  • ウェブブラウザーの基本的な操作
  • ウェブブラウザー、ウェブサイト、検索エンジンの違い。
  • 情報の検索。

ウェブはどのように動作するか: 基本事項

TODO

ウェブページ、ウェブサイト、ウェブサーバー、検索エンジンの違い

この章では、ウェブページ、ウェブサイト、ウェブサーバー、検索エンジンなど、ウェブ関連のさまざまな概念について説明します。これらの用語は、ウェブ初心者によく混同されたり、誤って使用されたりすることが多いものです。それぞれの意味をしっかりと理解しておきましょう。

あらゆる分野の知識と同様に、ウェブにも多くの専門用語があります。すべてを一気に押し付けるつもりはありませんのでご心配なく(興味をお持ちなら用語集があります)。しかし、最初に理解しておく必要がある基本的な用語がいくつかあり、これは読む際に常に聞く表現です。これらは互いに関連するものの、異なる役割を持つため、混同しやすいものです。実際、ニュースやその他の場所でこれらの用語が誤って使用されているのを時々見かけるので、これらをまとめて理解しましょう。

これらの用語と技術の詳細に関して詳しく説明しますが、これらを簡単に定義することが良いスタートるになるでしょう。

ウェブページ

Firefox や Google Chrome、Opera、Microsoft Edge、Apple Safari などのウェブブラウザーで表示可能な文書です。これらはよく単に「ページ」とも呼ばれることもあります。

ウェブサイト

グループ化され、通常はさまざまな方法で一緒に接続されたウェブページの集まりです。よく「ウェブサイト」または単に「サイト」と呼ばれます。

ウェブサーバー

インターネット上でウェブサイトをホスティングするコンピューターです。

検索エンジン

他のウェブページを見つけるのに役立つウェブサービスで、 Google、Bing、Yahoo、DuckDuckGo などがあります。検索エンジンは通常、ウェブブラウザーから (例えば、Firefox、Chrome などのアドレスバーで直接検索エンジンによる検索を実行することができる)、またはウェブページ (例えば bing.comduckduckgo.com) を介してアクセスされます。

公立図書館に簡単に例えてみましょう。図書館に行ったときに一般的に行うことは次の通りです。

  1. 検索インデックスを探して、読みたい書籍のタイトルを探します。
  2. その書籍のカタログ番号をメモします。
  3. 書籍が収蔵されている特定の書架へ行き、カタログ番号を見つけて、本を入手します。

ウェブサーバーと図書館を比較してみましょう。

  • 図書館はウェブサーバーのようなものです。いくつかの書架があり、複数のウェブサイトをホスティングしているウェブサーバーに似ています。
  • 図書館の様々な書架(科学、数学、歴史など)はウェブサイトのようなものです。それぞれの書架は個々のウェブサイトのようなものです(同じ本が複数の書架にあることはありません)。
  • それぞれの書架にある書籍はウェブページのようなものです。1 つのウェブサイトに複数のウェブページがあることがあります。たとえば、科学の書架(ウェブサイト)には、熱、音、熱力学、静力学などに関する書籍があります(ウェブページ)。ウェブページはそれぞれ固有の場所 (URL) で見つかります。
  • 検索インデックスは検索エンジンのようなものです。それぞれの書籍は図書館内にカタログ番号で特定できる独自の場所にあります(同じ場所に 2 冊の本を保管することはできません)。

ウェブページ

ウェブページブラウザーで表示することができる簡単な文書です。文書は HTML 言語で書かれています (他の記事で詳しく説明しています)。ウェブページには、次のような様々な種類のリソースを埋め込むことができます。

  • スタイル情報 — ページの見た目の制御
  • スクリプト — ページへのインタラクティブ機能を追加
  • メディア — 画像、音楽、動画など

メモ: ブラウザーは PDF ファイルや画像などのような他の文書も表示することができますが、ウェブページという用語は、特に HTML 文書を指します。それ以外の場合、単に文書(またはドキュメント)という用語を使用します。

ウェブ上で利用可能なすべてのウェブページには、固有のアドレスを使用して到達することができます。ページにアクセスするには、そのアドレスをブラウザーのアドレスバーに入力するだけです。

ブラウザーのアドレスバーにあるウェブページのアドレスの例

ウェブサイト

ウェブサイトはリンクされたウェブページ (および関連するリソース) の集合で、固有のドメイン名を共有しています。指定されたウェブサイトの各ウェブページは明示的なリンク — 多くの場合はクリック可能なテキストの部分の形 — を提供しており、ユーザーがウェブサイトのあるページから他のページに移動することができます。

ウェブサイトにアクセスするために、ブラウザーのアドレスバーにドメイン名を入力すると、ブラウザーはウェブサイトのメインウェブページ、またはホームページ (略して「ホーム」と呼ばれる) を表示します。

ブラウザーのアドレスバーにあるウェブサイトのドメイン名の例

なお、 シングルページウェブサイト もあり得ます。単一のウェブページで構成され、必要に応じて新しいコンテンツで動的に更新されるものです。

ウェブサーバー

ウェブサーバーは、 1 つ以上のウェブサイトをホスティングするコンピューターです。「ホスティング」はすべてのウェブページや補助的なファイルをコンピューター上で利用できるようにするという意味です。ウェブサーバーは、任意のユーザーのリクエストに応じて、ホスティング中のウェブサイトから任意のウェブページをユーザーのブラウザーに送信します。

ウェブサイトウェブサーバーを混同しないようにしてください。例えば、誰かが「私のウェブサイトから応答がありません」と言うのを聞いた場合、実際にはウェブサーバーが応答していないのであり、その結果としてウェブサイトが利用できないのです。もっと重要なことは、ウェブサーバーは複数のウェブサイトをホスティングすることができるため、ウェブサーバーという言葉はウェブサイトを特定するために使用することはできず、大きな混乱を招く可能性があります。先に挙げた例で、「私のウェブサイトから応答がありません」と言った場合、そのウェブサーバー上のウェブサイトがすべて利用できないことになります。

検索エンジン

検索エンジンはよくウェブに関する誤解のもとになります。検索エンジンは特殊な種類のウェブサイトで、ユーザーが他のウェブサイトを見つけるのを助けるものです。

Google, Bing, Yandex, DuckDuckGo など、たくさんあります。一般的なものもあれば、特定のトピックについて専門化されたものもあります。好きなものを使いましょう。

多くのウェブの初心者は、検索エンジンとブラウザーを混同しています。明確にしましょう。ブラウザーはソフトウェアの一つで、ウェブページを受け取り表示するものです。検索エンジンはウェブサイトであり、人々が他のウェブサイトからウェブページを探すのを手助けします。この混乱は、ブラウザーを起動したとき、ブラウザーが検索エンジンのホームページを表示しているために発生します。これは、ブラウザーで最初にやりたいことが表示させるウェブページであることが明らかであるため、よく分かります。インフラ (ブラウザーなど) とサービス (検索エンジンなど) を混同しないでください。この区別はかなり役立ちますが、専門家によっては曖昧に話すこともあるので、心配しないでください。

こちらは、 Firefox のインスタンスが既定のスタートアップページとして Google 検索ボックスを表示している様子です。

Firefoxのナイトリー版でカスタマイズしたGoogleページを既定で表示した例

情報の検索