URLエンコーダー／デコーダー
URLはエスケープなしで許されるASCIIが限られ、空白、アンパサンド、Unicodeはパーセント符号化（%20、%26、UTF-8バイト）になる必要があります。クエリパラメータを組み立てる前に文字列を符号化し、コピーしたmessyなリンクを復号して値を読みます——Web開発のデバッグに不可欠です。
URLの符号化または復号方法
1. 符号化または復号を選びます。
2. プレーンテキストまたはパーセント符号化URIコンポーネントを貼ります。
3. fetch URLまたは分析タグ向けに結果をコピーします。
4. クエリ値にはencodeURIComponentを使い、完全URLを盲目的に符号化しません。
URL符号化の例
検索クエリ
クエリの "coffee & tea" は ?q= パラメータで coffee%20%26%20tea になります。
Unicodeの都市名
MünchenはUTF-8パーセント符号化で M%C3%BCnchen になります。
リダイレクトパラメータの復号
?next=%2Fdashboard%3Ftab%3D1 を読み、リダイレクト先パスを知ります。
URLを符号化するとき
• テストでクエリ文字列を手動組み立てするとき。
• 特殊文字で壊れたリンクをデバッグするとき。
• ログから分析のUTMパラメータを復号するとき。
RFC 3986の基本
? # & のような予約文字はURLで意味を持ちます——データ部分だけ符号化します。構造: scheme://host/path?query#fragment。
よくある質問
encodeURIとencodeURIComponentの違いは？
encodeURIは完全URL向けに :// と ? を保ち、encodeURIComponentはクエリ値向けにすべて符号化します——JSの区別が概念的に適用されます。
プラスと%20は？
クエリ文字列は application/x-www-form-urlencoded で + を空白として扱うことが多いです——文脈を知ってください。
パラメータ内のスラッシュは？
encodeURIComponentは / を %2F に符号化します——単一パラメータ値の中では必須です。
ローカルですか？
はい。
IDNドメインは？
UnicodeドメインはDNSでpunycodeを使い、パス符号化とは別です。