URLエンコード / デコード

URLエンコーダーは、URLに直接使用できない文字をパーセントエンコードのシーケンスに変換します。URLデコーダーはその逆で、パーセントエンコードされたテキストを元の文字に戻します。このページはどちらの方向にも対応しており、URLコンポーネント単体・完全なURL両方を扱えます。

ツールは4つの標準JavaScriptの関数を使用します：

• encodeURIComponent — クエリパラメーター値などURLコンポーネント単体をエンコードするために使用。
• encodeURI — : / ? # & = などの構造的な意味を持つ予約文字を保持しつつ、URL全体をエンコードするために使用。
• decodeURIComponent — URLコンポーネント単体を元の文字にデコードするために使用。
• decodeURI — 予約文字に触れずにURL全体をデコードするために使用。

すべての変換はUTF-8に対応しており、アクセント付き文字・絵文字・非ラテン文字も正しく処理されます。データのアップロードや保存、API呼び出しは一切行いません。

URLエンコードが実際にどのように機能するかの例をいくつか示します：

• スペースは%20になります。例えば「こんにちは」は%E3%81%93%E3%82%93%E3%81%AB%E3%81%A1%E3%81%AFにエンコードされます。
• クエリ値内のスラッシュは%2Fになります。a/bはパラメーターとしてa%2Fbになります。
• 値内の疑問符は%3Fになります。「なに？」は%E3%81%AA%E3%81%AB%EF%BC%9F（または%3F）になります。
• 値内の&は%26になります。これにより周囲のクエリ文字列が壊れるのを防ぎます。
• 値内の#は%23になります。c#はc%23になります。
• ASCII以外の文字はマルチバイトのUTF-8シーケンスを使用します。例えばcaféはcaf%C3%A9になります（éは2バイトのUTF-8）。
• 絵文字もマルチバイトUTF-8を使用します：😀は%F0%9F%98%80になります。

デコードモードに切り替えてこれらのエンコード済み文字列を貼り付けると、元のテキストが正確に復元されます。

2つのエンコーダーは予約文字の扱いが異なるため、正しいモードを選ぶことが重要です。

コンポーネントモード（encodeURIComponent / decodeURIComponent）は、URLに埋め込む単一の値をエンコードする場合に使用します。クエリパラメーターの値・パスセグメント・フラグメント値などが該当します。コンポーネントモードでは: / ? # [ ] @ ! $ & ' ( ) * + , ; = などの予約文字をパーセントエンコードするため、周囲のURL構造を意図せず変更することがありません。

完全なURLモード（encodeURI / decodeURI）は、https://example.com/path?query=value#fragment のような完全なURLがすでにあり、スペースやASCII以外の文字などの安全でない文字だけをエスケープしたい場合に使用します。構造的な予約文字はそのままにします。

よくある間違いは、クエリパラメーターになるべき値にencodeURIを使ってしまうことです。予約文字が残ったまま周囲のURLを壊す可能性があります。迷ったら各クエリ値にencodeURIComponentを使ってからURLを組み立ててください。

パーセントエンコード（URLエンコードとも呼ばれる）は、URLで使用できない予約文字（構造的な意味を持つ文字）や許可されていない文字を表現する方法です。安全でないバイトはそれぞれ、パーセント記号と2桁の16進数で表します。例えばスペースは%20、スラッシュは%2F、疑問符は%3Fです。

エンコードはバイト単位で行われ、文字を直接処理するわけではありません。現代のURLはまずUTF-8で文字をバイトに変換するため、1つのアクセント付き文字が2バイトのエンコードになり、絵文字は4バイトになることがあります。このツールは常にUTF-8を使用するので、エンコード済み文字列はウェブ全体で相互運用できます。

パーセントエンコードはRFC 3986で定義されています。ここで使用するネイティブJavaScript関数はこの仕様を実装しているため、encodeURIComponentでエンコードした値はどのブラウザ・どの環境でもdecodeURIComponentで正しくデコードできます。

このURLエンコーダー・デコーダーはテキストをURLに含める・または取り出す際に役立ちます。主な使用場面：

• APIリクエスト・ログ・ブラウザのアドレスバーに貼り付ける前にクエリ文字列をエンコードする。
• リクエストログやアナリティクスのエクスポートからURLパラメーターをデコードして元の値を読み取る。
• 長いエンコード済みURLをデコードして実際に何が渡されているか確認する。
• チャット・ドキュメント・JSONペイロードで共有する前にURLの特殊文字をエスケープする。
• パーセントエンコードとUTF-8バイトシーケンスが文字にどのようにマッピングされるかを学習する。

ツールは完全にブラウザ内で動作するため、外部サービスに貼り付けたくない機密URL（内部リンク・トークン・署名付きURLなど）にも安心して使えます。

URLエンコードとURLクリーニングは混同されがちですが、まったく異なる操作です。

URLエンコード（このツール）は文字をパーセントエンコード形式に変換し、またはその逆を行います。URLの構造は保たれたまま、何も追加・削除されません。

URLクリーニング（別種のツール）はutm_source・utm_medium・fbclid・gclidなどのトラッキングパラメーターをURLから削除し、追跡メタデータを含まないリンクにします。URLクリーニングはURL内のパラメーターを変更しますが、エンコードは変更しません。

トラッキングパラメーターを削除したい場合はURLクリーニング専用のツールが必要です。テキストをパーセントエンコード形式に変換・またはその逆を行いたい場合はこのツールが適切です。