← クエスト一覧へ

Web開発総合 ガイドブック

🏠

基礎知識

2 記事
1
HTTPとWeb通信の仕組み

WebはHTTP(HyperText Transfer Protocol)というプロトコルで動いています。ブラウザとサーバーのやり取りを理解しましょう。

🔄 HTTPリクエスト/レスポンスの流れ
1
ブラウザが HTTPリクエスト を送信(GET /index.html)
2
サーバーがリクエストを受け取り処理
3
サーバーが HTTPレスポンス を返す(200 OK + HTML)
4
ブラウザがHTMLを解析してページを表示
✅ 主なHTTPメソッド
  • GET ― リソースを取得(ページ閲覧)
  • POST ― データを送信(フォーム送信・ログイン)
  • PUT/PATCH ― リソースを更新
  • DELETE ― リソースを削除
2
REST APIの設計原則

REST APIはWebサービスの「共通言語」です。フロントエンドとバックエンドを繋ぐ橋渡し役を担います。

📐 RESTの原則
  • URLはリソースを表す/users /users/123
  • HTTPメソッドで操作を表す ― GET(取得) / POST(作成) / PUT(更新) / DELETE(削除)
  • ステートレス ― サーバーはセッション状態を持たない
  • JSON形式 ― データのやり取りはJSONが主流
GET    /api/posts        # 投稿一覧取得
GET    /api/posts/1      # ID=1の投稿取得
POST   /api/posts        # 新規投稿作成
PUT    /api/posts/1      # ID=1の投稿更新
DELETE /api/posts/1      # ID=1の投稿削除