JSON のインプット&アウトプット「json-editor」が神すぎる件 ITかあさん

ITかあさん

JSON のインプット&アウトプット「json-editor」が神すぎる件

JSON スキーマとHTMLフォームの連動が神すぎるjson-editorが神すぎるぞ

スクリーンショット 2016-01-14 15.35.49

jsonのスキーマをWEB上でformでリアルタイムに変更する仕組みを自分のサイトに導入する方法ないかなあ。作るのはめんどいなあ

奥さん、ありましたよ!

こちらがダウンロード直後のキャプチャ

JavaScriptベースで動いておりますゆえ、ダウンロードしたらすぐにブラウザから確認出来ます。
スクリーンショット 2016-01-14 15.41.29

スキーマ入力するフォーム側 もちろんスキーマの項目追加も思いのまま!

スクリーンショット 2016-01-14 15.41.37

フォームで入力されたスキーマが反映た結果(JSON)

おもしろいのが、フォームでスキーマ入力→JSON表示だけではなく、逆もOK!っていうところ。
JSONを修正して、updateボタンを押すとスキーマ入力のフォームまで変更されるっていうこと。

gitからダウンロードしてdemo.htmlを直接JSONのデフォルト値を変更してあげればすぐに自分のWEBサイトにも取り込めそうですね

初夏のJavaScript祭 in サーキュレーションビル ForPro