クエリパラメータを実践で使う
URL にオプションを足して、取得結果をカスタマイズする
⏱ 想定 ~6 分
01 · 読む
クエリパラメータはサーバーが返す内容をカスタマイズする手段です。
URL の ? のあとに置きます。各パラメータは key=value。複数あるときは & で区切ります。
サーバーはフォーム上の選択肢のように扱います —— これでフィルター、こちらで並び替え、 N 件に制限。
ポイントまとめ
- クエリ文字列は ? から始まります
- パラメータは key=value のペアです
- 複数のパラメータは & でつなぎます
- 各パラメータの意味はサーバーが定義します —— 自分で勝手に決められません
02 · ターミナル演習
クエリパラメータで自分の名前を渡してみましょう。サーバーがあなたの名前で挨拶します。
（このセクションはインタラクティブです — JavaScript を有効にしてください。）
03 · ターミナル演習
次は 2 つ目のパラメータを足してみましょう。複数のパラメータは & (アンパサンド) で区切ります。
（このセクションはインタラクティブです — JavaScript を有効にしてください。）
04 · クイズ
URL 内で複数のクエリパラメータをどう区切りますか?
05 · 空欄補充
クエリパラメータは URL のパスの後ろに _____ 記号で始まります。
06 · ターミナル演習
クエリパラメータはページングにも使えます —— 取得する件数を制限します。
（このセクションはインタラクティブです — JavaScript を有効にしてください。）
07 · クイズ
クエリ文字列に & を含む URL を curl で送るとき、 URL を引用符で囲まないとどうなりますか?
- リクエストはふつうに動く
- シェルが & をバックグラウンド実行と解釈してコマンドが壊れる
- curl が自動で引用符を付けてくれる
- サーバーが & を無視する
08 · 空欄補充
URL 内の複数のクエリパラメータは _____ 記号で区切ります。
⚠ 全機能のインタラクティブ体験には JavaScript が必要です。JavaScript を有効にして再読み込みしてください。
※ このサイトは独立した教育プロジェクトで、Anthropic の公式製品ではありません。Claude™ は Anthropic, PBC の商標です。