0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

ウェブ開発者向けインフラの基本

Last updated at Posted at 2024-07-01

この勉強会。社内向け。ウェブ開発を1~3年やってるけど、そろそろインフラも勉強したい人向け。たまにクラウド(AWS/Azure)も出てくるよ。

ウェブインフラストラクチャーの基本概念

1. ウェブサーバーとは?

ウェブサーバー。ウェブページやアプリをインターネット経由で提供するコンピューターやソフトウェア。ユーザーのブラウザからのリクエスト。レスポンスを返す。これがウェブサーバーの仕事。

例:

  • Apache HTTP Server
  • Nginx
  • Microsoft IIS

2. クライアントとサーバーの関係

クライアントとサーバーの関係。基本は以下の流れ。

  1. クライアントのリクエスト:

    • ユーザーがブラウザでURLを入力。特定のウェブページを要求。
  2. サーバーのレスポンス:

    • サーバーがリクエストを受け取る。要求されたページ(HTMLファイル、画像、データなど)をクライアントに返す。

このリクエストとレスポンスのやり取り。HTTP(HyperText Transfer Protocol)を通じて行われる。

3. 基本的なリクエストとレスポンスの流れ

以下の図で、基本的なリクエストとレスポンスの流れを説明。

ユーザー入力 (URL) -> ブラウザ (クライアント) -> インターネット -> ウェブサーバー
         <- ウェブページのデータ (HTML, CSS, JS) <- ウェブサーバー

具体的な例:

  • ユーザーが www.example.com をブラウザに入力
  • ブラウザがDNSを使って example.com のIPアドレスを取得
  • リクエストが example.com のウェブサーバーに送信される
  • サーバーがリクエストを受け取り、対応するウェブページのデータを返す
  • ブラウザがデータを受け取り、ユーザーにウェブページを表示

4. リクエストとレスポンスの具体例

HTTP リクエストの例:

GET /index.html HTTP/1.1
Host: www.example.com

HTTP レスポンスの例:

HTTP/1.1 200 OK
Content-Type: text/html

<!DOCTYPE html>
<html>
<head>
    <title>Example Page</title>
</head>
<body>
    <h1>Hello, World!</h1>
</body>
</html>

最近のメモ

ウェブ開発者向けインフラの基本

ウェブ開発者向けインフラの基本2

ウェブ開発者向けインフラの基本3

ウェブ開発者向けインフラの基本4

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?