Haron - Rails TagHelper Trial Horse

Introducing Haron, Rails TagHelper App on Rails

at Kanazawa.rb meetup #4

Transcript

1. Haron - Rails TagHelper Trial Horse - @wtnabe 2012-12-01(Sat) ⾦沢市⽂化ホール
2. Haronとは
3. 何するものか RailsのTagHelper練習台 ブラウザで書いてブラウザで確認 だいたいrealtimeに変換
4. なんで作ったか Railsが得意でないデザイナ向け TagHelperをすぐに試せる環境 RailsでTagHelperの完全回避は無理
5. 例えばimage_tag() <img src="">直書きは御法度 image_tag()でないと?serialが付かない <img src="/path/to/file.png?serial"> cache controlできない
6. Haronの実装技術
7. Rails 3.2 ActiveRecord ActiveDecorator Cells Ajax ( JSON )
8. Rails 3.2 機能的にはシンプルでRailsは不要 RailsのHelperを実際に動かすためにRails
9. ActiveRecord なくても作れそう 今回はscaffoldからスタートしたので
10. ActiveDecorator ViewコンテキストでだけModelをextend するModule Helperを使って<%= foo_bar_method( model ) %> Just <%= model.method %>
11. Cells 独⽴したControllerとViewから成るView Widget partialでは収まりの悪い部品 Modelへのアクセスがあり様々なViewで 共通に使う部品 最近紹介されているが歴史は古いみたい
12. Ajax ( JSON ) scaffoldしたJSONのresponseに独⾃の情 報を付加 実際にTagとして変換できた場合だ けDOM更新 views/{C}/show.json.erb
13. keyup/down event handling realtimeっぽい部分 keyup + 500msでAjax -> DOM更新 keydownで上の流れをstop 続けてtypeしている間は黙って待つ
14. DEMO
15. ダメなところ evalを使っているのでサービス化不可 command injectionし放題 デザインとか考えてない feedbackもなくいきなりDOM更新
16. 今後できたらいいな もうちょっと使いたくなるデザイン ActiveRecord撤廃 500 防⽌ ?
17. Enjoy Rails TagHelper :)