2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

知っておくと一目置かれる:HTTPの中身を知ろう!

Last updated at Posted at 2023-01-22

未経験からエンジニアになりたい人は、プログラミングから始める人が多いと思いますが、
エンジニアの仕事は、プログラミングだけではありません。そして、プログラミングだけでは、エンジニアになれません。同時にプログラミングが苦手でも、システム構成や開発の流れを理解するとエンジニアに近づきます!
今回はHTTPの中身について調べてみましょう!
インスタスライド_202301042.gif

HTTPの中身とは

ブラウザを利用してWEBサイトを閲覧しますが、やり取りはテキスト情報をやり取りしているだけです。
(httpsでは暗号化されてますが、データはテキスト情報です)
仕組みが分かればデバッグしやすくなります!

やり取りのイメージ

image.png

リクエスト情報の中身

リクエスト情報の中には
・リクエストヘッダー
 method: GET やPOST
 cookie情報
 user-agent情報
 等

・リクエスト情報
 GETやPOSTで送られるデータが含まれています。

レスポンス情報の中身

レスポンス情報の中には

・レスポンスヘッダー
 content-type:text/html; charset=utf-8
 date等

・レスポンス情報
 実際のHTML、JavaScript等データ

が含まれています。

やり取りを見るには

Chromeであれば、

1.その他ツール -> デベロッパーツールを開く
2.ネットワークを開く
image.png

まとめ

ー ブラウザからサーバーへは、リクエスト情報が送られている

ー サーバーからブラウザへは、レスポンス情報が送られている

ー chromeのデベロッパーツールでやり取りの中身を見ることが出来る

最後に

未経験の皆さん、若手エンジニアの皆さん、勉強方法について悩みがあればなんでも気軽に質問して下さい!
これからも記事を書いていきますので、モチベーションアップのためフォロー、イイねお願いします。

2
2
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
2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?