Web開発入門 2 ステップ

Punycode デコードと URL 解析

Punycode は国際化ドメイン名を ASCII としてエンコードする。デコードは Unicode を復元する。URL 解析は構成要素を抽出する。

解決する問題

Punycode ドメインをデコードし、その後完全な URL を解析する。

入力 → 出力

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

実行時間

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

始める前に

Punycode エンコードされたドメイン URL

パイプライン

1 Punycode デコーダー punycode-decode

Decode Punycode (RFC 3492) text back to Unicode。無料、プライベート、100%クライアントサイド。
2 URL パーサー url-parser

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

ツールチェーンで開く

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

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

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

入力データ

パイプラインの進行状況

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

サンプル入力

https://xn--fsq.example.com

期待される出力

Protocol:  https:
Username:  
Password:  
Host:      xn--fsq.example.com
Hostname:  xn--fsq.example.com
Port:      
Path:      /
Query:     
Hash:      
Origin:    https://xn--fsq.example.com
Href:      https://xn--fsq.example.com/

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