他のツール

JSON→YAML変換 JSON ⇄ TOON 変換 JSON から TypeScript 型と JSON Schema を生成 INI to JSON 変換ツール SQL フォーマット数字→中国語変換 Cookie 変換 – Netscape ⇄ JSON オンライン変換 Cookie 変換 - JSON・Netscape・Header・Set-Cookie YAML（YML）フォーマッター・検証ツール XML フォーマッター

URLパーサー

URL構造を解析し、URLパラメータを読みやすいYAML構造にフォーマット

URL入力

ツール概要：URL解析ツール

URL解析とは、複雑なURLを読みやすく構造化されたコンポーネントに分解するプロセスです。このツールは、プロトコル、ドメイン、パス、パラメータなどの各構成要素を解析し、開発者やユーザーがURL構造を理解できるようにします。結果はYAML形式で出力され、可読性に優れています。

URL解析ツールとは？

URL解析ツールはURLをプロトコル/ホスト/パス/パラメータに分解します。

使い方

URL全体を貼り付けます。
ツールが各要素を抽出します。
必要な項目をコピーします。

よくある利用シーン

クエリパラメータのデバッグ
環境間のURL比較
ドキュメントで構造を説明

❓ よくある質問

Q1: 解析に失敗する？
A: スキームが含まれるか確認してください。

Q2: パラメータがない？
A: ? と & を確認してください。

Q3: IDN問題？
A: 必要ならPunycodeへ変換してください。

✨ 主な機能

🔍 完全解析：プロトコル、ホスト、パス、パラメータなど、すべてのURL構成要素を分解
📊 YAML出力：構造化されたYAML形式で表示、読みやすさ向上
🌐 Unicode対応：国際化ドメインやエンコードされたパラメータも正確に処理
⚡ リアルタイム処理：サーバーリクエスト不要、即座に解析
📋 結果コピー：ワンクリックで結果をコピー可能
🔧 エラー処理：無効なURLも検出し、分かりやすいエラーメッセージを表示

📖 使用例

基本的なURL解析

入力URL：

https://example.com/search?q=hello%20world&category=tools&page=1

解析結果：

protocol: https:
hostname: example.com
host: example.com
port: 443
pathname: /search
search: ?q=hello%20world&category=tools&page=1
origin: https://example.com
searchParams:
  - q: hello world
  - category: tools
  - page: 1

複雑なURL（認証情報付き）

入力URL：

https://user:[email protected]:8080/v1/data?format=json&limit=10#section1

解析結果：

protocol: https:
username: user
password: pass
hostname: api.example.com
host: api.example.com:8080
port: 8080
pathname: /v1/data
search: ?format=json&limit=10
hash: #section1
origin: https://api.example.com:8080
searchParams:
  - format: json
  - limit: 10

🎯 利用シーン

1. Web開発・デバッグ

開発中にURL構造を確認する：

// URL構造を理解する
const url = 'https://myapp.com/users/123/profile?tab=settings&theme=dark'

// 解析後の情報：
// - パス：/users/123/profile
// - パラメータ：tab=settings, theme=dark

2. API設計・確認

APIエンドポイントの構造を理解する：

// API URLの解析
const apiUrl = 'https://api.service.com/v2/users?include=profile&sort=name&page=1'

// 情報：
// - バージョン：v2
// - リソース：users
// - クエリパラメータ：include, sort, page

3. SEO分析

URL構造の最適化に：

https://blog.example.com/category/web-development/article/url-parsing-guide?utm_source=google&utm_medium=organic

構成要素：
- ドメイン：blog.example.com
- カテゴリ構造：/category/web-development/
- 記事パス：/article/url-parsing-guide
- トラッキングパラメータ：utm_source, utm_medium

4. セキュリティ分析

潜在的なリスクのあるURLを解析：

https://suspicious-site.com/redirect?url=https%3A%2F%2Flegit-site.com&token=abc123

解析によって分かること：
- リダイレクト先URL（エンコード済み）
- セキュリティトークンの存在
- フィッシング攻撃の可能性を特定

🔧 技術詳細

URL構成要素の説明

protocol：

リソースにアクセスするためのスキーム
例：http:, https:, ftp:, file:
常に末尾にコロン : が付く

hostname：

ドメインまたはIPアドレス
例：example.com, 192.168.1.1, localhost
ポート番号は含まない

host：

hostname + ポート番号（必要な場合）
例：example.com, example.com:8080

port：

接続に使用されるポート
デフォルト：80（HTTP）、443（HTTPS）
例：8080, 3000 など

pathname：

パス部分、必ず / で始まる
例：/, /users/123, /api/v1/data

search：

クエリ文字列（?で始まる）
例：?q=search, ?page=1&limit=10

hash：

#以降のフラグメント識別子
例：#section1, #top

origin：

protocol + hostname + port
例：https://example.com, http://localhost:3000

searchParams：

クエリパラメータをオブジェクト配列として表示
自動でURLデコードされる

パラメータのデコード

URLエンコードされた値を自動で復号：

入力：?name=John%20Doe&email=john%40example.com
出力：
searchParams:
  - name: John Doe
  - email: [email protected]

国際化ドメイン対応（IDN）

日本語や多言語ドメインも対応：

入力：https://テスト.example.com/path
出力：
hostname: テスト.example.com
host: テスト.example.com

💡 利用のヒント

コピーして共有：結果をドキュメントやコードに貼り付けて共有
パラメータ抽出：searchParams を確認してGETパラメータを理解
セキュリティ監査：不審なリダイレクトやトークンを特定
APIドキュメント補助：解析結果をAPI仕様書に活用
開発時の確認：期待通りのURL構造かを即確認

⚠️ よくある質問（FAQ）

無効なURLです：http://またはhttps://を含めてください
エンコード文字の処理：自動的にデコードされます
ポート番号がない：デフォルトの80や443は省略されます
ハッシュ部分：クライアント側専用、サーバーには送信されません

🚀 使用手順

URLを入力：解析したいURLを貼り付けまたは入力
解析を実行：［URLを解析］ボタンをクリック
結果を確認：YAML形式で各要素が表示されます
コピーする：結果をコピーして保存や共有に利用
サンプルを試す：複雑なURLを使ったサンプルも体験可能

プライバシーについて：すべての処理はブラウザ上でローカルに実行されます。外部サーバーにデータを送信することは一切なく、プライバシーと安全性が確保されます。