🌐 URLエンコード/デコード(完全版)

encodeURI、encodeURIComponent対応。

URLエンコード/デコードツールについて

このツールは JavaScript 標準の 4 つの URL 関数(encodeURIencodeURIComponentdecodeURIdecodeURIComponent)を一箇所に集めています。必要な操作を選ぶと結果が出力欄に表示されます。すべてブラウザ内で処理されます。

4 つの関数の違い

  • encodeURI —— 完全な URL をエンコードしますが、予約文字(: / ? # [ ] @ ! $ & ' ( ) * + , ; =)はそのまま残します。入力が完全な URL の場合に使用します。
  • encodeURIComponent —— 単一の URL コンポーネント(クエリパラメータ値など)をエンコードします。すべての予約文字をエスケープし、URL に安全に挿入できます。
  • decodeURI —— encodeURI の逆。encodeURI が生成したシーケンスのみデコードします。
  • decodeURIComponent —— encodeURIComponent の逆。入力中のすべてのパーセントエンコードシーケンスをデコードします。

よくある質問

どれを使えばいいですか? 完全な URL があるなら encodeURI。クエリパラメータ、パスセグメント、ハッシュ値になる断片なら encodeURIComponent を使います。

任意バイトのパーセントエンコードは可能ですか? 本ツールは標準 JavaScript 関数を使用し、UTF-8 コードポイントでエンコードします。生バイトのパーセントエンコードには Base85 / Base64 ツールを使ってください。

不正な入力はエラーになりますか? 不正なパーセントシーケンス(%ZZ など)のデコードは例外を投げます。ツールが捕捉してトーストで通知します。