JSONエディター — JSONをオンラインで編集・フォーマット・検証

本格的なオンラインJSONエディター。JSONをリアルタイムで検証、フォーマット、ミニファイ、コピー、ダウンロード、アップロード。

JSONエディター

JSONエディターとは？

APIからJSONの塊を受け取って、コードエディターを起動したり何かインストールしたりせずに、1つのフィールドをさっと変更したいと思ったことはありませんか？それがまさにこのJSONエディターの目的です。ブラウザ上で完全に動作するので、データはプライベートのまま安全です。JSON（RFC 8259で定義）は、現代のAPI、設定ファイル、データストレージの基盤です。このエディターで、JSON操作を速く・手軽にできます。

このエディターは入力しながらJSONを自動検証し、エラーをハイライトして、ワンクリックでフォーマットとミニファイを提供します。特定の構造を強制したい場合は、JSON Schemaと組み合わせてバリデーションルールを追加できます。

使い方

1

JSONを入力または貼り付ける

エディターに直接JSONを入力するか、既存のJSONを貼り付けます。エディターはリアルタイムで入力を検証します。

2

ツールバーのアクションを使う

フォーマットでpretty-print、ミニファイで圧縮、コピーでクリップボードに、ダウンロードで保存、アップロードで読み込み、クリアでリセット。

3

ステータスバーを確認

エディター下のステータスバーにJSONが有効かどうか、またはエラーメッセージが表示されます。

例

例：製品JSONオブジェクトを編集する

編集するJSON：

{
  "project": "My App",
  "version": "1.0.0",
  "author": {
    "name": "Jane Doe",
    "email": "[email protected]"
  },
  "dependencies": ["angular", "rxjs", "typescript"],
  "settings": {
    "debug": false,
    "maxRetries": 3
  }
}

価格の編集とフィールド追加後：

{
  "id": "P001",
  "name": "Widget Pro",
  "price": 24.99,
  "tags": ["hardware", "tools"],
  "inStock": true,
  "discount": 0.15
}

よくある質問

何もインストールせずにJSONをオンラインで編集するには？

このページのエディターにJSONを貼り付けるだけです。ブラウザ上で検証、フォーマット、編集がすべてできます — 拡張機能不要、インストール不要、アカウント不要。JSONフォーマット自体のクイックリファレンスには、MDN JSONガイドが良い出発点です。

このJSONエディターは入力しながら検証してくれますか？

はい。エディターは入力しながら300msデバウンスでJSONを確認し、緑の「有効なJSON」バッジまたは何が問題かを正確に示す赤いエラーメッセージを表示します。

ローカルのJSONファイルを開いてここで編集できますか？

はい。アップロードボタンをクリックすると、マシンから任意の.jsonまたは.txtファイルを読み込めます。編集が完了したらダウンロードで保存できます。

関連ツール

JSONフォーマッター JSONビューアー JSONバリデーター JSONミニファイアー