Web開発を学び始めるとき、
多くの人がいきなり
・HTML
・CSS
・PHP
といった技術に入ってしまいます。
しかし、
その前に必ず理解しておくべきことがあります。
それが、
👉 「Webとは何か」 です。
この仕組みを理解していないと、
・なぜその技術が必要なのか分からない
・エラーの原因が理解できない
・学習が断片的になる
という状態になりやすくなります。
この記事では、
Webの基本的な仕組みを
できるだけシンプルに、しかし本質を外さずに 解説します。
この記事で学べること
・Webとは何か
・インターネットとの違い
・Webページが表示される仕組みの概要
・Web開発の全体像
Webとは何か（結論）
Webとは、
👉 インターネット上で情報を閲覧・共有する仕組み です。
私たちが普段使っている、
・Google検索
・ニュースサイト
・SNS
・ECサイト
これらはすべて
Webの仕組みの上で動いています。
インターネットとWebの違い
よく混同される2つの言葉です。
・インターネット
→ 世界中のコンピュータをつなぐネットワーク
・Web
→ その上で動く「情報を見る仕組み」
つまり、
👉 Webはインターネットの一部
という関係になります。
Webページはどうやって表示されるのか
Webページは、
次の流れで表示されています。
サンプルイメージ（流れ）
-
ユーザーがURLを入力
-
ブラウザがサーバーへリクエスト送信
-
サーバーがHTMLを返す
-
ブラウザがHTMLを解析して画面に表示
この流れを理解することが、
Web開発のすべての基礎になります。
役割の分担を理解する
Webは、
複数の役割に分かれて動いています。
・ブラウザ（クライアント）
→ 表示する側
・サーバー
→ データやHTMLを返す側
・HTML / CSS / JavaScript
→ 表示内容を作る
HTMLの位置づけ
HTMLは、
👉 ブラウザに「何を表示するか」を伝えるもの
です。
この時点では、
・デザイン（CSS）
・処理（PHP）
はまだ登場しません。
Web開発とは何をするのか
Web開発とは、
一言でいうと次の通りです。
👉 ユーザーのリクエストに対して、適切な情報を返す仕組みを作ること
そのために、
・HTML
・CSS
・JavaScript
・PHP
といった技術を組み合わせます。
初心者がつまずく理由
Webが分かりにくい理由は、
・目に見えない通信がある
・複数の技術が関係している
・役割が分かれている
からです。
しかし、
基本はシンプルです。
👉 「リクエスト → レスポンス」
この1本の流れだけを
まずは理解してください。
このあと学ぶ内容とのつながり
この後の章では、
・HTML → 構造
・CSS → 見た目
・JavaScript → 動き
・PHP → 処理
という形で、
役割ごとに分けて学習していきます。
まとめ
Webとは、
👉 インターネット上で情報をやり取りする仕組み
です。
そしてその基本は、
・ユーザーがリクエストする
・サーバーが応答する
というシンプルな流れです。
この理解があることで、
今後の学習が一気に分かりやすくなります。
次に読むべき記事
▶ 次の記事
1-2 WebサイトとWebアプリの違い
▶ 関連記事
1-3 Webページが表示される仕組み
コメント