フォームビルダー
- サービス分類
- Webアプリ・業務システム
- 公開状態
- 公開済み
どんなものか
10種類の項目をドラッグ＆ドロップで組み立て、条件分岐付きフォームの公開、回答集計、CSV出力まで行えるフォーム作成サービスです。
なぜ作ったか
画面上で項目を並べてフォームを作る仕組みと、その定義から実際の回答画面を動かす仕組みを、一つのアプリとして作ることが発端です。作成、公開、回答、集計までを切れ目なくつなげました。
見どころ
- ドラッグ＆ドロップの編集画面で作った定義が、そのまま公開フォームと回答集計へつながります。
- 回答内容で次の質問を変える条件分岐を備え、循環した条件でも画面が止まらないよう検査しています。
できること
- 項目をドラッグしてフォームを組み立てられます
- 回答によって次の質問を変えられます
- 作ったフォームはログインなしで回答できます
- 集まった回答をグラフで見たり、表計算用のデータにしたりできます
特に工夫したところ
- 項目パレット、フォームキャンバス、設定パネルの3ペインを同時に見せ、追加・並び替え・設定変更の結果をライブプレビューで確認できるようにしました。
- 条件分岐は循環参照があっても無限ループしないように検査し、表示中の項目だけを回答検証の対象にしています。
- フォーム定義と回答はZodで検証し、ブラウザ側の操作だけでなく送信先のサーバー側でも同じ条件を確認します。