Zenn
🙌

【Web技術の基本】読んでみた！

2025/03/02に公開
Web
技術書
プログラミング初心者
tech

前置き

著者

  • キャリア：エンジニア２年目
  • 言語：Python, TypeScript, React

きっかけ

  • 業務でWebの知識が必要になった。
    • Webについてほぼ初心者だったため、知識を身につける必要が生まれた。
  • 購入したきり、ホコリを被っていた本書を見つける。
    → 備忘も兼ねて、概要と個人的に参考になったところを記事にする。

Web技術の基本

概要

  • タイトル：
    • [イラスト図解式 この一冊で全部わかるWeb技術の基本]
  • 内容：
    • HTTP、データ形式といった、Webの基礎知識ついて記載されている。
    • 「１用語に対して見開き1ページ」の構成。
      • テキストと図が一緒に掲載されているため、初心者でもとっかかりやすい印象。
  • 注意：
    • 現在（2025/2）、第2版が発行されているが今回読んだのは、"第1版" である。
    • 挿入してある図は、本書の内容を基に著者が自身で作成したもの。

INDEX

Chapter1 Web技術とは

  • Webの基礎知識を解説しています。
  • インターネットとの違いやWebの用途、HTMLやHTTPの仕組み、静的・動的ページの特徴、標準化や設計思想について学びます。
  1. Webとは
  2. インターネットとWeb
  3. さまざまなWebの用途
  4. HTMLとWebブラウザ
  5. WebサーバーとHTTP
  6. Webページが表示される流れ
  7. 静的ページと動的ページ
  8. 動的ページの仕組み
  9. Webの標準化
  10. Webの設計思想

Chapter2 Webとネットワーク技術

  • Webを支える技術を解説しています。
  • ネットワークの仕組みや標準プロトコル、TCP/IP、IPアドレス、URL、DNS、HTTPの基礎を学びます。
  1. Webを実現するコンピューターネットワーク
  2. インターネットの標準プロトコル
  3. TCP/IP
  4. IPアドレスとポート番号
  5. URLとドメイン
  6. DNS
  7. HTTP

Chapter3 HTTPでやりとりする仕組み

  • HTTPの仕組みを解説されています。
  • リクエストやレスポンス、メソッド、ステータスコード、HTTPS、Cookie、セッションなど、Web通信の基礎を学びます。
  1. HTTPメッセージ
  2. HTTPリクエスト/ HTTPレスポンス
  3. HTTPメソッド
  4. ステータスコード
  5. メッセージヘッダー
  6. TCPによるデータ通信
  7. HTTP/1.1のやりとり
  8. HTTP/2のやりとり
  9. HTTP/2での改良点
  10. HTTPSの仕組み
  11. HTTPSのやりとり
  12. ステートフルとステートレス
  13. Cookie（クッキー）
  14. セッション
  15. URI

Chapter4 Webのさまざまなデータ形式

  • Web技術の基礎を解説されています。
  • HTMLやCSS、スクリプト言語、JSON、DOM、画像・動画・音声の形式、フィードやマイクロフォーマットまで幅広く学びます。
  1. HTML
  2. Webページで使用される画像形式
  3. XML
  4. CSS
  5. スクリプト言語
  6. DOM
  7. JSON
  8. フィード
  9. マイクロフォーマット
  10. 音声・動画配信
  11. メディアタイプ

Chapter5 Webアプリケーションの基本

  • Webアプリの仕組みを解説されています。
  • 3層構造やMVCモデル、Webサーバー、データベース、API、Ajax、サーバー間連携などの技術を学びます。
  1. Webアプリケーションの３層構造
  2. MVCモデル
  3. フレークワーク
  4. Webサーバー
  5. Webクライアント
  6. アプリケーションサーバー
  7. データベース管理システム
  8. キャッシュサーバー
  9. Ajax
  10. Webプログラミング
  11. Web API
  12. マッシュアップ
  13. CGI
  14. サーバー間の連携

Chapter6 Webのセキュリティと認証

  • Webセキュリティの基礎を解説されています。
  • 脆弱性を狙う攻撃手法や防御策、暗号化、認証・認可、WAFやファイアウォールなどの技術を学びます。
  1. Webシステムのセキュリティ
  2. パスワードクラッキング、DoS攻撃
  3. Webシステムの特徴を利用した攻撃
  4. Webアプリケーションの脆弱性を狙う攻撃
  5. Webシステムの脆弱性
  6. ファイアーウォール
  7. IDS,IPS
  8. WAF
  9. 暗号化
  10. 公開鍵証明書
  11. 認証
  12. 認可
  13. CAPTCHA

Chapter7 Webシステムの構築と運用

  • Webシステム設計の基礎を解説されています。
  • サービスや技術の選定、ネットワーク・サーバー構成、負荷分散、運用管理、パフォーマンス最適化まで学びます。
  1. 提供するサービスの検討
  2. 利用言語、ソフトウェアの検討
  3. ネットワーク構成の検討
  4. サーバー構成の検討
  5. サーバー基盤の検討
  6. 負荷分散
  7. サーバー設計・構築
  8. データベース設計
  9. アプリケーション設計
  10. バックアップ運用
  11. ログ運用
  12. Webサイトのパフォーマンス
  13. 脆弱性診断

個人的に参考になったところ

1. ３層構造とMVCモデルの違い

説明 構成要素
３層構造 Webシステム全体を、３層の階層構造として捉える設計方針。 ・プレゼンテーション層
・アプリケーション層
・データ層
MVCモデル 主に、APサーバ上（サーバーサイド・スクリプト）における設計方針。 ・Model
・View
・Controller
  • 3層構造
  • MVCモデル

2. クライアントサイドとサーバーサイド

実行場所 通信相手
クライアントサイド クライアント（Webブラウザ等） ・ユーザー
・Webサーバー
サーバーサイド APサーバー ・Webサーバー
・DBサーバー等
  • クライアントサイド・スクリプト
  • サーバーサイド・スクリプト

感想

  • １タイトルに対して深掘りしないため、求めている情報のスコープがすでに定まっている人にとっては物足りないかも知れない。
  • １タイトル毎の要点を捉える分には十分な情報が記載されていると思う。

おすすめしたい人

  • Web初心者
  • Webの全体像を把握したい人
  • 知っている知識を整理したい人

バイバイ。

Discussion