URL パーサー

概要

URL パーサーは、リンクをプロトコル、ホスト名、ポート、パス、クエリパラメータ、ハッシュなどのコンポーネントに分解し、読みやすい構造に自動フォーマットします。欠落プロトコルの自動補完、クエリパラメータの JSON 化、ハッシュパラメータ解析に対応し、開発デバッグ、リンク検証、データクリーニングシーンに適しています。

コア機能

• 完全なコンポーネント解析: プロトコル、ユーザー名、パスワード、ホスト名、ポート、パス、クエリ、ハッシュを分解
• 自動プロトコル補完: 純粋なドメインを入力すると自動的に https:// の追加を試みます
• クエリパラメータ JSON 化: URL パラメータを読みやすい JSON 形式に変換
• ハッシュパラメータ対応: ハッシュフラグメント内の key=value パラメータを解析
• ショートカットコピー: 任意のコンポーネントまたはパラメータ JSON をワンクリックでコピー

使用方法

URL を入力

1. 入力ボックスに完全な URL またはドメインを貼り付け
2. プロトコルが欠落している場合、ツールは自動的に https:// への補完を試みます
3. 有効なリンクは即座に解析結果を表示し、無効なリンクはエラーメッセージを表示

解析結果を確認

解析結果は以下の部分に分かれます:

URL コンポーネント

• プロトコル(Protocol): URL のプロトコル部分、例: https://
• ホスト名(Hostname): ドメインまたは IP アドレス
• ユーザー名(Username): URL に認証情報が含まれる場合
• パスワード(Password): URL に認証情報が含まれる場合
• ポート(Port): ポート番号、指定されていない場合は空
• パス(Pathname): パス部分、例: /t/url-parser
• クエリ(Search): クエリ文字列、例: $1key=value
• ハッシュ(Hash): ハッシュフラグメント、例: #section

各コンポーネントはコピーボタンをクリックして迅速にコピーできます。

クエリパラメータ JSON

URL にクエリパラメータが含まれる場合、JSON 形式で表示:

• 単一値パラメータは文字列として表示
• 重複パラメータは配列として表示
• 例: { "key1": "value", "key2": ["value1", "value2"] }

ハッシュパラメータ JSON

ハッシュフラグメントに key=value 形式のパラメータが含まれる場合、個別に解析して JSON で表示:

• ハッシュに = が含まれる場合のみ解析
• フォーマットはクエリパラメータと同じ
• シングルページアプリケーション(SPA)のルーティングパラメータでよく見られます

応用シーン

開発デバッグ

• API コールバック URL のパラメータが正しいか迅速に確認
• OAuth コールバックアドレスの token と state パラメータをデバッグ
• ディープリンク(Deep Link)のパスとパラメータを検証
• フロントエンドルーティングのハッシュパラメータを分析

リンク検証

• ユーザー提出のリンクをクリーンアップし、プロトコルとフォーマットを統一
• Webhook、コールバックアドレスのプロトコル、ポートが正しいか確認
• 設定ファイル内の URL フィールドの完全性を検証
• リンク内の認証情報や機密パラメータを識別

データクリーニング

• URL リストからドメインまたはパスを一括抽出
• 異なるソースのリンクフォーマットを統一(プロトコルを HTTPS に統一など)
• ログファイル内のリクエストパラメータ分布を分析
• CSV エクスポートまたは API レスポンスから URL フィールドを解析

QA テスト

• リダイレクトリンクに必要なトラッキングパラメータが含まれているか検証
• UTM パラメータが正しく結合されているか確認
• 異なるプラットフォーム共有リンクのパラメータ一貫性を確認
• 各オペレーティングシステムでのディープリンク解析の正確性をテスト

解析例

例1: 完全な URL

入力:

https://me:[email protected]:5436/t/url-parser$3key1=value&key2=value2#the-hash

解析結果:

• プロトコル: https://
• ユーザー名: me
• パスワード: pwd
• ホスト名: z.tools
• ポート: 5436
• パス: /t/url-parser
• クエリ: $4key1=value&key2=value2
• ハッシュ: #the-hash

クエリパラメータ JSON:

{
  "key1": "value",
  "key2": "value2"
}

例2: 自動プロトコル補完

入力:

example.com/path$6q=nuxt&lang=en

自動規範化:

https://example.com/path$8q=nuxt&lang=en

例3: ハッシュパラメータ解析

入力:

https://app.example.com/callback#token=abc&expires=3600

ハッシュパラメータ JSON:

{
  "token": "abc",
  "expires": "3600"
}

例4: 重複パラメータ

入力:

https://api.example.com/search$10tag=js&tag=vue&tag=nuxt

クエリパラメータ JSON:

{
  "tag": ["js", "vue", "nuxt"]
}

使用のヒント

迅速コピー

• 任意のコンポーネント右側のコピーボタンをクリックして即座にその部分のコンテンツをコピー
• クエリパラメータとハッシュパラメータの JSON ブロックもワンクリックでコピー可能
• コピー後、ボタンは「コピー済み」ステータスフィードバックを表示

バッチ処理

• 複数の URL を処理する必要があるシーンでは、Excel またはスクリプトツールと組み合わせ
• 解析結果を JSON としてコピーした後、データ分析に直接使用可能
• まず単一 URL でテストし、フォーマットを確認してからバッチ処理することをお勧めします

プロトコル補完ルール

• 純粋なドメイン(例: example.com)を入力すると自動的に https:// が追加されます
• プロトコルを含む URL は変更されません
• http:// を使用する必要がある場合は、完全な URL を手動で入力してください

技術特性

標準化解析

• ブラウザネイティブ URL API に基づき、解析結果の正確性を保証
• RFC 3986 および WHATWG URL 標準に準拠
• 各種特殊文字と URL エンコーディングを正しく処理

インテリジェントパラメータ識別

• クエリパラメータとハッシュパラメータを自動区別
• 重複パラメータを正しく処理し、配列に結合
• 空値パラメータと特殊文字エスケープに対応

よくある質問

入力後に URL が自動的に変化する理由

ツールは欠落プロトコルの自動補完を試み(https:// を追加)、URL を規範化します。この機能が不要な場合は、プロトコル部分を含む完全な URL を入力してください。

ハッシュ部分がパラメータとして解析されない

ハッシュパラメータ解析はハッシュに = 文字が含まれる場合のみトリガーされます。ハッシュがアンカーのみの場合(例: #section)、パラメータ解析は行われず、そのまま表示されます。

特殊文字を含む URL の処理方法

ツールは URL エンコード文字(例: %20 は空白を表す)を自動処理し、解析結果はデコード後の値を表示します。元のエンコーディングを保持する必要がある場合は、コピー後に自分で処理してください。

同類ツール比較

手動分割または正規表現使用と比較して、本ツールは標準 URL API に基づいてより正確で信頼性があります。ブラウザ開発者ツールと比較して、よりフレンドリーなインターフェースとショートカットコピー機能を提供します。コマンドラインツールと比較して、インストール不要で可視化表示に対応し、迅速な検証とデバッグに適しています。

注意事項

• 解析はクライアント側でのみ行われ、URL 内容をサーバーに送信しません
• 機密情報(パスワード、token)を含む URL は慎重に使用してください
• ツールは URL 構造のみを解析し、リンクのアクセシビリティや有効性は検証しません
• 中国語または他の非 ASCII 文字を含む URL の場合、まず URL エンコーディングを行うことをお勧めします