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に追加します。結果は入力に応じてリアルタイムで更新されます。

関連ツール

Base64エンコード/デコード

ドラッグ&ドロップ対応でBase64文字列やファイルをエンコード・デコードします。

文字列エスケープ/アンエスケープ

JSON、JavaScript、HTML、URL、SQL、CSV形式の文字列をエスケープ・アンエスケープします。

ハッシュ生成ツール

テキストやファイルのMD5、SHA-1、SHA-256、SHA-512ハッシュを生成します。

メタタグ生成ツール

HTMLメタタグ、Open Graph、Twitter Cardタグをライブプレビュー付きで生成します。

HTTPメソッドリファレンス

GET、POST、PUT、PATCH、DELETE、HEAD、OPTIONSなどの詳細仕様を網羅したインタラクティブなHTTPメソッドリファレンス。

AWS S3 URLパーサー

AWS S3 URLをバケット、キー、リージョン、URLスタイルに分解します。コンポーネントからS3 URLを構築することも可能。

ポート番号リファレンス

100以上のウェルノウン、登録済み、動的TCP/UDPポート番号をサービス名とプロトコル詳細付きで検索・閲覧。

URLパーサー&ビルダー

URLをコンポーネントに分解、またはパーツからURLを構築します。プロトコル、ホスト名、パス、クエリパラメータを抽出。

Data URLジェネレーター

ファイルやテキストからData URIを生成、既存のData URIをデコード、CSS/HTML/Markdownスニペットを即座に取得。

PASETOデコーダー

PASETO v1〜v4トークン(local/public)をデコードし、ヘッダー・ペイロード・フッター・署名を表示します。