クエリの値をエンコードする
検索語にスペース、アンパサンド、パーセント記号が含まれているとき。
- 入力: Hello world & 100% done
- encodeURIComponent でエンコードします
- 結果: Hello%20world%20%26%20100%25%20done
クエリ文字列を壊す可能性のある文字がすべてエスケープされるため、値を安全に追加できます。
URL エンコード・デコード
このツールはテキストをパーセントエンコードされた URL 構文に変換し、また元に戻します。Unicode、予約文字、不正な形式の入力を扱い、プラス記号をスペースとして扱うフォームの慣例にも切り替えられます。
データはブラウザ内でローカルに処理され、当サイトのサーバーへアップロードされることはありません。
有効なパーセントエンコードではありません。不完全な % シーケンスがないか確認してください。
このツールの使い方
- 1 テキストをエンコードするか、パーセントエンコードされた文字列をデコードするかを選びます。
- 2 値を入力または貼り付けると、変換結果がすぐに更新されます。
- 3 フォーム送信のように、スペースを %20 ではなく + にしたい場合は「フォームのスペース」を有効にします。
- 4 結果をコピーするか、入力欄をクリアします。
計算式と計算ロジック
パーセントエンコード
予約文字 → % + UTF-8 バイトの 16 進数
encodeURIComponent は、URL の構成要素で許可されていない文字や特別な意味を持つ文字をエスケープします。英数字と一部の記号はそのまま残ります。
フォームのスペース
スペース → %20 の代わりに +
HTML フォームの送信では、スペースを + で表すことがあります。このオプションを有効にすると、エンコーダーは + を使い、デコーダーはパーセントデコードの前に + をスペースへ戻します。
計算例
フォームの値をデコードする
フォームがスペースの代わりにプラス記号を含む名前を送信してきたとき。
- 入力: Ada+Lovelace
- 「フォームのスペース」を有効にしてデコードします
- 結果: Ada Lovelace
フォームのオプションを有効にしない場合、+ はスペースではなく文字としてのプラス記号になります。
境界ケースと精度
URL 全体と構成要素の違い
このツールは構成要素をエンコードするため、:// や ? もエスケープされます。クエリの値だけをエンコードしたい場合は、URL 全体ではなく値そのものを貼り付けてください。
不正なパーセントシーケンス
パーセント記号の後には 16 進数 2 桁が必要です。無効なシーケンスは黙って置き換えず、エラーとして報告します。
プラス記号の意味はあいまい
パスセグメントでは + は文字そのものを表しますが、フォームエンコードされた本文ではスペースを意味することが多いです。データの出どころに合わせてフォームのオプションを選んでください。
よくある質問
encodeURI と encodeURIComponent の違いは何ですか？ + −
このツールは構成要素の規則を使い、: / ? & = などの区切り文字をエスケープします。1 つのクエリ値、パスセグメント、フォームフィールドにはこの動作が適しています。
スペースが %20 になったり + になったりするのはなぜですか？ + −
%20 はスペースの標準的なパーセントエンコードです。+ はフォームエンコードの慣例で、「フォームのスペース」を有効にすると使われたり受け付けられたりします。
中国語や絵文字にも対応していますか？ + −
はい。文字はまず UTF-8 に変換され、その後にパーセントエンコードされるため、デコードすると元のテキストがそのまま戻ります。
URL 全体をデコードできますか？ + −
できますが、? や & などの区切り文字もデコードされるため、結果があいまいになることがあります。1 つのパラメーターについては、その値だけをデコードしてください。
テキストはアップロードされますか？ + −
いいえ。エンコードとデコードはブラウザ内で実行され、サーバーへ送信されることはありません。