URL encoder/decoderの使い方｜記号を含む文字列を変換する

今回の結果：+と空白を区別する

URL encoder/decoderは、文字列をURL用の表記へ変換したり、元の文字へ戻したりするツールです。公式画面のDecodedへC++ & teaを入力すると、EncodedにC%2B%2B%20%26%20teaが表示されました。続いてEncodedへa%2Bbを入力し、Decodedがa+bへ戻ることも確認しました。

短い値の変換を目で確かめる用途に使えます。ここに載せた確認メモは編集側で保存したもので、ツールから書き出したファイルではありません。

公式画面で試す順番

1. 公式のURL encoder/decoderを開きます。
2. Decoded側の入力欄へC++ & teaと入力します。
3. Encoded側にC%2B%2B%20%26%20teaと表示されることを確認します。
4. 逆方向を試すときはEncodedへa%2Bbを入力し、Decodedのa+bと見比べます。

今回の操作では登録や支払いは求められませんでした。テキストを表示する操作だけを試しており、クリップボードへのコピーやツール側のファイル出力は確認していません。

秘密情報やURL全体を気軽に入れない

認証情報、個人情報、公開したくないURLは入力しないでください。公式画面にはPermalinkがありますが、今回その共有は行っていません。通信全体の監査もしていないため、機密データを安全に処理できるとは断言しません。

検索パラメータをコードで作るなら、値をURLSearchParamsへ渡す方法もあります。+が変わる理由を比べた実験では、空白が+になる方式との違いを確認できます。

公式ソースの利用条件はMITです。著作権・許諾表示を残す条件があり、全文を保存用ZIPにも含めています。実画面は公式ツールの表示、自作の確認メモと練習データはCC0です。作者の紹介へも進めます。