URLエンコード・デコード

1. 「変換方向」でエンコードまたはデコードを選択します。
2. 「変換方式」でencodeURI、encodeURIComponent、application/x-www-form-urlencoded、パスセグメント、RFC 3986準拠から用途に合った方式を選択します。
3. 入力欄にテキストまたはURLを入力すると、リアルタイムで変換結果が表示されます。
4. 「コピー」ボタンで変換結果をクリップボードにコピーできます。
5. 入出力入れ替えボタンを押すと、変換結果を入力欄にセットして逆方向の変換が行えます。
6. URLを入力した場合、スキーム・ホスト・パス・クエリ・ハッシュへの自動分解と、クエリパラメータの一覧表示が確認できます。

URLエンコード・デコードとは

URLエンコード・デコードとは、URLの中でそのまま使うと意味が変わったり、正しく送れなかったりする文字を、安全に使える形へ変換したり、元の文字に戻したりする仕組みです。

たとえば、URLには半角スペース、日本語、記号、絵文字など、そのまま入れると正しく解釈されにくい文字があります。そこで、こうした文字を %E3%81%82 や %20 のような形式に変換するのがURLエンコードです。逆に、その変換済みの文字列を人が読める元の文字へ戻すのがURLデコードです。

具体例

• 元の文字列：東京 カフェ
• エンコード後：日本語や空白を安全な表記に変換した文字列
• デコード後：再び「東京 カフェ」のように読める形へ戻した文字列

なぜ必要なのか

この仕組みが必要になるのは、URLの中では一部の文字に特別な意味があるからです。

• ? はクエリの開始
• & はパラメータの区切り
• # はページ内リンクの位置指定

こうした文字を意図せずそのまま使うと、URLの構造そのものが壊れてしまうことがあります。そのため、必要な場面では文字をエンコードして、安全に渡す必要があります。

どんな場面で使うのか

URLエンコード・デコードは、次のような場面で役立ちます。

• 日本語を含むURLを扱うとき
• URLパラメータに検索キーワードを入れるとき
• フォーム送信やAPI連携で文字列を渡すとき
• 文字化けやリンク切れの原因を確認したいとき
• %20 や %2F などの意味を調べたいとき

URLエンコードとデコードの違い

URLエンコード

URLの中で安全に使えない文字を、URLで使える形式に変換することです。日本語、空白、記号などを変換して、正しく送受信できる状態にします。

URLデコード

エンコードされた文字列を、人が読める元の文字へ戻すことです。変換済みのURLやパラメータの内容を確認したいときに使います。

使い分けが必要な理由

URLエンコード・デコードは、何でも同じ方法で処理すればよいわけではありません。URL全体を変換したいのか、URLの一部分だけを変換したいのかで、適切な方法が変わります。

URL全体を扱う場合

URLの形そのものを保ちながら、一部の文字だけを適切に処理したいケースです。

例：https://example.com/search?q=東京 のようなURL全体を扱う場合

クエリ値だけを扱う場合

q=東京 カフェ のように、パラメータの値の部分だけを安全に変換したいケースです。検索フォームや広告URL、APIパラメータでは、この使い分けが重要になります。

パスだけを扱う場合

/shop/東京駅前 のように、ドメインより後ろのパス部分だけを変換したいケースです。ここもURL全体と同じ扱いにはできません。

フォーム送信で扱う場合

フォーム送信では、空白が %20 ではなく + として扱われることがあります。そのため、同じデコードでも用途によって結果が変わる場合があります。

ツールで確認できると便利なこと

変換前後の比較表示

変換前と変換後を並べて表示すると、どの文字がどう変わったのかが分かりやすくなります。特に %20、+、%2F、%3F などを見比べられると、URLの仕組みも理解しやすくなります。

エラー検出

デコード時には、壊れた文字列を正しく戻せないことがあります。たとえば、% の並びが途中で切れていたり、不正な形式になっていたりすると、正常に変換できません。エラー箇所が分かると、URLの不具合確認に役立ちます。

日本語や絵文字への対応

日本語、全角記号、絵文字を扱えることも重要です。UTF-8前提で正しく処理できるツールであれば、日本語サイトや国内向けサービスでも安心して使えます。

まとめ

URLエンコード・デコードとは、URLの中で日本語や記号、空白などを安全に扱うために文字列を変換したり、元に戻したりする仕組みです。

検索URLの作成、API連携、フォーム送信、文字化け確認など、さまざまな場面で役立ちます。特に実用上は、URL全体を扱うのか、一部分だけを扱うのかを正しく使い分けることが大切です。

そのため、単に変換できるだけでなく、変換前後の比較表示、エラー検出、日本語対応などがそろっているツールだと、初心者にも実務利用にも使いやすくなります。

このツールは無料でご利用いただけます。