「HTTPリクエスト/HTTPレスポンス」って何？
2022/3/18
2022/6/14
「HTTPリクエスト」「HTTPレスポンス」の意味が理解できていなかったので、わかっている範囲でまとめてみました。
HTTPリクエストの構成要素3つ
HTTPリクエストでは、大きく3つの要素で構成された情報が送られています。
- リクエストライン
- ヘッダ
- ボディ（メッセージボディ）
リクエストライン
ここには「メソッド」「URL」「HTTPのバージョン」の3つが記載されています。
よく使われるリクエストメソッドを表にまとめました。
| メソッドの種類 | 内容 |
|---|---|
| GET | データの取得 |
| POST | データの送信 |
| PATCH | データの更新 |
| DELETE | データの削除 |
| HEAD | ヘッダ情報の取得 |
| OPTIONS | オプション情報の取得 |
リクエストヘッダ
【 [フィールド名] : [値] 】が記載されています。
よく使われるフィールドを表にまとめました。
| フィールド名 | 内容 |
|---|---|
| User-Agent | ブラウザの種類、OS情報など |
| Referer | リクエスト元のページ |
| Cookie | Cookieの情報 |
| Authorization | ログインに必要な認証情報（ID, PASSなど） |
| If-Modified-Since | 日付を送信して、その日以降にデータ更新がある場合は取得 |
| Accept | 利用可能なアプリケーション・メディアタイプ |
| Accept-Encoding | 利用可能な文字セット |
| Accept-Charset | 利用可能なエンコーディング形式 |
| Accept-Language | 利用可能な言語コード |
メッセージボディ
データの本体が記載されています。
HTTPレスポンスの構成要素3つ
HTTPリクエストでは、大きく3つの要素で構成された情報が送られています。
- ステータスライン
- ヘッダ
- ボディ（レスポンスボディ）
ステータスライン
ステータスラインには「HTTPのバージョン」「ステータスコード」の2つが記載されています。
よく使われるステータスコードを表にまとめました。
| グループ | ステータスコード | 内容 |
|---|---|---|
| 200番台（成功） | 200 | 成功 |
| 300番台（リダイレクト） | 301 | 恒久的なリダイレクト（サイト移転など） |
| 302 | 一時的なリダイレクト（リニューアル中など） | |
| 400番台（クライアント側エラー） | 401 | ユーザー認証が必要（Basic認証など） |
| 403 | アクセス制限,など | |
| 404 | ページが存在しない,など | |
| 500番台（サーバー側エラー） | 500 | 内部エラー（プログラムミスなど） |
| 503 | サーバーへの過剰負荷,など |
レスポンスヘッダ
【 [フィールド名] : [値] 】が記載されています。
よく見かけるフィールドを表にまとめました。
| フィールド名 | 内容 |
|---|---|
| Content-Type | データの型（HTML、画像など） 文字コード |
| Expires | 取得データの有効期限（ブラウザキャッシュ制御のため） |
レスポンスボディ
データの本体が記載されています。
最近の記事
音楽生成AI「Suno」の使い方まとめ！作詞作曲が簡単にできる？
簡単に曲が作れるAIということでよく聞く「Suno（Chirp）」についてまとめました。
目次「Suno」とはテキストからさまざまな音声を生成する「Bark」歌詞から曲を生成する「Chirp」...
2023/11/24
2023/11/24
【Open AI】APIの料金まとめ｜GPT・DALL·E・Whisperなど
Open AIのAPI（一部）の料金をまとめました。
参考のために日本円は「1ドル150円」で換算をしています。
目次Text generation: テキスト生成Assistants ...
2023/11/22
2023/11/22
【Next.js】Assistants APIの基本的なコードまとめ。
Open AIの「Assistants API」をNext.jsで使用する時の基本的なコードをまとめました。
目次Open AIのAPIセットアップ基本の使い方Threads: スレッドを作る...
2023/11/21
2023/11/21
【Next.js】Open AIのAPIでファイルをアップロードする方法。
今回は、Next.jsサイトからOpen AIのAPI（Upload file）で、ファイルをアップロードする方法を実装するのに時間がかかったのでその過程と最終コードをまとめます。（Vercelにデ...
2023/11/21
2023/11/22
「生成系AIのWEBプロダクトTOP50」をまとめてみる。
Andreessen Horowitzが出している記事で紹介されている「AIプロダクトの月間訪問者数ランキングTOP50」のサービスをまとめました。
目次ChatGPTcharacter.ai...
2023/10/3
2023/10/3
【Next.js 13】NextAuth+FireStoreにユーザー情報を保存する。
今回は、以下の3つをNext.js 13で実装するためのメモです。
Googleアカウントでログインできる
アカウント、セッション情報をFirestoreに保存する
サーバーサイ...
2023/7/12
2023/7/12