community open day 2012 - session2, hokkaido
DESCRIPTION
Community Open Day 2012 http://cod.ms - 北海道会場 http://clr-h.jp - セッション2 (6/9, 14:00-14:50) 予告TRANSCRIPT
![Page 1: Community Open Day 2012 - Session2, Hokkaido](https://reader033.vdocuments.site/reader033/viewer/2022052901/55660009d8b42a2a4d8b4de7/html5/thumbnails/1.jpg)
![Page 2: Community Open Day 2012 - Session2, Hokkaido](https://reader033.vdocuments.site/reader033/viewer/2022052901/55660009d8b42a2a4d8b4de7/html5/thumbnails/2.jpg)
jQuery Validation x ASP.NET MVC
で遭遇した不具合 & 対抗ハック
Community Open Day 2012
@jsakamoto
![Page 3: Community Open Day 2012 - Session2, Hokkaido](https://reader033.vdocuments.site/reader033/viewer/2022052901/55660009d8b42a2a4d8b4de7/html5/thumbnails/3.jpg)
jQuery Validate についておさらい
• クライアント側スクリプトによる入力検証機能を提供する JavaScript
ライブラリ。
– jQuery のプラグイン
• ASP.NET MVC の、標準のクライアント側入力検証エンジンに採用
– MVC3以降
– Visual Studio にて ASP.NET MVC アプリを新規作成すると標準で使用。
• この資料を作成している時点での最新バージョン:
– jQuery = v.1.7.2
– jQuery Validate = v.1.9
![Page 4: Community Open Day 2012 - Session2, Hokkaido](https://reader033.vdocuments.site/reader033/viewer/2022052901/55660009d8b42a2a4d8b4de7/html5/thumbnails/4.jpg)
本セッションのテーマ
• jQuery Validate を使っている上で、”些細な” 不具合にいくつか遭遇
• それら不具合について紹介、どう対策して解決したのかを披露
• 対策はすべて、クライアント側 JavaScript コード上で施工
– 本セッションの本質的な部分では、C# とか ASP.NET とか出てきません。
– プラットフォーム問わず、Web アプリ共通の話題ではないでしょうか?
– っていうか、むしろ、Ruby on Rails などなど、他のプラットフォームでは
問題になってないのか? 気になります。
![Page 5: Community Open Day 2012 - Session2, Hokkaido](https://reader033.vdocuments.site/reader033/viewer/2022052901/55660009d8b42a2a4d8b4de7/html5/thumbnails/5.jpg)
デモ アプリ
• こんな ASP.NET MVC4 な Webア
プリを肴に、実演を交えつつ、進
めて参ります。
![Page 6: Community Open Day 2012 - Session2, Hokkaido](https://reader033.vdocuments.site/reader033/viewer/2022052901/55660009d8b42a2a4d8b4de7/html5/thumbnails/6.jpg)
文字数検証 - input type=“text”
Case 1.
![Page 7: Community Open Day 2012 - Session2, Hokkaido](https://reader033.vdocuments.site/reader033/viewer/2022052901/55660009d8b42a2a4d8b4de7/html5/thumbnails/7.jpg)
Demo
![Page 8: Community Open Day 2012 - Session2, Hokkaido](https://reader033.vdocuments.site/reader033/viewer/2022052901/55660009d8b42a2a4d8b4de7/html5/thumbnails/8.jpg)
JavaScript コードの Hack
• いかにも “動的言語” らしく、Hack しやすい。
• しかし Closure が使える...!
– 関数型言語っぽい手法で作成されると手が出せない。
• jQuery Validateがそんな技法で記述されてなくて良かった...
これで学びました。
![Page 9: Community Open Day 2012 - Session2, Hokkaido](https://reader033.vdocuments.site/reader033/viewer/2022052901/55660009d8b42a2a4d8b4de7/html5/thumbnails/9.jpg)