I gave a talk about a Clojure library called formative, which makes life better when you have to deal with web forms. These are the slides. Presentation was done in Japanese at the Lisp meetup #49 https://lisp.connpass.com/event/50148/

1. Web forms made easy
Ikuru K

2. About Me
- Ikuru K
- エンジニア@サイボウズスタートアップス株式会社
- 2016年5月〜
- https://github.com/iku000888
- https://twitter.com/iku000888

3. Web forms

4. Our Product
- 安否確認サービス2
- https://anpi.cstap.com/anpi2.html
- ~100 web forms
- バリエーション:
- 同じデータを受け取るが、見た目が異なる
- 同じような見た目だが受け取るデータが異なる

5. Formの問題点
- 機能と見た目の記述が混在する
- データ型の記述が出来ない
- バリデーションが記述出来ない
- バリデーション結果のフィードバックを統
一的に書けない

6. 見た目と機能の記述が混在する

7. 見た目のための記述
少しだけ見た目を変えたい
ときとかの再利用性。。。
？

8. 機能の記述
- action
- method
- enctype
- accept
- accept-charset etc...
- => 本質的に外見とは別物なので、同じ場所に
書きたくない

9. フォームの項目にデータ型を記述出来ない
- Httpリクエストに送られるのは文字列
- 数字なのか、日付なのかをパースする必要が
ある
- =>DRYに済ませたい

10. バリデーションとエラーのフィードバック
- 多種多様なやり方、ライブラリがある
- ユーザーにどのようなフィードバックを返す
かまで考慮してバリデーションを行う必要が
ある。

11. そこでFormative
- clj/cljs
- https://github.com/jkk/formative
- Original Author: Justin Kramer

12. マップとして記述する

13. レンダリング
- formative.core/render-form
- hiccupデータを吐く
- マルチメソッドで見た目とフォームの機能を
分離
- ユーザーが自由に見た目のレンダリングを拡
張することが可能
- Bootstrap styleを同梱

14. 項目にデータ型を指定できる
- フィールドをint, date, etc としてパー
ス可能
- マルチメソッドなので自由に拡張可能
- Ringのリクエストマップを、フィール
ドのデータ型に基づいてパースできる

15. バリデーションを簡潔に記述できる
それぞれに独自のエラーメッセージを書くことも可能
:validations [[:required [:foo]]
[:max-length 3 [:foo]]
[:after #inst"2020" :date]]

16. バリデーション結果を元にエラーをレンダリング

17. 使った感想
- フォームを統一的に記述できて幸せ
- エラーのレンダリング楽
- 必要な場所ではhtmlをインラインで記述でき
て柔軟性があった
- マップなのでClojureの関数で簡単に操作でき
る
- 「少しだけ違う」フォームを用意に記述で
きる

18. 余談その1
最近メンテナを引き受けた
- 2014年から放置されていた
- cljx -> cljc
- 新しいcljsだと動かない部分を
修正
- Pull Requests welcome!
Formativeのメンテナンス

19. 余談その２
Formativeについて話そうとClojure/westのCFPに
応募

20. 散った
- ちなみに80名くらい
応募したらしい
- 登壇者は24名

21. Thank you