##ブラウザとサーバー
ブラウザは今表示されてる画面
サーバーは色んなデータを保存してる大きなPCのようなもの
サーバーからファイルをダウンロードすることでブラウザに表示される
ファイルの中にはHTML、CSS、JSなどの情報が入ってる
図で表すとこんな感じ
(ブラウザ) ←←←←←← (サーバー)
ファイル
(HTML,CSS,JS)
##HTTP
HTTPとはブラウザとサーバーのやりとりの方法
基本はリクエストとレスポンス
リクエスト
→→→→→→
(ブラウザ) (サーバー)
←←←←←←
レスポンス
リクエストで欲しい情報をサーバーに投げてサーバーがその情報を返してくれる
このリクエストとレスポンスのやりとりのルールを作るのがサーバーサイド言語
##HTTPの基本メソッド4つ
1.GET データの取得
Webページを表示するときに使用
このページ見たい
→→→→→→
(ブラウザ) (サーバー)
←←←←←←
ページの情報
2.POST データの送信
フォームなどでデータを保存するに使用
データ保存して
→→→→→→
(ブラウザ) (サーバー)
←←←←←←
保存したよ
3.PUT データの更新
既存のデータを書き換えるときに使用
データ変更して
→→→→→→
(ブラウザ) (サーバー)
←←←←←←
変更したよ
4.DELETE データの削除
既存データを消すときに使用
データ消して
→→→→→→
(ブラウザ) (サーバー)
←←←←←←
消したよ
Twitterで例えると
ツイートを表示 GET
ツイートの新規投稿 POST
ツイートの更新 PUT (Twitterはできなかったはず)
ツイート削除 DELETE
##IPアドレスとドメイン
IPアドレスとはサーバー内でデータに割り振られている住所みたいなもので数字で管理されている
ドメインとは「~~.com」の部分
IPアドレスだと分かりにくいのでDNSというシステムがIPアドレスとドメインを紐付けている
##最後にWebサイト(Qiita)が表示されるまで
qiita.comのIPアドレス教えて
→→→→→→
(ブラウザ) (DNS)
←←←←←←
IPアドレスを返す
DNSから取得したIPアドレスにGETリクエスト
→→→→→→
(ブラウザ) (サーバー)
←←←←←←
HTML、CSS、JSを返す
こんな感じです