技術リファレンス&アーキテクチャガイド

URLエンコード・デコードツール — リファレンスガイド

RFC 3986厳格規格、encodeURIComponent、encodeURI、formUrlEncodedに対応した高速・安全な双方向URL変換ツール。

主要パラメータ&設定項目

入力テキスト / URLString

エンコードまたはデコード対象のURL、URI、またはクエリパラメータ。

初期値: https://example.com/search?q=hello world
変換規格・モードEnum

encodeURIComponent、encodeURI、RFC 3986、formUrlEncodedのいずれか。

初期値: encodeURIComponent
変換方向Enum

エンコード(符号化)またはデコード(復号化)。

初期値: encode

プロの活用テクニック&推奨設定

パラメータ値には encodeURIComponent を使用

encodeURI は「?」や「&」などの構造記号を保護します。URLの中に別のURLを埋め込む場合は、必ず encodeURIComponent または RFC 3986 を指定してください。

OAuth認証やAWS署名には RFC 3986 厳格モード

AWS SigV4やOAuth署名では、「!」「*」「'」「(」「)」もパーセントエンコード(例: %21, %2A)することがRFC仕様上義務付けられています。

HTMLフォームのプラス記号「+」の扱い

application/x-www-form-urlencoded 形式では半角空白が「+」に変換されます。当ツールのデコード機能は「+」を自動で半角スペースとして正確に復元します。

よくあるトラブルと解決策

URIError: URI malformed が発生する

「%」の後に不正な16進数文字が続いているか、途中で切れている場合に発生します。末尾のパーセント記号を確認してください。

URLパラメータの途中で値が切れてしまう

パラメータ値に含まれる「&」や「=」が事前にエスケープされていないとURL区切り文字と誤認されます。encodeURIComponentでエスケープしてください。

よくある質問 (FAQ)

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

encodeURI はURL全体を安全に整形する目的で使用され、プロトコルや区切り文字(: / ? # & =)を保持します。encodeURIComponent はそれらの文字も含めてすべてエスケープするため、クエリパラメータの値に適しています。

なぜ半角空白が「%20」ではなく「+」になることがあるのですか?▼

HTMLフォーム送信(application/x-www-form-urlencoded規格)の歴史的仕様によるものです。通常のURLパーセントエンコード規格(RFC 3986)では「%20」が標準です。

機密なOAuthトークンやクエリURLを入力しても安全ですか?▼

はい。すべてのエンコード・デコード処理は端末のブラウザ内で完結し、サーバーへデータが送信されることは一切ありません。

関連するおすすめ開発ツール

すべてのツール →