カイテキツールズ

URL Encode / Decodeツール

URLエンコード・デコードをかんたん変換

サーバーに送信しません(ブラウザ内のみで処理)
URLエンコード結果

URL Encode / Decodeの使い方

  1. 1.「エンコード」「デコード」タブでモードを切り替えます(デフォルトはエンコード)。
  2. 2.入力欄にテキストを入力すると、結果欄にencodeURIComponent()(デコード時はdecodeURIComponent())で変換した結果がリアルタイムで表示されます。
  3. 3.デコードモードで不正な%エスケープ列を入力すると、入力欄の下に赤字でエラーメッセージが表示されます。
  4. 4.結果欄の「コピー」ボタンで、変換結果をクリップボードにコピーできます。

URL Encode / Decodeの計算方法・仕組み

エンコードはencodeURIComponent()、デコードはdecodeURIComponent()を使用しています。encodeURIComponentはURLの一部(クエリパラメータの値など)を対象とし、`/`や`?`、日本語などの記号・文字もすべてパーセントエンコードします。URL全体を対象に`/`等の区切り文字をそのまま残すencodeURI()とは異なる点にご注意ください。デコード時、`%zz`のような不正な%エスケープ列が含まれる場合はdecodeURIComponentがエラーを返すため、その場合はエラーとして表示します。

具体的な使用例

例1:エンコード

入力「検索 キーワード&テスト」をエンコードすると、出力は「%E6%A4%9C%E7%B4%A2%20%E3%82%AD%E3%83%BC%E3%83%AF%E3%83%BC%E3%83%89%26%E3%83%86%E3%82%B9%E3%83%88」になります。

例2:デコード

入力「hello%20world%21」をデコードすると、出力は「hello world!」になります。

例3:エラー時

デコードモードで「abc%zz」のような不正な%エスケープ列を入力すると、「URLエンコードされた文字列として正しく読み取れませんでした」と表示されます。

よくある質問

どんな時に使いますか?

URLのクエリパラメータに日本語や記号を含む値を渡したい時、フォームの値をURLに埋め込みたい時などに使います。例えば検索キーワードをURLパラメータとして安全な形式に変換する場合です。

encodeURIComponentとencodeURIの違いは何ですか?

encodeURIComponentはURLの一部(パラメータの値など)を対象とし、`/`や`?`等も含めてすべてエンコードします。encodeURIはURL全体を対象とし、`/`等の区切り文字はエンコードしません。本ツールは前者(encodeURIComponent)を採用しています。

入力したデータは保存されますか?

いいえ、すべてブラウザ内での処理のみで、サーバーへの送信・保存は行っていません。