URLエンコーダー＆デコーダー - URLとクエリ文字列を変換

URLで安全に扱える文字には限りがあります。すべてのウェブアドレスの基礎となるRFC 3986は、英字・数字と4つの記号- _ . ~からなる小さな非予約文字集合を定義しており、これらはどこにでも置けます。一方、? & = / #のような予約文字には構造上の意味があります。それ以外の文字は、単純な空白からアクセント付き文字やCJK文字まで、パーセントエンコードが必要です。文字をUTF-8バイトに変換し、各バイトを%と2桁の16進数で表します。このURLエンコーダーとデコーダーはその変換を双方向に即座に行い、すべてブラウザ内で処理するため、貼り付けた内容がサーバーに送信されることはありません。 このツールには3つのモードがあります。JavaScript自体が2種類のエンコード処理を区別するためです。コンポーネントのエンコードはencodeURIComponentを使い、すべての予約文字をエスケープします。検索語、リダイレクト先、トークン、クエリ文字列で=の後に置く値など、URLの一部分を作るときに適しています。値に&や=が含まれる場合、生のままだとパラメーターが分割されますが、エンコードすれば値を保てます。 完全なURLのエンコードはencodeURIを使い、すでに構造化されたアドレスを対象にします。空白、引用符、山括弧、非ASCII文字はエスケープしますが、: / ? & = #は意図的に残すため、スキーム、ホスト、パス、クエリの意味が維持されます。URL全体をコンポーネント用エンコーダーに通すと、スラッシュや疑問符まで変換されて構造が壊れます。 デコードはdecodeURIComponentで逆変換します。%20を空白に、%26をアンパサンドに戻し、%C3%BCのような複数バイトシーケンスをüに戻します。長い追跡リンクを読んだり、OAuthリダイレクトを調べたり、フォームが実際に送信した内容を確認したりするのに便利です。2桁の16進数が続かない%があれば、無意味な結果を返さず明確なエラーを表示します。 API呼び出しのクエリパラメーター作成、空白で壊れたリンクの修正、URLの入れ子、複雑なリダイレクトチェーンの確認などに使えます。ただし、パーセントエンコードは転送用の表記であり、セキュリティではありません。エンコード文字列は簡単に戻せるため、隠し情報として扱わず、デコード後の入力は必ずサーバー側で検証してください。