JSON Schema to Form
JSON Schema を検証付きの HTML フォームに変換し、JSON 結果を出力します。
生成されたフォーム
上のスキーマからフォームを生成してください。
入力結果(JSON)
対応キーワード: type、properties、items、required、enum、title、description、default、minimum、maximum、minLength、maxLength、pattern。参照とコンビネータは非対応として報告されます。
使い方
- ルートが properties を持つオブジェクトである JSON Schema を貼り付けます。
- フォームを生成を押すと、各プロパティがラベル付きの入力欄・セレクト・チェックボックスになります。
- フォームに入力すると検証が走り、問題は該当フィールドの下に表示されます。
- 右側の JSON 結果には、実際に入力した項目だけが反映されます。
- ステータスが全項目有効になったら JSON をコピーします。
よくある用途
- 社内ツールのプロトタイプ —— 既にあるスキーマからクリックできるフォームを起こし、本実装の前に操作感を確かめます。
- スキーマの実地検証 —— 入力しづらい項目があれば、たいていスキーマ側の見直しが必要だと分かります。
- サンプルペイロードの作成 —— 一度入力すれば、型に合った JSON をコピーできます。
- サポートチームの導入用ページ —— スキーマ由来のフォームなら必須項目が一目で分かります。
- スキーマキーワードの学習 —— enum はセレクト、minimum / maximum は範囲チェック、pattern は正規表現チェックになります。
よくある質問
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% ローカルで動作します。貼り付けたり、ドロップしたデータはすべてお使いのブラウザ内で処理され、送信されることはありません。当社のサーバーには何も保存されません——タブを閉じればすべて消えます。
入力された内容がサーバーへ送信・記録・解析利用されることはありません。初回読み込み後はネットワークを切断していてもこのページは動作します。