本文へスキップ
ここで実行 100% ブラウザ内で動作します。アップロードもログインも不要です。

JSON Schema to Form

JSON Schema を検証付きの HTML フォームに変換し、JSON 結果を出力します。

生成されたフォーム

上のスキーマからフォームを生成してください。

入力結果(JSON)

対応キーワード: type、properties、items、required、enum、title、description、default、minimum、maximum、minLength、maxLength、pattern。参照とコンビネータは非対応として報告されます。

使い方

  1. ルートが properties を持つオブジェクトである JSON Schema を貼り付けます。
  2. フォームを生成を押すと、各プロパティがラベル付きの入力欄・セレクト・チェックボックスになります。
  3. フォームに入力すると検証が走り、問題は該当フィールドの下に表示されます。
  4. 右側の JSON 結果には、実際に入力した項目だけが反映されます。
  5. ステータスが全項目有効になったら JSON をコピーします。

よくある用途

よくある質問

Q: 対応キーワードは? A: type、properties、items、required、enum、title、description、default、minimum、maximum、minLength、maxLength、pattern です。これ以外はフォーム生成時に非対応として一覧表示され、何がスキップされたか分かります。

Q: $ref の定義が効きません。なぜ? A: 参照は解決されません。$ref・$defs・definitions に依存するスキーマは非対応として報告され、推測でフィールドを作るのではなくその部分をスキップします。

Q: 任意項目も JSON 出力に含まれますか? A: 入力したものだけです。未入力の任意項目は結果に出ません。必須項目は入力されるまで指摘されます。

Q: オブジェクトや配列はネストできますか? A: できます。オブジェクトはネストブロックとして展開され、配列には「項目を追加」ボタンと各行の「削除」が付き、スカラー・オブジェクト両方の要素型に対応します。

Q: JSON Schema 仕様の完全な検証はできますか? A: できません。上記のキーワード部分集合を対象とした簡易フォーム生成であり、Draft 2020-12 に沿った文書検証ではありません。本番の検証には専用のバリデータを使ってください。

データはこのデバイス内にとどまります

JSON Schema to Form は 100% ローカルで動作します。貼り付けたり、ドロップしたデータはすべてお使いのブラウザ内で処理され、送信されることはありません。当社のサーバーには何も保存されません——タブを閉じればすべて消えます。

入力された内容がサーバーへ送信・記録・解析利用されることはありません。初回読み込み後はネットワークを切断していてもこのページは動作します。