プレーンテキスト
→
URLエンコード済み
コンポーネントのエンコード 使用します
encodeURIComponent · 以下を含むすべての特殊文字をエンコードします / ? # & =、クエリパラメータ値に最適です。
URI全体のエンコード 使用します encodeURI · 完全なURLで有効な次のような文字を保持します / ? # & =、URL全体のエンコードに最適です。
URLエンコードとは？
URLエンコードは、予約文字や安全でない文字をパーセントエンコードされたシーケンスに変換し、URL内で安全に送信できるようにします。クエリ文字列、パスセグメント、リダイレクト、スペースや特殊文字を含むパラメータなどで一般的に使用されます。
このURLエンコーダー/デコーダーを使う理由は？
URLを構築またはデバッグする際、パーセントエンコードされた文字を手動で数えるのはミスを招きやすい作業です。このツールはブラウザ内で即座にエンコードまたはデコードします。フォーム送信もサーバーとの往復も不要です。また、以下の違いも区別します encodeURI （URL全体）と encodeURIComponent （単一パラメータの）セマンティクスで、ほとんどの簡易エンコーダーは対応していません。
- 即時出力: 入力するとすぐに結果が表示され、ボタンを押す必要はありません。
- URL 全体をサポート: URL 全体を貼り付け、パーセントエンコードされたすべてのセグメントを一度にデコードします。
- サーバーへの往復なし: エンコードとデコードはブラウザー内でローカルに行われます。
- 開発者に優しい: クエリ文字列、リダイレクト URI、API パラメータのデバッグに便利です。
URL エンコーダー / デコーダーの使い方
- 変換したい URL 文字列またはパラメータを貼り付けます。
- URL で使用する文字列を準備するときはエンコードを、パーセントエンコードされたテキストを確認するときはデコードを選択します。
- 結果はクエリ文字列、リダイレクト、API リクエスト、デバッグ作業で使用できます。
- 変換後の値をコピーして、対象のアプリまたはリクエストに使用します。
URLエンコーダー / デコーダーを理解する ▾
例
入力
hello world & more=yes
出力
hello%20world%20%26%20more%3Dyes
一般的な使用例
- URLに追加する前にクエリ文字列パラメータをエンコードします
- ログファイル内のパーセントエンコードされたURLをデコードします
- 二重エンコードされたURLを修正します
このツールを使う理由
- スペースや予約文字によるURLの破損を防ぎます。
- リダイレクト、クエリ文字列、エンコードされたAPIペイロードのデバッグに便利です。
- ブラウザ上で元の値とエンコードされた値をすばやく比較できます。
よくある質問
encodeURIとencodeURIComponentの違いは何ですか？
encodeURIはURL全体向けで、:、/、?、#などの区切り文字をそのまま残します。encodeURIComponentはクエリ値などの個別の部分向けで、より多くの文字をエンコードします。
スペースが%20または+にエンコードされるのはなぜですか？
%20は標準のパーセントエンコーディングです。+は主にapplication/x-www-form-urlencodedのフォーム送信で使用されます。このツールはデフォルトで%20を出力します。
URL全体を一度にデコードできますか？
はい。URL全体を貼り付けてデコードすると、パーセントエンコードされたすべての部分を一度に確認できます。
application/x-www-form-urlencoded とは何ですか？
HTML フォーム送信で使われるエンコード形式で、スペースは + で表される場合があります。一般的な URL コンポーネントには %20 がより安全な標準形式です。