便利です！オープンソースの JSON 視覚化および管理ツール。

JSON Hero は、シンプルで実用的な JSON ツールであり、そのクリーンで美しい UI と強化された追加機能により、JSON ドキュメントの読み取りと理解がより簡単かつ直感的になります。

JSON を表示するための複数のビュー（列ビュー、ツリービュー、JSON ビューなど）をサポートします。列ビューは、macOS Finder にヒントを得た、JSON ドキュメントを参照する新しい方法です。

プロジェクトアドレス:

https://github.com/jsonhero-io/jsonhero-web

JSON Hero をローカルで実行するには、まずソースコードのクローンを作成し、必要な依存関係をインストールします。

 git クローンhttps://github.com/jsonhero-io/jsonhero-web.git
 cd jsonhero - ウェブ
npm インストール

次に、次のコマンドを実行して起動し、http://localhost:8787 を開いて使用できるようになります。

 npm スタート

https://jsonhero.io/ にアクセスし、JSON ファイルを Web サイトにドラッグアンドドロップするか、JSON または JSON URL を提供されたフォームに貼り付けます。
JSON ペイロードを含む Base64 文字列を jsonhero.id に連結します: jsonhero.io/new?j=eyAiZm9vIjogImJhciIgfQ==
jsonhero.io に追加された JSON ファイルを含む URL を使用します: jsonhero.io/new?url=https://jsonplaceholder.typicode.com/todos/1
JSON Hero VS Code 拡張機能をインストールし、VS Code から JSON ファイルを開きます。
Raycast ユーザーは、関連する拡張プラグインを直接インストールすることもできます: https://www.raycast.com/maverickdotdev/open-in-json-hero
非公式 API の使用: 次の JSON を使用して POST リクエストを送信します。

 {
 「タイトル」 : 「テスト123」 、
 「コンテンツ」 : { 「foo」 : 「バー」 }
 }

次の応答が受信されます。

 {
 「id」 : 「YKKduNySH7Ub」 、
 「タイトル」 : 「テスト123」 、
 「場所」 : 「https://jsonhero.io/j/YKKduNySH7Ub」
 }

JSON Hero は文字列の内容を自動的に推測し、選択した値の便利なプレビューとプロパティを提供します。

未定義値や null 値など、JSON ドキュメント全体の特定のフィールドに関連するすべての値を簡単に表示できます。

DUICUO