Web開発 入門 2 ステップ
クエリ文字列解析と JSON フォーマット
クエリ文字列解析はキー・バリューペアを抽出する。JSON フォーマットにより可読で構造化される。
解決する問題
クエリ文字列をキー・バリューペアに解析し、その後 JSON としてフォーマットする。
入力 → 出力
クエリ文字列パーサー 入力 → JSON フォーマッター 出力 、計 2 ステップ。
実行時間
1–2分 · 完全にブラウザローカルで実行。
始める前に
- URL クエリ文字列
パイプライン
-
URL クエリ文字列（先頭の「?」は任意）を JSON のキー・バリューに解析します。不正なパーセントエンコーディングはエラーになり、重複キーは最後の値が優先されます。
-
Format, minify, or sort JSON online。無料、プライベート、100%クライアントサイド。
▶このワークフローを実行
下に入力を入力し実行をクリック。すべての処理はブラウザのローカルで行われます — 何もアップロードされません。
パイプラインの進行状況
- クエリ文字列パーサーquery-string-parser
- JSON フォーマッターjson-format
サンプル入力
name=Alice&age=30&city=NYC
期待される出力
{
"name": "Alice",
"age": "30",
"city": "NYC"
} この入出力ペアはビルド時に実際のツールで実行（tests/unit/recipes.test.ts）——期待出力は検証済み、例示ではありません。
関連ワークフロー
こちらもおすすめ
このレシピとツールやテーマを共有するワークフロー。