JSON Swiss

JSON Swiss

JavaScript Class → JSON Schema 生成

JavaScript コード 入力

エディターを読み込み中…

JSON Schema 出力

設定

スキーマ生成時に root として扱う class を選択します。

解析はブラウザー内で完結します。ソースコードが外部に送信されることはありません。

JavaScript の class 定義を貼り付けて JSON Schema を即生成。

コンストラクタ代入または class field 構文を使う ES6 class に対応します。

JavaScript の class を JSON Schema に変換する方法 – ステップガイド

このオンライン JavaScript class → JSON Schema 変換ツールは、実際のモデル（DTO、struct、class）から JSON Schema を生成し、payload の検証、コントラクト共有、モック JSON 生成に役立ちます。

  1. ステップ 1 – JavaScript のソースを貼り付ける

    • ドキュメント化したいモデルを左側のエディターに貼り付けます。
    • 参照される型も同じスニペットに含めると、definitions を生成できます。
    • サンプル ボタンで例を読み込み、入力フォーマットを確認できます。

  2. ステップ 2 – ルート class を選択する（必要な場合）

    • 複数の定義が検出された場合は、API payload に対応する root を選択します。
    • 出力スキーマは選択した root を中心に構築され、参照される型の定義を含むことがあります。

  3. ステップ 3 – JSON Schema 出力を確認する

    • 型、必須／任意フィールド、ネストした object/array 構造を確認します。
    • モデルが他のモデルを参照している場合は、 definitions と $ref を確認してください。
    • スキーマをコピーまたはダウンロードして、検証／ドキュメント化／schema‑first 開発に利用します。

  4. ステップ 4 – 検証またはモック JSON を生成する

    • 「 モックデータ生成 」をクリックすると、スキーマを読み込んだ状態でモック生成ツールを開けます。
    • 実 payload をスキーマで検証し、破壊的変更を早期に検出します。
    • 高度な schema 合成（例: anyOf/oneOf/allOf）を使う場合は、Ajv などのフルバリデータで結果を確認してください。

スキーマ keyword 対応に関する注意

生成されたスキーマには $ref が含まれることがあり、編集して anyOf, oneOf, または allOfを追加できます。 複雑なスキーマの場合は、フル機能の JSON Schema バリデータを使い、必要に応じてモック生成前に dereference してください。

関連する JSON Schema／コード生成ツール

スキーマの検証、モック payload の生成、JSON 例の整形、コードとコントラクトの同期に役立つツールです。

JSON Schema モックデータ生成

スキーマからサンプル JSON を生成し、テストやドキュメントに利用します。

JSON Schema 検証

一般的な schema keyword に対して JSON を検証し、差分を素早く見つけます。

JSON → JavaScript オブジェクト

JSON サンプルから JavaScript の型・モデルを生成します。

JSON → JSON Schema 生成

代表的な JSON サンプルからスキーマを生成し、モデル起点のスキーマを補完します。

Schema Library

オブジェクト／配列／enum／制約などのスキーマ例とパターンを参照できます。

JSON Formatter

スキーマ検証やドキュメント共有の前に JSON 例を整えます。

よくある質問

どんな JavaScript コードに対応していますか？

コンストラクタ内の代入（this.field = value）または class field 構文（field = value）を使う ES6 class を貼り付けます。文字列、数値、boolean、配列、オブジェクトリテラルなどのリテラル代入から JSON Schema の型を推論します。

型推論の精度はどれくらいですか？

リテラル値から schema の型を決めます（例："" → string、0 → integer、[] → array）。リテラル以外の代入は string にフォールバックし、任意として扱われます。配列は汎用要素を持つ array、オブジェクトリテラルは map になります。

TypeScript でも使えますか？

TypeScript class でも、リテラルの既定値があれば推論できます。ただし型注釈を使う場合は「TypeScript Class → JSON Schema」を推奨します。こちらは実行時の代入にフォーカスしています。

スキーマからモック JSON を作るには？

スキーマ生成後に「モックデータ生成」をクリックすると、スキーマを読み込んだ状態で Mock Generator を開けます。ロケール、配列サイズ、任意フィールドを設定して、数秒で例 payload を作成できます。

JavaScript Class → JSON Schema 生成 | JSONSwiss