Query パラメータ ⇄ JSON
GET パラメータ解析 · JSON から URL 構築
Query パラメータ
準備完了
ABOUT
Query パラメータ ⇄ JSON について
?a=1&b=2 形式のクエリ文字列を JSON に解析、または JSON から URL パラメータを生成します。
GET リクエストの query は API デバッグの高頻度入口：UTM パラメータ、ページネーション、フィルタ、OAuth callback——構造はシンプルに見えますが、ネストと重複キーで手動連結ミスが起きやすいです。
DEEP DIVE
Query パラメータ ⇄ JSON を詳しく見る
URL クエリ文字列（Query String）は GET リクエストでパラメータを渡す標準方式です。?a=1&b=2&c=hello を手動解析するのは面倒でミスも起きやすく、URL エンコードされた中文やネストパラメータでは特にそうです。JSONSort Query ツールは双方向変換：文字列 → JSON オブジェクト、または JSON → クエリ文字列。
REST API デバッグ、テスト URL 構築、フロントエンド router query パラメータ分析、encodeURIComponent エンコード問題の調査など日常シーンに適しています。
application/x-www-form-urlencoded と multipart は配列表現に慣習差があります。JSONSort は重複キーを配列として解析し、query 生成時は配列に重複キー形式を使用——多くの Java Spring / Node Express のデフォルト動作と一致します。
FEATURES
主な機能
Query → JSON
URL クエリ文字列をネスト JSON オブジェクトに解析し、自動 URL デコードします。
JSON → Query
JSON オブジェクトから標準 URL エンコードのクエリ文字列を生成します。
重複キー処理
同名パラメータは配列に変換され、一般的なサーバー側解析セマンティクスに合致します。
エンコード/デコード
%XX 形式の中文と特殊文字を自動処理します。
即時出力
完全 URL または query 部分のみの貼り付けで解析可能です。
ローカル処理
URL に token など機密パラメータが含まれる可能性があり、ローカル解析の方が安全です。
完全 URL 解析
ドメイン付き完全 URL を貼り付けると ? 後の query 部分を自動抽出します。
ネストオブジェクト
bracket/dot notation と JSON オブジェクトの双方向マッピングに対応します。
HOW TO USE
使用手順
-
1
URL クエリ文字列または JSON オブジェクトを貼り付け
-
2
解析または生成方向を選択
-
3
結果をコピー
-
4
変換失敗時はエラー表示を確認し、ソースファイルの構文を修正して再試行
-
5
結果をフォーマットツールで整形、または下流スクリプト用にエクスポート
WORKFLOW
典型的なワークフロー
データインポートから結果エクスポートまでの完全なフローで、チームの Query パラメータ ⇄ JSON の使い方を統一します。
query または URL を入力
ブラウザアドレスバー、Network パネル、ログからコピーします。
JSON を確認
ネストと配列構造がサーバー側解析ロジックに合致するか確認します。
JSON を編集
パラメータ値を変更後、逆方向で query 文字列を生成します。
テストを実行
base URL に連結してブラウザまたは Postman で検証します。
USE CASES
適用シーン
フロントエンド開発
Vue Router / Next.js の query パラメータを JSON に解析してデバッグします。
バックエンド開発
GET インターフェーステスト URL を構築し、JSON でパラメータ定義後ワンクリックで query を生成します。
テストエンジニア
複数パラメータ付きテスト URL を一括構築します。
SEO / 運用
ランディングページ UTM パラメータ構造を分析し、JSON に変換して統計に使用します。
セキュリティテスト
redirect_uri と state パラメータを分解して OAuth フローを分析します。
データ分析
UTM パラメータを一括 JSON 化して BI ツールにインポートし、チャネル帰属分析を行います。
TIPS
使用のコツ
- 完全 URL 貼り付け時、ツールは ? 後の query 部分を抽出して解析します。
- JSON → Query 生成文字列は base URL 後に直接連結してテストできます。
- 中文パラメータは自動 encodeURIComponent され、手動エンコードは不要です。
- 配列パラメータは query では通常重複キー名として現れ、解析後に配列として復元されます。
- 「エンコード/デコード」ツールと連携し、二重エンコードやエンコード欠落問題を調査します。
- OAuth redirect_uri の query 部分をこのツールで素早く分解分析できます。
- query 内の + はしばしばスペースを表し、デコード時は %20 と同等であることに注意してください。
- query 生成後、base URL に連結する前に既に ? があるか確認してください。
- 配列パラメータの境界テスト：空配列、単一要素、複数要素の 3 ケース。
- Postman ツールと連携：Collection から URL を抽出して query を分解します。
LOCAL VS ONLINE
ローカル vs オンラインツール
JSONSort は純フロントエンドアーキテクチャを堅持。以下の比較が、開発データ処理にローカルツールが適している理由を示します。
TROUBLESHOOTING
よくある誤解とトラブルシューティング
実際の使用で起こりやすい問題と推奨対処法。試行錯誤の時間を削減します。
文字化け
推奨：URL デコード済みか確認；二重エンコード時はエンコード/デコードツールで 1 層除去します。
配列が文字列に
推奨：重複キーではなく JSON 配列文字列を使うべきか確認してください。
空値が失われた
推奨：key= 形式は空文字列として保持され、キー欠落とは異なります。
ネスト深度制限
推奨：過度に深い bracket はサーバー側でサポートされない場合があります。バックエンドと形式を合意してください。
FAQ
よくある質問
hash ルートのパラメータに対応していますか？
? 後の query 部分のみ解析。# 後の hash は手動分離が必要です。
空値パラメータは保持されますか？
key= 形式の空値は空文字列 "" として解析されます。
ネストオブジェクトは query にどう変換？
key[nested]=value または dot notation にフラット化。モードによって異なります。
hash 内のパラメータは解析できますか？
#/page?x=1 の hash 内 query は手動分離が必要。標準 ? 前 query は自動処理されます。
パラメータ順序は保持されますか？
JSON オブジェクトのキー順は元 query と異なる場合がありますが、機能的には等価です。
データはサーバーにアップロードされる？
いいえ。JSONSort のすべてのツールはブラウザ内ローカルで動作し、入力内容はバックエンドサーバーに送信されません。
登録やインストールが必要？
不要です。ページを開くだけで使用でき、アカウント不要、クライアントダウンロード不要、PWA オフラインキャッシュにも対応。
どのくらいのファイルサイズに対応？
ブラウザメモリに依存しますが、通常数 MB 級のデータをスムーズに処理できます。超大ファイルは先に分割するかマージ・クリーンツールをご利用ください。