使い方
- エディタにJSONを貼り付けるか、JSON/JSONC/NDJSONファイルをドロップします。
- アクションを選択します：整形 / 圧縮 / 検証 / TS / Zod / XML。
- 出力をコピーまたはダウンロードするか、差分 (Diff) を開いて変更履歴を確認します。
- 検証に失敗した場合は、エラー行・列のヒントを参考に修正し、再度型を生成します。
主な機能
- 整形 (Format): 読みやすさやレビューのためにJSONを見やすく整形します。
- 圧縮 (Minify): 転送や保存時の容量を削減するためにJSONを圧縮します。
- 検証 (Validate): 構文を検証し、エラーの行や列を正確にハイライト表示します。
- 型生成: 実際のJSONデータから TypeScriptインターフェース や Zodスキーマ を自動生成します。
- 変換: レガシーシステムや連携用にJSONを XML に変換します。
- 比較 (Diff): 差分表示で変更内容を確認できます。すべてローカルかつプライベートで完結します。
関連ツール
無料のJSONPathテスター・評価ツール：APIのJSONを貼り付けて、合致するノードの抽出、パスの確認、および結果JSONのコピーが簡単に行えます。解析とクエリ実行はすべてブラウザ上でローカルに行われます。
JSONオブジェクトや配列をブラウザ内でローカルにCSVに変換します。ネストされたフィールドをフラット化し、結果をプレビューして、データをアップロードすることなくコピーまたはCSVとしてダウンロードできます。
CSVテキストやファイルをブラウザ内でローカルにJSON配列に変換します。ヘッダーの有無、カンマ/セミコロン/Tabの区切り文字、ファイルのドラッグ＆ドロップ、コピー、ダウンロードに対応。アップロードは不要です。
ブラウザ内でローカルに2つのJSONドキュメントを比較します。セマンティック（意味的）な差分比較のためにオブジェクトのキーをソートし、順序の違いによるノイズを無視して、追加・削除・変更されたフィールドをマーク。アップロードは不要です。
JSONを1行に圧縮し、インデントや改行を削除します。元のサイズ、圧縮サイズ、削減されたバイト数および割合を比較できます。
無料のオンラインJSON TypeScript変換ツール。JSONペイロードからTypeScriptのインターフェースや型を即座に生成します。100%プライベートなクライアントサイドのコード生成です。
YAMLをブラウザ内でローカルにフォーマットされたJSONに変換します。この開発者向けツールは、リアルタイム変換、マルチドキュメントYAML、行番号付きエラー表示、コピー、およびデータ保存なしのJSONダウンロードに対応しています。
JSONをブラウザ内でローカルにフォーマットされたYAMLに変換します。この開発者向けツールは、リアルタイム変換、厳密な検証、コピー、およびデータ保存なしのYAMLダウンロードに対応しています。
計算ロジック
- 解析には
JSON.parse、レンダリングにはJSON.stringifyを使用します。 - 型生成はオブジェクトや配列を再帰的にトラバースし、各フィールドをTypeScript/Zod構文にマッピングします。
- 差分の描画は、LCS（最長共通部分系列）ベースのテキスト差分アルゴリズムを用いて構築できます。
- 負荷の高い処理は Web Worker 内で実行させることで、UIの応答性を維持できます。
よくある質問
無料ですか？制限はありますか？
はい。整形、検証、TS/Zodの型生成、XML変換、差分表示のすべてが制限なく無料で利用できます。
データはプライベートですか？JSONはアップロードされますか？
アップロードはありません。機密性の高いキーや値も含め、すべての処理はお使いのブラウザでローカルに実行されます。
JSONをTypeScriptインターフェースに自動で変換するにはどうすればよいですか？
JSONを貼り付けて「TS」をクリックするだけで、厳密なインターフェースが即座に生成されます。
一見正しそうなJSONなのに JSON.parse が失敗するのはなぜですか？ (技術的解説)
よくある原因として、末尾のカンマ（Trailing Comma）、キーの二重引用符の欠落、単一引用符（シングルクォーテーション）の使用、コメント（JSONC）、波括弧・角括弧の閉じ忘れなどが挙げられます。
JSONからZodスキーマを生成するのはなぜですか？
Zodは実行時（ランタイム）バリデーションを追加するため、APIのデータ構造の変更をアプリケーション内で安全に検知できるようになります。