SummaryLog

URL Encoder / Decoder

Encode and decode URL strings using encodeURIComponent or encodeURI.

Component (encodeURIComponent / decodeURIComponent)

Full URI (encodeURI / decodeURI)

このツールは、ブラウザやJavaScriptが使うのと同じ方法でURL文字列をエンコード・デコードします。クエリ値などの個別の部分にはencodeURIComponentを、URL全体にはencodeURIを使います。テキストやエンコード済みの文字列を貼り付けてモードを選ぶと、結果がすぐに表示されます。

URLに使えない文字を扱うという日常的な問題を解決します。スペース、アンパサンド、スラッシュ、日本語などの非ASCII文字は、パーセントエンコード(%20、%26など)しないとリンクやパラメータが壊れます。APIリクエストURLの作成、クエリ文字列のデバッグ、エンコードされたリンクの中身の確認などに使えます。

使い方

  1. 入力欄にテキストを貼り付けるか入力します。エンコードしたい通常のテキストでも、デコードしたいエンコード済み文字列でも構いません。
  2. クエリパラメータの値のようにURLの一部分だけを処理したい場合は、Encode ComponentまたはDecode Componentを押します。encodeURIComponent / decodeURIComponentが使われます。
  3. URLの構造(://、/、?、&)を保ったままURL全体を処理したい場合は、Encode URIまたはDecode URIを押します。encodeURI / decodeURIが使われます。
  4. 出力欄で変換結果を確認し、Copyボタンでクリップボードにコピーします。

よくある質問

Encode ComponentとEncode URIの違いは何ですか?
Encode Component(encodeURIComponent)は / ? : @ & = + # などの予約文字までほぼすべてエンコードするため、URLに埋め込む単一の値に適しています。Encode URI(encodeURI)はこれらの構造的な文字をそのまま残すため、URL全体を壊さずにエンコードする用途に向いています。
デコード時にエラーが出るのはなぜですか?
decodeURIComponentとdecodeURIは不正な入力に対してURIErrorを投げます。たとえば単独の%記号や、後続バイトが欠けた%E0のような不完全なシーケンスが原因です。すべての%の後に正しい16進数2桁が続いているか確認してください。
入力した内容はサーバーに送信されますか?
いいえ。エンコード・デコードはすべてブラウザ内蔵のJavaScript関数でローカルに処理されます。サーバーには何も送信しないため、トークンや非公開のパラメータを含むURLも安全に貼り付けられます。
日本語や絵文字も扱えますか?
はい。日本語、韓国語、絵文字などの文字はUTF-8のバイト列としてエンコードされます(例:スペースは%20、非ASCII文字は複数の%XXバイト)。デコードすると元のテキストに復元されます。