無料オンラインURLエンコード・デコードツール

Web 開発、データ転送、ネットワークインタラクションにおいて、URL エンコード（スペースの代わりに %20 を使用するなど）とデコードは不可欠な操作です。エンコードが必要となるシナリオとしては、特殊文字の受け渡し、フォームの送信、動的な URL 生成、API リクエスト、セキュリティ保護などがあります。

1. 特殊文字または非 ASCII 文字の受け渡し

問題: URL には特定の文字（英数字、-、_、. など）のみを含めることができ、その他の文字（スペース、中国語、&、# など）はエンコードする必要があります。 例:

スペース → %20（またはフォーム内の +）
中国語の「Apple」 → %E8%8B%B9%E6%9E%9C（UTF-8 エンコード）
記号 & → %26,? → %3F

# エンコードされていない URL（正しく解析されません）:
https://example.com/search?q=apple&orange

# エンコードされた URL:
https://example.com/search?q=apple%26orange

2. フォームの送信（GET/POST リクエスト）

問題: フォームの入力内容（検索語句、ユーザーが入力したデータなど）に特殊文字が含まれている可能性があります。 例:

ユーザーが「coffee & tea」と入力 → coffee%20%26%20tea としてエンコードされます。

3. URL パラメータを動的に生成する

シナリオ: JavaScript またはバックエンドコードを介して URL を連結する場合、パラメータを手動でエンコードする必要があります。 コード例:

const keyword = "Price>=100";
const encoding = encodeURIComponent(keyword); // "Price%3E%3D100" としてエンコードされます
const url = `https://example.com/search?q=${encoded}`;

4. API リクエスト (RESTful インターフェースなど)

問題: JSON データや複雑なパラメータを渡す場合、競合を避けるためにエンコードする必要があります。 例:

JSON 文字列を渡す: {"name":"张三","age":25} → %7B%22name%22%3A%22%E5%BC%A0%E4%B8%89%22%2C%22age%22%3A25%7D としてエンコードされます。

5. URL インジェクション攻撃の防止

シナリオ: ユーザー入力コンテンツが URL に直接連結される場合、悪意のある文字 (<script> など) を防ぐためにエンコードする必要があります。 例:

<img src=x onerror=alert(1)> を入力 → %3Cimg%20src%3Dx%20onerror%3Dalert(1)%3E にエンコードします。

Web開発、データ転送、ネットワークインタラクションにおいて、URLエンコード（スペースの代わりに%20を使用するなど）とデコードは不可欠な操作です。エンコードが必要となるシナリオとしては、サーバーによるパラメータ処理、ブラウザ表示、クローラーによる解析、ログ分析などが挙げられます。

1. サーバーがパラメータを受信して​​解析する

シナリオ：バックエンドプログラム（PHP、Pythonなど）は、クライアントから送信されたURLパラメータをデコードする必要があります。

コード例 (Python):

from urllib.parse import unquote
encoded_str = "%E6%9D%8E%E5%9B%9B"
decoded_str = unquote(encoded_str) # 出力は "李四"

2. ブラウザによる自動デコード

シナリオ: ブラウザがURLを表示する際、%20はスペース、%E4%B8%ADは「中」などとして自動的にデコードされます。

例:

ユーザーに表示されるURL: https://example.com/search?q=苹果
実際にリクエストされたURLはエンコードされています: https://example.com/%E6%90%9C%E7%B4%A2?q=%E8%8B%B9%E6%9E%9C

3. クローラーによる動的URLの処理

シナリオ: クローラーがWebページを解析するには、URL内のパラメータをデコードして元のデータを取得する必要があります。

例:

/product?id=123%26category=books というリンクをデコードして、id=123&category=books を取得します。

4. デバッグとログ分析

シナリオ: サーバーログの表示やデバッグを行う際、実際のコンテンツを理解するためにURLをデコードする必要があります。

例:

ログ内のリクエスト: GET /search?q=%E7%83%AD%E9%97%A8 HTTP/1.1

デコード結果: q=popular