## 概要
今更ですが、Webの基礎について学び直したメモがわりに書きます。

## アプリケーションの裏で動いているもの
まず、ブラウザからのリクエストに対して、裏でに何が動いているかのイメージはこちらです。
このページの画像を使わせてもらいました。
https://hikopro.com/server-domain/
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/95ba0737-66a7-4f2c-c6de-b57561117824.png)

## ○Webクライアント
ブラウザと呼ばれるもので、サイトを閲覧するための役割を果たしています。
主に、Webサーバーからのレスポンスを画面に表示します。
#### ◾️よく使われるWebクライアント
・Google Chrome
・Microsoft Edge
・Safari
などがよく使われます。

## ○Webサーバー
Webサーバーはサイトを公開する役割を持ちます。
ブラウザから送られてきたURLに対して、HTMLや画像を返していきます。場合によっては、APサーバーにアプリケーションを動かすように指示を送り、そこから返ってきたデーターなどを返していきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/b57a1b41-9a35-14d2-2dae-3f70ebdb80fa.png)

#### ◾️よく使われるWebサーバー
・Apache
・Nginx
こちらが代表的なWebサーバーです。

## ○APサーバー
APサーバーはWebサーバーからのリクエストに対して、アプリケーションの結果を返す役割を持ちます。
APサーバーとWebサーバーの違いは、簡単にまとめると以下のようになります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/5c50d3df-f341-c101-4ccf-6e4bff0c5d2f.png)

##### ・単体で使うことができるか
静的なコンテンツならWebサーバーのみで動きます。しかし、APサーバーだけでは、アプリケーションは動きません。

##### ・静的コンテンツならWebサーバーだけでも動くが、動的コンテンツはAPサーバーが無いと厳しい
静的コンテンツ(HTMLや画像)を返すだけなら、Webサーバーだけでも動きますが、動的なコンテンツ(PHPやRubyなど)を使ったサイトを作成するためには、APサーバーは必要になります。
しかし、中にはWebサーバーの機能も持ったAPサーバー(TomcatやPumaなど)が存在しますが、オマケのような感覚なので、基本的には分けて使うことがほとんどです。
#### ◾️よく使われるAPサーバー
・Puma
・Unicon
・Tomcat
などがよく使われます。
ほとんどのアプリケーションがWebサーバーとAPサーバーをセットで使っています。

## ○DBサーバー
DBサーバーは、その名前の通り、データベースを管理・運用するサーバーになります。
基本的に、APサーバーからのリクエストを受けて、データベースから取得したデータをAPサーバーに返すという役割を持っています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/39b85a65-c5e0-2201-0bf9-ddcaa3129934.png)

#### ◾️よく使われるDBサーバー
・Oracle
・MySQL
・Postgres
などが一般的です。

## 最後に
今回はWebの基礎について書いていきました。当たり前ですが、アプリケーションの流れを理解することは大事ですね。
以上になります。
[cv:issue_marketplace_engineer]

## 概要
今更ですが、Webの基礎について学び直したメモがわりに書きます。

## アプリケーションの裏で動いているもの
まず、ブラウザからのリクエストに対して、裏でに何が動いているかのイメージはこちらです。
このページの画像を使わせてもらいました。
https://hikopro.com/server-domain/
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/95ba0737-66a7-4f2c-c6de-b57561117824.png)

## ○Webクライアント
ブラウザと呼ばれるもので、サイトを閲覧するための役割を果たしています。
主に、Webサーバーからのレスポンスを画面に表示します。
#### ◾️よく使われるWebクライアント
・Google Chrome
・Microsoft Edge
・Safari
などがよく使われます。

## ○Webサーバー
Webサーバーはサイトを公開する役割を持ちます。
ブラウザから送られてきたURLに対して、HTMLや画像を返していきます。場合によっては、APサーバーにアプリケーションを動かすように指示を送り、そこから返ってきたデーターなどを返していきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/b57a1b41-9a35-14d2-2dae-3f70ebdb80fa.png)

#### ◾️よく使われるWebサーバー
・Apache
・Nginx
こちらが代表的なWebサーバーです。

## ○APサーバー
APサーバーはWebサーバーからのリクエストに対して、アプリケーションの結果を返す役割を持ちます。
APサーバーとWebサーバーの違いは、簡単にまとめると以下のようになります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/5c50d3df-f341-c101-4ccf-6e4bff0c5d2f.png)

##### ・単体で使うことができるか
静的なコンテンツならWebサーバーのみで動きます。しかし、APサーバーだけでは、アプリケーションは動きません。

##### ・静的コンテンツならWebサーバーだけでも動くが、動的コンテンツはAPサーバーが無いと厳しい
静的コンテンツ(HTMLや画像)を返すだけなら、Webサーバーだけでも動きますが、動的なコンテンツ(PHPやRubyなど)を使ったサイトを作成するためには、APサーバーは必要になります。
しかし、中にはWebサーバーの機能も持ったAPサーバー(TomcatやPumaなど)が存在しますが、オマケのような感覚なので、基本的には分けて使うことがほとんどです。
#### ◾️よく使われるAPサーバー
・Puma
・Unicon
・Tomcat
などがよく使われます。
ほとんどのアプリケーションがWebサーバーとAPサーバーをセットで使っています。

## ○DBサーバー
DBサーバーは、その名前の通り、データベースを管理・運用するサーバーになります。
基本的に、APサーバーからのリクエストを受けて、データベースから取得したデータをAPサーバーに返すという役割を持っています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2613586/39b85a65-c5e0-2201-0bf9-ddcaa3129934.png)

#### ◾️よく使われるDBサーバー
・Oracle
・MySQL
・Postgres
などが一般的です。

## 最後に
今回はWebの基礎について書いていきました。当たり前ですが、アプリケーションの流れを理解することは大事ですね。
以上になります。
[![image](https://firebasestorage.googleapis.com/v0/b/issue-pro-42602.appspot.com/o/topics%2F17fa658b-53c7-4ca0-a28b-e588ed1bd371?alt=media&token=2c00afff-85ff-4428-8d15-696ab676dcb0)](https://i-ssue.com/lp/check_salary)

概要

アプリケーションの裏で動いているもの

続きを読むには単価診断を受けてください（30秒）