URL エンコード/デコード
encodeURIComponent はクエリ値、encodeURI は URL 全体用。デコード時 + はスペースとして扱います。
Query String Parser - URL パラメータ解析
Query String を JSON に変換、または JSON から Query String を生成。双方向対応。
「Query 解析」モードで ?key=value&... または URL を貼付 — 右に JSON 出力。
Web 開発者は API リクエスト、OAuth リダイレクト、フォーム送信、ディープリンクで URL エンコードを使用します。encodeURIComponent は個別パラメータ値、encodeURI は URL 構造を保持します。
WaiHub の URL ツールはコンポーネントレベルエンコード、完全 URL エンコード、Query ↔ JSON 双方向変換をサポート。すべてブラウザ内で処理し、機密のリダイレクト URL と API パラメータを保護します。
- クエリパラメータ値用 encodeURIComponent
- 完全 URL エンコード用 encodeURI
- Query 文字列の解析と JSON 構築
- エンコード/デコード方向の即時切替
- Unicode と特殊文字の正確な処理
- プライバシー優先のブラウザ処理
機能
- encodeURIComponent / decodeURIComponent
- encodeURI / decodeURI
- Query 解析 → JSON
- JSON → Query 文字列構築
- エンコード/デコード方向の即時切替
- 入力時のリアルタイム出力
- 一般的パターンの内蔵例
- ワンクリックコピー
- Unicode と + スペース処理
- ブラウザ内ローカル動作
使い方
エンコードモードを選択
パラメータ値は encodeURIComponent、完全 URL は encodeURI、構造化データは Query 解析/構築。
入力を貼り付け
ソースパネルに URL、クエリ文字列、または JSON を入力。内蔵例で素早く開始。
出力を確認
結果パネルがリアルタイム更新。パーセントエンコードとデコード後のテキストを確認。
コピーまたは方向切替
結果をコピー、または「方向切替」でエンコード/デコードを切替。
例
パラメータエンコード
入力
Hello World?name=Tom&age=20出力
Hello%20World%3Fname%3DTom%26age%3D20パラメータデコード
入力
Hello%20World%3Fname%3DTom出力
Hello World?name=Tomよくある質問
- この URL エンコーダーは無料ですか？
- はい。登録不要、完全無料です。
- データはアップロードされますか？
- いいえ。すべてブラウザ内で処理されます。
- encodeURIComponent と encodeURI の違い？
- encodeURIComponent は ? & = をエンコード（単一値用）。encodeURI は URL 構造を保持（完全リンク用）。
- + の処理方法？
- form-urlencoded では + はスペース。デコード時にスペースに変換されます。
- 商用利用できますか？
- はい。個人・商用ともに無料です。
- Query を JSON に解析できますか？
- はい。Query 解析モードで name=value&key=value を構造化 JSON に変換できます。