Posted at

[OSS調査] 使える!フォームやLPを構築するためのOSSライブラリ調査まとめ

More than 3 years have passed since last update.

どうも開発室所属の @mk2 です。フォームやLP(ランディングページ) をブラウザ画面上で構築するような仕組みを作ろうとした時に、色々と調査した結果をまとめます。


フォームエディターOSSライブラリと、LP(ランディングページ)構築用OSSライブラリの調査結果まとめ


フォームエディター

フォームエディターは結構種類があります。WYSIWYGでフォームを作る需要が結構あるのだろうなーと思います。サンプルサイトがあるものは、記載してあります。


https://github.com/minikomi/Bootstrap-Form-Builder


https://github.com/christianalfoni/formsy-react


  • コード書く系

  • react系、コード書かないとだめ


https://github.com/shlomnissan/formbuilder


https://github.com/shalotelli/form_builder


https://github.com/formly-js/formly-builder


https://github.com/tonytan4ever/Bootstrap-Form-Builder-V3


https://github.com/vlio20/angular-material-form-builder


https://github.com/NaturalSolutions/NS.UI.FormBuilder


https://github.com/aiop/Bootstrap3-form-builder


https://github.com/knipknap/SpiffForm


  • WYSIWYG系

  • ものすごいシンプル


https://github.com/cihad/formbuilder


https://github.com/json-schema-form/json-schema-builder


https://github.com/Webanywhere/form-builder


  • WYSIWYG系

  • 完成度は高くないものの、グリッドレイアウトとWYSIWYGが高いレベルで融合していて使いやすい

  • その分前提知識も必要になる

  • http://webanywhere.github.io/form-builder/

結論


LP構築

LP構築用のライブラリはかなり数が少ないです。というかプロダクトに使えそうなものはないです。サンプルサイトがあるものは、記載してあります。


https://github.com/ziggi/builder


https://github.com/ziggi/loppy


  • WYSIWYG

  • 未完成、しかし思いは伝わってくる(ボタンを色々移動できることとか)

  • http://loppy.ziggi.org/


https://github.com/philipnewcomer/page-builder-ui



  • this code should not be considered production-readyとあるのでプロダクションで使うのはやめたほうが良い


https://github.com/OllieTerrance/BootPolish

結論


  • LP構築を行うという場面が普通はほぼないので、あまり種類がない

  • 本気でやるなら自分で構築すべき(LP自体はシンプルなので、そこまで難しくない…はず)