URL エンコーダー

URL は、扱う文脈に合った方法でエンコードする

URL エンコードは簡単そうに見えますが、予約文字がクエリ文字列やパスを壊し始めると途端に難しくなります。このツールでは、単一のコンポーネントをエンコードするのか、URL 全体をエンコードするのかを切り分けて試せます。encodeURIComponent と encodeURI は意図的に保持する文字が異なるため、ブラウザ内で試すことで、スペースや &、=、#、スラッシュがどう扱われるかを送信前に確認できます。

なぜその違いが大事なのか

クエリパラメータは、URL 全体よりも厳密なエスケープが必要です。エンコードしすぎるとリンクの構造を壊し、足りないとサーバーが値を間違った位置で分割したり、特別な文字を区切りとして解釈したりします。このツールはその違いを見える化するので、パラメータ、パスセグメント、完全なアドレスのどれを準備しているのか判断しやすくなります。

実用的な流れ

まずサンプル値を貼り付け、コンポーネント用と URL 全体用の出力を比べて、用途に合うほうを選ぶのが基本です。fetch リクエスト、フォーム送信、動的な値を含むディープリンクを作るときに特に役立ちます。もし出力がまだ意外に見えるなら、元の文字列に別のエンコード戦略が必要な文字が含まれている可能性があります。2 つの出力を並べて見ることが、壊れたリンクを避ける最短手段です。