本文へスキップ

URLパラメータパーサー

URLを解析してパラメータを抽出し、構造化して表示します。

読み込み中...

主な機能​

  • URL構成要素の解析：Protocol、Hostname、Port、Path、Hashなど
  • クエリパラメータ抽出：すべてのkey=valueペアをテーブルで表示
  • エンコード/デコード：URLエンコードされた値の確認
  • コピー機能：各パラメータ値をクリップボードにコピー
  • サンプルURL提供：サンプルURLで素早くテスト

URLの構造​

https://example.com:8080/search?q=javascript&sort=date&page=2#results
  ↓       ↓         ↓      ↓                ↓                  ↓
protocol hostname  port  path          query params         hash

構成要素の説明​

  1. Protocol（https:）

    • 通信プロトコル（http、https、ftpなど）

  2. Hostname（example.com）

    • ドメイン名またはIPアドレス

  3. Port（:8080）

    • ポート番号（デフォルト：HTTPは80、HTTPSは443）

  4. Pathname（/search）

    • リソースパス

  5. Query Parameters（?q=javascript&sort=date&page=2）

    • 疑問符（?）の後のkey=valueペア
    • 複数のパラメータはアンパサンド（&）で区切る

  6. Hash（#results）

    • フラグメント識別子、ページ内の特定位置

クエリパラメータの形式​

基本形式​

?key=value

複数のパラメータ​

?key1=value1&key2=value2&key3=value3

配列形式​

?color=red&color=blue&color=green

エンコードが必要な場合​

?name=John+Doe&message=Hello%20World%21

URLエンコーディング​

特殊文字はURLでそのまま使用できないためエンコードが必要です：

文字エンコード説明
空白%20 または +スペース
!%21エクスクラメーション
#%23ハッシュ
$%24ドル
%%25パーセント
&%26アンパサンド
=%3Dイコール
?%3F疑問符

使用シナリオ​

  1. APIテスト：APIエンドポイントURLの解析
  2. デバッグ：URLパラメータのエラー確認
  3. SEO分析：URL構造の検討
  4. 開発：URLパース処理のテスト
  5. 教育：URL構造の理解

サンプルURL​

検索ページ​

https://search.example.com/results?q=javascript&category=tutorial&sort=date&page=1

フィルター付きショッピングサイト​

https://shop.example.com/products?category=electronics&brand=samsung&price_min=100&price_max=500

トラッキングパラメータ付きマーケティングリンク​

https://example.com/page?utm_source=google&utm_medium=cpc&utm_campaign=spring_sale

OAuthコールバックURL​

https://app.example.com/callback?code=abc123&state=xyz789

注意事項​

  • 機密情報（パスワード、トークンなど）をURLパラメータに含めないでください
  • URLの長さ制限があります（ブラウザによって異なり、一般的に2000文字）
  • 特殊文字は必ずエンコードする必要があります
  • POSTリクエストで大容量データを送信する方がより安全です

プライバシー​

このツールはブラウザ上でのみ動作し、入力したURLはサーバーに送信されません。すべての処理はお使いのデバイスで完結します。

関連ツール​

💬 このツールは役に立ちましたか？​

ご意見やご提案がございましたら、お気軽にお送りください！