APIレスポンスを整える
貼り付けたJSONを整形し、パスを確認して型やスキーマ確認へ進みます。
- 1. JSON
ペイロードを検証、整形し、コンパクトなAPIレスポンスレポートをコピーします。
- 2. JSONPath
コードや文書に必要な正確なフィールドパスを取り出します。
- 3. JSON TS
サンプル構造をTypeScript interfaceの下書きに変えます。
JSONデータプライバシー: ブラウザ内処理
JSON フォーマッター
API レスポンス、設定ファイル、ログ内の JSON を読みやすく整形し、構文エラーを素早く見つけます。
入力 / 出力
まずツールを使う
入力、出力、コピー操作をこの領域にまとめています。例と確認項目は下に分けています。
ローカルセッション
入力状態はこのブラウザだけに保存され、アカウントなしで前回の作業を復元できます。
結果のあとに確認
基本の入力/出力が終わってから、必要な例、確認リスト、関連ツールだけを開きます。
3 ツール
JSONフィールドを抽出
payloadを整形し、wildcardやrecursive keyのパスを試して、コードで使う形を残します。
- 1. JSON
フィールド選択前に貼り付けたレスポンスを整形して検証します。
- 2. JSONPath
dot path、bracket key、wildcard、recursive key検索を試します。
- 3. JSON TS
フィールド構造が明確になったらTypeScript型の下書きを作ります。
Webhook signature確認
HMAC出力を作成し、安全なsignatureレポートをコピーして、webhookコード変更前にpayload形状とencodingを確認します。
コピー前の確認
- 整形後の array、object、null、number が API 契約と合うか確認します。
- token、cookie、顧客 ID、内部 URL を削除してから共有またはコピーします。
- JSON フォーマッター の結果が次の作業に合うか関連ツールで続けて確認します。
よくある失敗例
- trailing comma、comment、single quote が混ざるとブラウザの JSON parser で失敗します。
- 大きな数値、日付、ID は構文上正しくても downstream schema と意味がずれる場合があります。
関連ツール
JSON EscapeJSON 文字列に入れる引用符、改行、バックスラッシュを escape/unescape し、ログやテストデータを整えます。次の手順: JSON 文字列に入れる引用符、改行、バックスラッシュを escape/unescape し、ログやテストデータを整えます。JSON TSサンプル JSON から TypeScript interface を推測し、API レスポンスや設定型の下書きを素早く作ります。次の手順: サンプル JSON から TypeScript interface を推測し、API レスポンスや設定型の下書きを素早く作ります。SchemaJSON 値を簡単な JSON Schema ルールと照合し、required field や type mismatch を確認します。次の手順: JSON 値を簡単な JSON Schema ルールと照合し、required field や type mismatch を確認します。
ガイド
結果のあとに確認
基本の入力/出力が終わってから、必要な例、確認リスト、関連ツールだけを開きます。
例
このツールを始めるための入力例{"status":"ok","items":[1,2,3]}{"user":{"id":123,"roles":["admin"]},"active":true}[{"id":1,"name":"Bob"},{"id":2,"name":"Alice"}]利用シーン
データ- API レスポンス、設定ファイル、ログ内の JSON を読みやすく整形し、構文エラーを素早く見つけます。
- ブラウザ内処理で入力を扱い、コピー前に結果を確認します。
- JSON フォーマッター と関連ツールを続けて使い、作業フローを短くします。
- 整形後の array、object、null、number が API 契約と合うか確認します。
- token、cookie、顧客 ID、内部 URL を削除してから共有またはコピーします。
- JSON フォーマッター の結果が次の作業に合うか関連ツールで続けて確認します。