開発者ツール
URLエンコード・デコード
URL、クエリパラメータ、パス断片をパーセントエンコード・デコードします。URL分解、クエリ文字列生成、よく使うエンコード表もまとめて確認できます。
入力したURLやパラメータは外部に送信されません。APIリクエスト、UTM、リダイレクトURL、検索パラメータの確認に使えます。
エンコード・デコード
URL全体、クエリ値、厳密なパーセントエンコードを切り替えられます。
入力値はブラウザ内で処理され、外部に送信されません。デコード時に壊れた%表記があると入力エラーを表示します。
サンプル
URL分解
クエリ文字列ビルダー
生成結果
?q=%E6%9D%B1%E4%BA%AC%20%E3%82%AB%E3%83%95%E3%82%A7&sort=newよく使うエンコード表
| 文字 | 変換後 | 用途 |
|---|---|---|
| 空白 | %20 | URLSearchParamsでは+になる場合もあります |
| # | %23 | フラグメント開始記号 |
| % | %25 | パーセント記号 |
| & | %26 | クエリ区切り |
| + | %2B | プラス記号 |
| / | %2F | パス区切り |
| ? | %3F | クエリ開始記号 |
| = | %3D | キーと値の区切り |
| 日本語 | %E6%97%A5... | UTF-8バイト列で表現 |
使い分けの目安
クエリ値にはencodeURIComponent、URL全体にはencodeURIを使います。`&` や `=` を値として渡したい場合は必ずクエリ値としてエンコードしてください。
URL全体と値を分ける
URL全体にはencodeURI、クエリ値にはencodeURIComponentを使うのが基本です。
URL分解
protocol、host、path、query、fragmentを分けて表示し、複雑なURLを読みやすくします。
クエリ生成
key/valueを入力すると、エンコード済みのクエリ文字列を生成できます。
URLエンコードの使い分け
encodeURI
URL全体を扱う時に使います。`:` `/` `?` `&` `=` など、URL構造として意味を持つ文字は残します。
encodeURIComponent
クエリパラメータのkeyやvalue、パスの一部など、URLの部品を扱う時に使います。`&` や `=` も安全にエンコードします。
Strict percent
英数字、ハイフン、アンダースコア、ドット、チルダ以外をできるだけ%表記にします。署名用文字列や厳格なAPI確認の補助に使えます。
デコード時の注意
壊れた%表記や途中で切れたUTF-8バイト列はデコードできません。エラーが出た場合は、%の後ろが16進数2桁になっているか確認してください。
よくある質問
encodeURIとencodeURIComponentはどう違いますか？
encodeURIはURL全体向けで、https:// や ? や & などの構造を残します。encodeURIComponentはクエリ値やパス断片向けで、& や = もエンコードします。
クエリパラメータの値にはどれを使うべきですか？
検索語、ID、名前などをクエリ値として入れる時はencodeURIComponentを使います。値に & や = が含まれてもクエリ構造を壊しにくいためです。
URLデコードでエラーになるのはなぜですか？
% の後に16進数2桁がない、途中で壊れたUTF-8バイト列がある、などの文字列はdecodeURIComponentでエラーになります。
入力したURLや文字列は保存されますか？
保存されません。変換、URL分解、クエリ生成はブラウザ内で完結し、入力値を外部に送信しません。