← 機能一覧に戻る
Free

URLエンコード / デコード

URLエンコーダー/デコーダーは、URL文字列をパーセントエンコーディング形式と相互変換します。クエリパラメータのデバッグ、安全なURLの構築、エンコードされたリンクの検査など、用途に合わせて「encodeURIComponent」(厳格)と「encodeURI」(URL構造を維持)を選択できます。

ユーザー入力、クエリ文字列、または国際文字を含むURLを構築する場合、動作不良を防ぐために適切なパーセントエンコーディングが必要です。このツールは双方向の変換を瞬時に処理します。単一のパラメータ値をエンコードする場合は「encodeURIComponent」(「?」「/」「&」「=」「#」などもエンコード)を、URLの構造を維持したい場合は「encodeURI」(真に安全でない文字のみをエンコード)を選択してください。デコードは標準のパーセントエンコーディングに対応しているほか、二重にエンコードされた文字列も処理可能です。リアルタイム変換により入力と同時に出力が更新され、両方のモードを切り替えて往復の整合性を検証することもできます。サーバーとの通信は発生せず、すべてブラウザ内でローカルに動作します。

ライブプレビュー
example.com
URL Encoder / Decoder encodeURIComponent encodeURI
Input
https://example.com/search?q=hello world&lang=en
Encoded Output
https%3A%2F%2Fexample.com%2Fsearch%3Fq%3Dhello%20world%26lang%3Den
Copy
主な機能

2つのエンコードモード

パラメータ値を安全にするための「encodeURIComponent」(「?」「/」「&」「=」などを変換)か、フルURL用の「encodeURI」(構造を維持し、安全でない文字のみ変換)を選択できます。

スマートなデコード

非ASCII文字、UTF-8マルチバイトシーケンス、絵文字を含むパーセントエンコードされた文字列をデコードします。二重エンコードされた入力も適切に処理します。

ワンクリックコピー

エンコードまたはデコードの結果をクリップボードに即座にコピーできます。手動で選択する手間は不要です。

リアルタイム変換

入力するたびに出力がリアルタイムで更新されます。毎回「エンコード」ボタンをクリックする必要はなく、入力を調整しながら即座に結果を確認できます。

並列表示

入力と出力が明確にラベル付けされたペインに表示されるため、変換前後の状態を一目で比較できます。

エッジケースへの対応

スペース、引用符、Unicode、予約文字、および単純な文字列置換では壊れてしまうような複雑なシーケンスも正しくエンコードします。

主な活用例

クエリパラメータのデバッグ

パラメータが文字化けした壊れたURLを貼り付けてデコードし、実際にどのような値が送信されたかを素早く特定します。

安全なURLの構築

ユーザー入力(名前、検索クエリ、ファイルパスなど)をURLに追加する前にエンコードし、インジェクションやパースエラーを防止します。

分析リンクの検査

UTMタグ付きのマーケティングURLをデコードして、パーセントエンコードされた難解な文字列を読まずに、実際のキャンペーン、ソース、メディアの値を確認します。

国際化URLのテスト

非ラテン文字(日本語、中国語、アラビア語など)を含むURLをエンコードし、送信時に正しくパーセントエンコードされるかを確認します。

OAuthリダイレクトのデバッグ

エンコードされたパラメータが入れ子になったOAuthリダイレクトURIをデコードして、プロバイダーとアプリ間で何が渡されているかを追跡します。

使い方
1

URLエンコーダーを開く

DevSuite ProのドックでURLアイコンをクリックします。エンコードとデコードの切り替えができる2ペインのエディタが開きます。

2

URLまたは文字列を貼り付ける

URL、クエリパラメータ、またはエンコードされた文字列を貼り付けます。URL全体でも、個別のパラメータ値でも機能します。

3

エンコードモードを選択

パラメータ値の場合は「encodeURIComponent」を、URL全体(「/」「?」「&」を維持したい場合)の場合は「encodeURI」を使用します。

4

結果を確認

隣のペインに変換結果が表示されます。エンコードされた文字は「%XX」形式になり、デコードされた出力は元の読みやすい形式に戻ります。

5

コピーして使用

「コピー」をクリックして結果をクリップボードに送ります。コード、リクエストURL、またはドキュメントに貼り付けて使用してください。

試してみませんか? URLエンコード / デコード?

DevSuite Pro を無料でインストールして、ブラウザで 39 以上の開発者ツールを利用しましょう。

Chrome に追加 Edgeに追加 Firefox に追加