URL エンコード/デコード
URL やクエリパラメータに含まれる日本語・記号を、貼り付けるだけでパーセントエンコード/デコードします。処理はブラウザ内で完結します。
ここに変換結果が表示されます
使い方
- 「モード」で「エンコード」(元の文字列を
%XX形式に変換) か「デコード」(%XX形式を元の文字列に戻す) を選びます。 - 「方式」は用途に応じて選びます。クエリパラメータの値 (
?q=の後ろなど) を個別にエンコードするなら「コンポーネント用」、URL 全体をそのまま扱うなら「URL 全体用」、HTML フォーム送信時のエンコード形式に合わせるなら「フォーム用」を使います。 - 入力欄に文字列を貼り付けると、入力と同時に変換結果が表示されます。日本語や記号を含む URL の中身を確認したいときや、API に渡すクエリパラメータを作るときに使えます。
エンコードの根拠
URL 中で使える文字と、それ以外の文字を % に続けて 2 桁の 16 進数で表す「パーセントエンコーディング」の仕様は、IETF の RFC 3986 (Uniform Resource Identifier: Generic Syntax) の第 2.1 節で定義されています。このツールの「コンポーネント用」「URL 全体用」は、ブラウザに標準搭載された ECMAScript 仕様の encodeURIComponent/decodeURIComponent と encodeURI/decodeURI をそのまま使っており、独自のエンコード規則は追加していません。両者の違いは、encodeURIComponent が : / ? # [ ] @ などの URI 区切り文字までエンコードする (クエリパラメータの値に他の URL 構造を壊す文字が混入するのを防ぐ) のに対し、encodeURI はこれらを URL の構造を保つために保持する点です。「フォーム用」は HTML フォームの application/x-www-form-urlencoded 形式で、空白を %20 ではなく + に置き換える点が異なります。この形式はもともと RFC 1866 (HTML 2.0) で定義され、現在は WHATWG URL Standard が仕様を引き継いでいます。
よくある用途
| 場面 | 使い方 |
|---|---|
| クエリパラメータの作成 | 日本語キーワードを「コンポーネント用」でエンコードして ?q= に付与 |
| 受け取った URL の中身確認 | %E6%9D%B1%E4%BA%AC のような文字列を「デコード」で元の日本語に戻す |
| HTML フォームの送信内容確認 | 「フォーム用」で + が空白として扱われることを確認 |
| URL 全体のコピー & 貼り付け | 「URL 全体用」でパスやクエリ区切りの記号を壊さずに変換 |
入力した文字列はサーバーに送信されず、このページを閉じると消えます。