URLエンコード

このツールについて

URL には使える文字が決まっており、日本語やスペース、&・?・# などの記号はそのまま入れられません。これらを %XX の形（パーセントエンコーディング）に変換するのが URL エンコードです。逆に %XX を元の文字へ戻すのがデコードです。このツールは両方向の変換をブラウザ内で行い、入力を外部へ送信しません。

どんなときに必要？

• クエリ文字列に値を入れるとき（例: 検索語に & や = が含まれる）。
• 日本語を含む URL を扱うとき（リンクの共有、リダイレクト先の指定など）。
• フォームの送信データを組み立てるとき。

エンコードを忘れると、値の中の & や = がパラメータの区切りと誤解され、意図しない形でサーバーに渡ってしまうことがあります。

encodeURI と encodeURIComponent の違い

プログラムで扱うときによく混同されるのがこの 2 つです。encodeURI は「URL 全体」を対象とし、: / ? & = などの区切り記号はエンコードしません。一方 encodeURIComponent は「値ひとつ（パラメータの中身）」を対象とし、区切り記号も含めてエンコードします。クエリの値を入れるときは encodeURIComponent を使うのが基本です。全体を一度に encodeURI してしまうと、値に含まれる & がエンコードされず区切りと衝突する、といった不具合が起きます。

二重エンコードとスペースの罠

• 二重エンコード … すでにエンコード済みの文字列をもう一度エンコードすると、% が %25 に化けて「%2520」のような二重の状態になります。元データがエンコード済みかどうかを確認してから変換しましょう。
• スペースの扱い … URL の経路部分では %20、古いフォーム送信（application/x-www-form-urlencoded）では + で表されることがあります。文脈によって扱いが異なる点に注意してください。