Web開発入門 2 ステップ

URL デコードと解析

URL デコードは元の URL を明らかにする。URL 解析はプロトコル、ホスト、パス、クエリ構成要素を抽出する。

解決する問題

URL デコードし、その後 URL を構成要素に解析する。

入力 → 出力

URL デコーダー入力 → URL パーサー出力、計 2 ステップ。

実行時間

1–2分 · 完全にブラウザローカルで実行。

始める前に

エンコードされた URL

パイプライン

1 URL デコーダー url-decode

Decode percent-encoded URL text back to readable characters。無料、プライベート、100%クライアントサイド。
2 URL パーサー url-parser

Parse a URL into its components: protocol, host, path, query, hash, port, username, and password。無料、プライベート、100%クライアントサイド。

ツールチェーンで開く

ブラウザローカルで実行。レシピはパイプラインのみを定義——入力はこのタブから離れません。

▶このワークフローを実行

下に入力を入力し実行をクリック。すべての処理はブラウザのローカルで行われます — 何もアップロードされません。

入力データ

パイプラインの進行状況

URL デコーダーurl-decode
URL パーサーurl-parser

サンプル入力

https://example.com%3Fq%3Dhello

期待される出力

Protocol:  https:
Username:  
Password:  
Host:      example.com
Hostname:  example.com
Port:      
Path:      /
Query:     ?q=hello
Hash:      
Origin:    https://example.com
Href:      https://example.com/?q=hello

Query Parameters:
  q = hello

この入出力ペアはビルド時に実際のツールで実行（tests/unit/recipes.test.ts）——期待出力は検証済み、例示ではありません。