URLエンコード / デコード

URLのエンコード、デコード、解析、クエリパラメータ付きURLの構築をすべてブラウザ内で実行。

このツールについて

URLエンコード / デコードツールは、パーセントエンコードされたURLを 扱う開発者を支援します。URLエンコーディング(パーセントエンコーディングとも 呼ばれる)は、安全でない文字を%HHエスケープシーケンスに置き換えることで、 URL、クエリ文字列、フォームデータで安全に送信できるようにします。URL内の バイナリデータについては、URLセーフバリアントでの Base64エンコーディング をご検討ください。

このツールは4つのモードを提供します。エンコードはプレーンテキストを URL安全な文字列に変換します。デコードはその逆の処理を行います。 解析はフルURLをコンポーネント(プロトコル、ホスト、ポート、パス、 クエリパラメータ、フラグメント)に分解して各部分を検査できます。 構築はベースアドレスとキーバリューのクエリパラメータリストから URLを作成できます。

コンポーネントエンコーディングencodeURIComponent)と フルURLエンコーディングencodeURI)を選択できます。 コンポーネントエンコーディングはより厳格で、/?&などの 文字もエンコードするため、個別のクエリパラメータ値に適しています。 フルURLエンコーディングはURL構造をそのまま残し、URIで有効でない 文字のみをエンコードします。

すべてはネイティブのencodeURIencodeURIComponentURL APIを 使用してブラウザ内でクライアントサイドで実行されます。データはサーバーに 送信されないため、トークン、APIキー、その他の機密パラメータを含むURLでも 安全に使用できます。URLパターンをプログラマティックに検証するには、 正規表現テスターURLマッチングパターン をお試しください。

使い方

  1. タブからモードを選択します:エンコードデコード解析構築
  2. エンコード/デコードモードではテキストを貼り付けると即座に結果が表示されます。コンポーネントを切り替えてencodeURIComponentencodeURIを切り替えます。
  3. 解析モードではフルURLを貼り付けて、プロトコル、ホスト、パス、クエリパラメータ、フラグメントを確認します。
  4. 構築モードではベースURLを入力し、キーバリューペアを追加します。入力に応じて生成されたURLがリアルタイムで更新されます。
  5. コピーをクリックするかCtrl+Shift+Cを押して出力をコピーします。

このツールについて

25件のURLエンコーディングガイドをすべて表示 →

よくある質問

encodeURIとencodeURIComponentの違いは何ですか?

encodeURIはフルURIをエンコードし、/、?、#などの構造的な文字はそのまま残します。encodeURIComponentは予約されていない文字以外のすべてをエンコードするため、個別のクエリ値やパスセグメントに適しています。

データは安全ですか?

はい。すべてのエンコードとデコードはネイティブJavaScript APIを使用してブラウザ内で行われます。サーバーには何も送信されません。

なぜテキストをURLエンコードする必要があるのですか?

URLには限られたASCII文字セットのみが含められます。特殊文字(スペース、Unicode、&、=など)はURL構造を壊したり、サーバーに誤って解釈されたりしないよう、パーセントエンコードする必要があります。

フラグメントやポートを含むURLを解析できますか?

はい。解析モードはブラウザの組み込みURLコンストラクタを使用し、ポート、フラグメント(#)、ユーザー名、すべての標準URLコンポーネントを正しく処理します。

クエリ文字列ビルダーはどのように機能しますか?

ベースURLを入力してキーバリューペアを追加します。ツールはURLSearchParamsを使用して各パラメータを適切にエンコードしてURLに追加します。結果は入力に応じてリアルタイムで更新されます。

関連ツール