URL って結局なに？
どの URL も構造化された住所 —— 読めるようになりましょう
⏱ 想定 ~4 分
01 · 読む
あなたは一生 URL をクリックし続けてきました。でもエンジニアとしては、ただクリックするだけでなく読み解く必要があります。
どの URL もいくつかのパーツでできていて、それぞれに意味があります。URL を分解できるようになれば、どんな API でも理解でき、どんなリクエストでもデバッグでき、どんなネットワーク機能でも作れます。
💡 想像してみてくださいURL は郵便の住所のようなものです。protocol は配送方法（航空便か陸路か）、host は番地、path は部屋番号、query string は封筒に貼られた追加指示の付箋です。
ポイントまとめ
- URL は構造を持つ —— 各パーツに名前と役割があります
- query string ( ?key=value ) はオプションのパラメータを渡す方法です
- /users/42 のような path は「リソース users の項目 42 」を表します
- 同じ host でも何千もの異なる path を持てます
02 · コード例
実際の URL を各パーツに分解してみましょう。
完全な URL
https://api.github.com/users/torvalds/repos?per_page=5&sort=updated
Protocol (プロトコル)
https://
"How to talk" — encrypted HTTP connection.
Always https:// for real APIs (not http://).
Host (ホスト)
api.github.com
"Who to talk to" — the server's address on the internet.
DNS translates this to an IP like 140.82.121.6.
Path (パス)
/users/torvalds/repos
"What to ask for" — the specific resource on that server.
Like a file path, but for API resources.
Query String (クエリ文字列)
?per_page=5&sort=updated
"Extra options" — key=value pairs after the ?.
per_page=5 means "give me 5 results".
sort=updated means "sort by last updated".
? は query string の始まりを示します。各パラメータは key=value 形式。複数あるときは & で区切ります。サーバーはそれぞれをオプションやフィルター条件として読み取ります。
03 · ドラッグ分類
次の URL の各断片が、どのパーツに該当するか判別してみましょう。
（このセクションはインタラクティブです — JavaScript を有効にしてください。）
04 · クイズ
URL https://api.example.com/products?category=shoes&limit=20 で、 limit=20 は何をしていますか?
- サーバーの port 20 に接続する
- 'limit' というクエリパラメータに '20' という値を渡す —— どう扱うかはサーバーが決める
- サーバーの CPU 使用率を 20% に制限する
- URL の最大長を 20 文字に設定する
⚠ 全機能のインタラクティブ体験には JavaScript が必要です。JavaScript を有効にして再読み込みしてください。
※ このサイトは独立した教育プロジェクトで、Anthropic の公式製品ではありません。Claude™ は Anthropic, PBC の商標です。