JSON Editor

編集、検証、比較、クエリ、変換 — すべてを 1 つのツールで。

{{ __t('loading_editor') }}
{{ stats.size }} {{ __t('bytes') }} {{ stats.lines }} {{ __t('lines') }} {{ stats.keys }} {{ __t('keys') }} {{ stats.depth }} {{ __t('depth') }} {{ stats.nodes }} {{ __t('nodes') }}
{{ __t('schema_section_title') }}
{{ __t('schema_valid') }}
{{ __t('schema_errors_heading') }}:
• {{ err }}
{{ __t('compare_left') }}
{{ __t('compare_right') }}
{{ diff.added.length }} {{ __t('compare_added') }} {{ diff.removed.length }} {{ __t('compare_removed') }} {{ diff.modified.length }} {{ __t('compare_modified') }} {{ __t('compare_identical') }}
+ {{ p.path }} : {{ p.value }}
- {{ p.path }} : {{ p.value }}
~ {{ p.path }} : {{ p.from }} → {{ p.to }}
{{ __t('convert_input_label') }} ({{ convertFrom.toUpperCase() }})
{{ __t('convert_output_label') }} ({{ convertTo.toUpperCase() }})
{{ convertError }}
{{ __t('query_examples_label') }}: {{ ex }}
{{ __t('query_input_label') }} (JSON)
{{ __t('query_result_label') }}
{{ queryError }}
{{ __t('query_help_heading') }}: {{ __t('query_help_jsonpath') }} — JSONPath Docs {{ __t('query_help_jmespath') }} — JMESPath Spec

CalcSI JSON Editor とは?

CalcSI JSON Editor は、JSON データの編集・検証・比較・クエリ・変換を無料で行えるオンラインツールです。ツリー、テキスト、テーブルの 3 つのビューを自由に切り替え、JSON 修復、スキーマ検証、差分比較、JSONPath/JMESPath クエリ、YAML/CSV/XML/TypeScript インターフェースへの変換などの高度な機能を利用できます。

すべての処理はブラウザ内で完結し、データがデバイスを離れることはありません。開発者、API テスター、DevOps エンジニア、JSON を扱うすべての人に最適です。

3 つのエディタービュー

  • ツリービュー — クリックで編集、ドラッグで並べ替え、キーボードショートカットでノード追加・削除。
  • テキストビュー — シンタックスハイライト、行番号、インラインエラーマーカー付きの完全なコードエディター。
  • テーブルビュー — オブジェクトの配列を表として表示、列 = キー。レコードを含む API レスポンスに最適。

機能一覧

  • 修復 — 末尾カンマ、引用符のないキー、シングルクォート、コメントを自動修正。
  • ソート — キーを再帰的にアルファベット順に並べ替え、決定論的な差分と可読性を向上。
  • JSON Schema 検証 — 型、必須フィールド、min/max、パターンなどを含むカスタムスキーマでデータを検証。
  • 比較(差分) — 2 つの JSON を並べて表示し、追加・削除・変更されたパスを明確にリスト化。
  • クエリ — JSONPath と JMESPath に対応。表現力豊かなパスで必要なデータを正確に抽出。
  • 変換 — JSON、YAML、CSV、XML を相互変換し、データから TypeScript インターフェースを生成。
  • インポートとエクスポート — ファイルアップロード、URL から読み込み、.json でダウンロード、クリップボードにコピー。
  • 100% ローカル — すべての処理はブラウザ内で実行され、データはアップロードもログにも記録されません。

一般的な使用例

  • API レスポンスの確認、フィルタリング、他フォーマットへのエクスポート
  • 設定ファイル(package.json、tsconfig、OpenAPI)の編集と検証
  • データ移行: あるアプリの JSON を別アプリ向けに YAML/CSV/XML へ変換
  • 失敗前後の 2 つのスナップショットを比較してバグを発見

このツールは安全ですか?

はい。パース、検証、比較、変換、クエリといったすべての処理はブラウザ内で完結します。サーバーへの通信もログも一切ありません。ソースコードはブラウザの開発者ツールでいつでも確認できます。トークンや PII のような機密データもデバイスから出ることはありません。