HTMLツール

無料 URLエンコーダー・デコーダー

URLエンコードされた文字列をエンコードまたはデコードできます。encodeURIComponent(完全)とencodeURI(URLセーフ)の両モードに対応。

ツールを読み込み中...

URLエンコーダー・デコーダーとは

ブラウザベースのURLエンコーダー兼デコーダーです。テキストをパーセントエンコード形式に変換して、URL、クエリパラメータ、APIリクエストに安全に含めることができます。2つのモードに対応:encodeURIComponent(クエリ値のすべての特殊文字をエンコード)とencodeURI(URL構造文字「: / ? & =」を保持)。

クイックアンサー

URLエンコードされたテキストをワンクリックでエンコードまたはデコード。クエリ値には完全エンコード(encodeURIComponent)、完全なURLにはURLセーフエンコード(encodeURI)を選択してください。

制限事項

  • 非UTF-8の文字エンコーディングには対応していません – すべての入力はUTF-8テキストと想定されます。
  • 複数URLのバッチエンコードには対応していません – 各入力は個別に処理されます。
  • 非常に長い入力文字列(1MB以上)は、ブラウザでのエンコードが遅くなる可能性があります。

使い方

  1. エンコードまたはデコードの方向を選択します。
  2. エンコードモードを選択:クエリパラメータ値には「コンポーネント(完全)」、完全なURLには「URI(安全)」。
  3. テキストを貼り付けて結果をコピーします。
  4. エンコードまたはデコードされた結果を確認します。モードを切り替えて出力を比較します。

主な用途

  • URLに追加する前に、クエリパラメータ値の特殊文字をエンコードします。
  • ブラウザのアドレスバーから複雑なURLをデコードして、元の読み取り可能なテキストを確認します。
  • スペースや特殊文字を適切にエンコードしたUTMパラメータをマーケティングリンク用に作成します。

用途

使用例

クエリパラメータ値をエンコードする

開発者がユーザー入力を使って検索URLを作成します。検索語「hello world & more」をencodeURIComponentを使用して「hello%20world%20%26%20more」にエンコードしてからクエリ文字列に追加します。

コピーしたURLをデコードする

マーケターが多くのパーセントエンコード文字を含む長いURLをコピーします。デコーダーに貼り付けると、実際のスペース、アンパサンド、特殊文字が復元された読み取り可能なURLが表示されます。

よくあるミス

  • クエリパラメータ値をエンコードする際にencodeURIを使用する – encodeURIは&と=を保持するため、クエリ文字列の解析が壊れます。パラメータ値にはencodeURIComponentを使用してください。
  • 二重エンコード – 既にエンコードされた文字列をエンコードすると、%記号が%25になるなど、出力が乱れます。
  • URLで使用するユーザー入力の?と#文字のエンコードを忘れる – これらの文字はURL解析で特別な意味を持ちます。

検証

  1. 「hello world & test」のようなスペースと特殊文字を含む文字列をエンコードし、スペースが%20に、&が%26になることを確認します。
  2. パーセントエンコードされた文字列をデコードし、すべての特殊文字が正しく復元されることを確認します。

FAQ

URLエンコーダー・デコーダーのFAQ

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

encodeURIは完全なURLをエンコードするためのもので、: / ? & = # などの構造的な意味を持つ文字を保持します。encodeURIComponentはこれらの構造文字を含むすべてをエンコードします。完全なURLにはencodeURI、個々のクエリパラメータ値にはencodeURIComponentを使用してください。

URLに%20が表示されるのはなぜですか?

%20はスペース文字をパーセントエンコードした形式です。URLにリテラルのスペースを含めることはできないため、スペースは%20(またはクエリ文字列では+)としてエンコードされます。&、=、?、#などの他の特殊文字も、URL構文として解釈されるのを防ぐためにパーセントエンコードされます。

関連ツール

その他のhtmlツール

こちらもお試しください

こちらもお試しください