クエリ文字列 → JSON 変換ツール
URL のクエリ文字列を整形済み JSON に、そして逆にもブラウザ内で変換。パラメーターはデバイス上に留まります。
クエリ文字列を JSON に変換するツールは、すべてをブラウザ内でローカルに解析・構築します。貼り付けたクエリ文字列、URL、JSON は — その中のトークンや ID も含め — デバイスから離れることはなく、ArrayKit にアップロードされません。
結果を整えるには JSON 整形ツールを開く
クエリ文字列を JSON に変換 について
クエリ文字列を JSON に変換するツールは、URL のクエリ文字列を、きれいで読みやすい JSON に変え、JSON をそのままクエリ文字列に戻します。生のクエリ — 先頭の疑問符の有無を問わず、あるいは URL 全体 — を貼り付けると、パーセントエンコードされた値をデコードし、ids=1&ids=2 のような繰り返しキーを配列にまとめ、filter[status]=active のような入れ子の角括弧キーや filter.status のようなドットキーを構造化オブジェクトに展開します。方向を切り替えれば、JSON オブジェクトを、リンク・API 呼び出し・分析パラメーター向けにエンコードされたクエリ文字列へシリアライズできます。トラッキングリンクをほどいたりリクエストパラメーターをデバッグしたりする開発者、QA エンジニア、マーケターのために作られています。すべてはブラウザ内で解析されるので、貼り付けた URL やペイロードはデバイス上に留まり、アップロードされることはありません。
機能
- URL のクエリ文字列を、入力しながら整形・インデントされた JSON に変換
- JSON オブジェクトを、エンコードされたクエリ文字列にシリアライズ
- a[b]=1 のような角括弧キーや a.b=1 のようなドットキーをオブジェクトに展開
- tag=x&tag=y のような繰り返しキーを JSON 配列にまとめる
- パーセントエンコードされた値をデコードし、+ をスペースとして扱う
- 裸のクエリ文字列、先頭の ?、または URL 全体を受け付ける
- 結果をコピー、または .json や .txt ファイルとしてダウンロード
- 完全にブラウザ内で動作するので、パラメーターがデバイスから外に出ることはありません
クエリ文字列を JSON に変換 の使い方
- 「クエリ文字列 → JSON」タブを選んだままにします。
- クエリ文字列または URL 全体を入力ボックスに貼り付けます。
- 整形された JSON を読み、コピーするか .json ファイルとしてダウンロードします。
- 「JSON → クエリ文字列」に切り替え、JSON オブジェクトを貼り付けてエンコードされたクエリを作ります。
例
入力
filter[status]=active&ids=1&ids=2&q=hello%20world
出力
{
"filter": {
"status": "active"
},
"ids": [
"1",
"2"
],
"q": "hello world"
}
繰り返しキーは配列になり、角括弧キーは入れ子になり、%20 はスペースにデコードされます。
よくあるエラーとトラブルシューティング
- クエリ全体が、名前に角括弧が残った 1 つの奇妙なキーにまとまってしまった。 — 5 階層より深い入れ子は展開されません。キーを平坦にするか、各角括弧グループが 5 階層内に収まるようにクエリを分けてください。
- JSON → クエリ文字列が「Enter a JSON object of key/value pairs.」と報告する。 — 最上位は {"a":"1"} のようなオブジェクトでなければなりません。裸の配列、文字列、数値には、クエリを作るためのパラメーター名がありません。
- 往復後に数値やブール値が文字列で返ってきた。 — クエリ文字列はテキストのみを運ぶので、2 や true は "2" や "true" にシリアライズされます。解析後に自分のコードで正しい型に戻してください。
- 値の中の + がスペースに変わった。 — クエリ文字列は + をエンコードされたスペースとして扱います。文字としてのプラスが必要なときは %2B と書いてから変換してください。
よくある質問
- この変換ツールは tag=a&tag=b のような繰り返しクエリキーをどう扱いますか？
- 繰り返しキーは JSON 配列にまとめられるので、tag=a&tag=b は {"tag":["a","b"]} になります。逆変換すると、配列は再び繰り返しキーに展開されます。
- filter[status]=active のような入れ子のパラメーターを解析できますか？
- はい。filter[status]=active のような角括弧キーも filter.status=active のようなドットキーも、どちらも入れ子の JSON オブジェクトに展開され、入れ子のオブジェクトは角括弧キーに戻ります。
- クエリ文字列を変換すると JSON の値がすべて文字列になるのはなぜですか？
- クエリ文字列はテキストのみを運ぶので、数値やブール値を含め、すべての値が文字列として解析されます。JSON を得たら、自分のコードで正しい型に変換してください。
- JSON オブジェクトをクエリ文字列にするにはどうしますか？
- 「JSON → クエリ文字列」タブに切り替え、JSON オブジェクトを貼り付けます。入れ子のオブジェクトは角括弧キーに、配列は繰り返しキーになり、値はパーセントエンコードされます。
- URL 全体を受け付けますか、それともクエリ部分だけですか？
- URL 全体を貼り付けられます — ? より前のすべてと #フラグメントは自動で取り除かれます — あるいは、先頭の ? の有無を問わず生のクエリ文字列だけでも構いません。
- 変換する URL やパラメーターは非公開に保たれますか？
- はい。解析もシリアライズも完全にブラウザ内で行われるので、貼り付けたクエリ文字列や JSON はデバイス上に留まり、ArrayKit にアップロードされることはありません。
関連ツール
すべての ArrayKit ツール