AykutSarac/jsoncrack.com

これは何？

主な機能

• 01JSON、YAML、CSV、XMLをインタラクティブなグラフやツリーとして可視化します。
• 02JSONからCSV、XMLからJSONなど、形式間の変換に対応します。
• 03TypeScript、Golang、Kotlin、Rustの型とJSON Schemaを生成します。
• 04データに対してjqやJSONPathのクエリを実行します。
• 05可視化結果をPNG、JPEG、SVG形式でエクスポートします。

ユースケース

• 大規模または深くネストされたAPIレスポンスを探索する。
• JSON、CSV、XML間でデータをすばやく変換する。
• サンプルのJSONペイロードから型付きモデルを生成する。
• VS Code拡張機能を使って、エディター内でJSONファイルを確認する。

クイックスタート

1. 1

   リポジトリをクローンする

   git clone https://github.com/AykutSarac/jsoncrack.com.git
2. 2

   プロジェクトフォルダーに移動する

   cd jsoncrack.com
3. 3

   pnpmでパッケージをインストールする

   pnpm install
4. 4

   Webアプリを起動し、http://localhost:3000/ を開く

   pnpm dev:www

使う前に知っておきたいこと

• !ソースから実行するには、Node.js 24以降とpnpm 10以降が必要です。
• !READMEにはソースからのセットアップ方法のみが記載されており、デスクトップ用インストーラーについては説明されていません。

トピック

よくある質問

jsoncrack.com とは？

JSON、YAML、CSV、XMLをインタラクティブなグラフに変換し、形式変換やコード生成もできるオープンソースのJSONエディター。 JSON Crackは、JSON、YAML、CSV、XMLなどの構造化データをインタラクティブなグラフやツリーとして可視化し、ネストされたデータを簡単に探索、整形、検証できるようにします。Webアプリ、VS Code拡張機能、Chrome拡張機能、npmパッケージのjsoncrack-reactとして利用できます。

jsoncrack.com は無料で使えますか？ライセンスは？

jsoncrack.com は Apache-2.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

jsoncrack.com は今もメンテナンスされていますか？

半年以内に更新あり。jsoncrack.com の最終コミットは 2026年9月14日 です。

jsoncrack.com は何に使えますか？

大規模または深くネストされたAPIレスポンスを探索する。 JSON、CSV、XML間でデータをすばやく変換する。 サンプルのJSONペイロードから型付きモデルを生成する。 VS Code拡張機能を使って、エディター内でJSONファイルを確認する。

jsoncrack.com のインストール方法は？

リポジトリをクローンする: git clone https://github.com/AykutSarac/jsoncrack.com.git プロジェクトフォルダーに移動する: cd jsoncrack.com pnpmでパッケージをインストールする: pnpm install Webアプリを起動し、http://localhost:3000/ を開く: pnpm dev:www

jsoncrack.com はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/AykutSarac/jsoncrack.com