URLエンコード–クエリ・URI用エンコーダー
URLエンコードは、URLで使うためにテキストをパーセントエンコーディングします。コンポーネント、フルURI、フォーム形式のエンコードオプションがあります。安全でない文字をエスケープすべきクエリ値には encodeURIComponent を、: や / などのURL構造文字をそのまま残したい場合は encodeURI を、application/x-www-form-urlencoded のようにスペースを + にしたい場合はフォームモードを使います。プライベートにブラウザ上で動作します。
URLエンコードは、URL用のテキストをパーセントエンコーディングするブラウザベースのURLエンコーダーです。コンポーネント、フルURI、フォーム形式のモードがあり、特定のURL用途に合わせてテキストをどう表すか選べます。クエリ値については、encodeURIComponent が安全でない文字をエスケープし、encodeURI は : や / などのURL構造文字を保持します。
選んだモードにより、入力のエンコーディング方法が決まります。コンポーネントモードはクエリ値に適し、フルURIモードは挙げた構造文字をそのまま残します。フォームモードは従来の application/x-www-form-urlencoded 形式に従い、スペースは + としてエンコードされます。これらのオプションにより、準備しているURLデータの種類に出力を合わせられます。
URLは、その構造に収まる文字と慣習でテキストを表す必要があります。クエリ値をエンコーディングすることで、その内容を周囲のURLと区別しやすくなり、フルURIのエンコーディングでは : や / などの区切り文字を保持できます。フォーム形式のエンコーディングは、期待される慣習が application/x-www-form-urlencoded の場合に便利です。対応するモードを選ぶことで、あらゆるURLの状況に1つのエンコーディング形式を適用するのを避けられます。
URLエンコードは完全にブラウザ上で動作するため、入力はお使いのデバイス上で処理され、サーバーにアップロード・保存・送信されることはありません。ページを読み込んだ後は、サーバーへの依存がないためオフラインでも動作します。無料でプライベートなので、テキストを他の場所に送信せずにエンコードしたい場合に便利です。
開発者やDevOpsエンジニアは、クエリ値を準備したり、フルURIを扱ったり、テキストをフォーム形式に整形したりする際にこのツールを使えます。誰かが共有したエンコード済み値を確認したり、値を変更せずに復元できることを確認したりするのにも役立ちます。利用可能なモードにより、一般的なURLエンコーディングの違いを適用しやすくなっています。
手順1: エンコードしたいテキストを入力、貼り付け、ドロップします。まずクエリ値、URI、URL用のその他のテキストから始めます。
手順2: 用途に合ったURLエンコードモードを選びます。オプションには、コンポーネント、フルURI、フォーム形式のエンコーディングがあります。
手順3: 意図した用途に対してエンコード結果をチェックします。コンポーネントモードは安全でない文字をエスケープし、encodeURI は : や / などのURL構造文字をそのまま残します。
手順4: エンコードされた値をコピーします。フォーム形式のエンコーディングでは、スペースは + として表されます。
用途: エスケープすべき文字を含むクエリ値を準備します。コンポーネントモードはクエリ値用で、安全でない文字をエンコードします。
用途: 構造を読みやすく保ったままフルURIをエンコードします。encodeURI は : や / などの文字をそのまま残します。
用途: 従来の application/x-www-form-urlencoded 形式用にテキストを整形します。スペースを + として表したい場合はフォームモードを選びます。
用途: 誰かから送られたURL値から元のテキストを復元します。共有されたクエリ値の内容を理解するのに役立ちます。
用途: 値を往復させて、エンコーディングでテキストが変わっていないかチェックします。元と復元後の値を比較することで結果を確認できます。
用途: URLコンテンツのみを運ぶチャネルでテキストを移動します。エンコーディングにより、文字をURLに適した形で表せます。
用途: 開発者ワークフロー用にURLデータを準備する際に、適切なエンコーディング形式を選びます。モードオプションにより、クエリ値のエンコーディングとフルURI・フォーム形式のエンコーディングを区別できます。