URL Encode / Decodeツール
URLエンコード・デコードをかんたん変換
URL Encode / Decodeの使い方
- 1.「エンコード」「デコード」タブでモードを切り替えます(デフォルトはエンコード)。
- 2.入力欄にテキストを入力すると、結果欄にencodeURIComponent()(デコード時はdecodeURIComponent())で変換した結果がリアルタイムで表示されます。
- 3.デコードモードで不正な%エスケープ列を入力すると、入力欄の下に赤字でエラーメッセージが表示されます。
- 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)を採用しています。
入力したデータは保存されますか?
いいえ、すべてブラウザ内での処理のみで、サーバーへの送信・保存は行っていません。