HTTPステータスコード一覧｜200・404・500の意味と対処法

HTTP API デバッグ Web
結論

4xx → 自分が送っているURL・パラメータ・認証・ボディを直す。5xx → サーバーのログやインフラを確認する。

開発でよく見るHTTPステータスコードを一覧でまとめます。

開発でよく見るコードの頻度イメージ

95
200: 95
200
70
404: 70
404
60
500: 60
500
55
401: 55
401
50
400: 50
400
40
403: 40
403

ステータスコード一覧（インタラクティブ）

デバッグのコツ

切り分けの考え方

覚えておくと早い
  • 4xx → 自分が送っているURL・パラメータ・認証・ボディを直す
  • 5xx → サーバーのログ・デプロイ・インフラを確認する

確認手順

1

DevToolsのNetworkタブを開き、失敗したリクエストをクリックする

2

ステータスコードとレスポンスボディを確認する（エラー詳細が載っていることが多い）

3

4xxなら送信データ・URL・認証ヘッダーを、5xxならサーバーログを確認する

コード別のツール活用

状況 使えるツール
APIのレスポンスがJSONで読みづらい JSON整形ツールで貼り付けて整形する
401でトークンが正しいか確認したい JWTデコードツールでペイロードや有効期限を確認する
4xxで送っているデータを確認したい Request PayloadをJSON整形ツールで整形して確認する

JSON整形とJWTデコードは当サイトのツールで今すぐ試せます。

🧪 JSON整形ツールでレスポンスを確認

APIのレスポンスを貼り付けて整形・確認できます

試す

関連記事

あわせて読むと理解が深まる関連記事をまとめました。

トピック記事
HTTPSレコードとSVCBレコードの完全解説HTTPSレコードとSVCBレコードの完全解説｜ALPN・ECH・HTTP/3のDNS設定
HTTP/2とHTTP/3の違いHTTP/2とHTTP/3の違い｜QUICがWeb表示速度を変える理由
APIキャッシュ設計ガイドAPIキャッシュ設計ガイド｜ETag・Cache-Control・304・CDNキャッシュキーの実務
Circuit Breaker + Retry パターン実装ガイドCircuit Breaker + Retry パターン実装ガイド｜Node.js opossum/cockatiel・指数バックオフ・Jitter
Escape Sequence 一覧Escape Sequence 一覧｜\n \t Unicode エスケープ
Favicon GeneratorFavicon Generator｜ico/png/svg マルチサイズ
Kubernetes Liveness・Readiness・Startup プローブの違いと設計Kubernetes Liveness・Readiness・Startup プローブの違いと設計｜再起動ループを防ぐ実践ガイド
OpenTelemetry Node.js 実装ガイドOpenTelemetry Node.js 実装ガイド｜分散トレーシング設定とJaeger/Tempo連携
セキュリティヘッダー一覧と設定ガイドセキュリティヘッダー一覧と設定ガイド｜CSP・HSTS・Referrer-Policy・Permissions-Policy
Server-Timing API 完全ガイドServer-Timing API 完全ガイド｜Express ミドルウェアと Chrome DevTools 連携
Service Worker キャッシュ戦略ガイドService Worker キャッシュ戦略ガイド｜PWA の cache-first・network-first・SWR・Workbox 設計
SSE vs WebSocket 使い分けSSE vs WebSocket 使い分け｜EventSource 実装と再接続設計