JavaScriptご飯を食べてきました。

美味しいお米が食べたい

— azu (@azu_re) October 10, 2013

前菜

Array.prototype.reduce について発表しました。

スライド: Array.prototype.reduce Dance

サンプルコードとテストはazu/ReduceDanceにあります。

• reduce 単体だとイマイチ良さがわからない
• 他の関数と組み合わせるようになると生きてくる
• Functional JavaScript のようなアプローチを見ていくと色々利用した例が見られる
• Functional JavaScript with Lo-Dash.js // Speaker Deck
• Pure, functional JavaScript
• Functional JavaScript/TypeScript // Speaker Deck

メイン

• Backboneで値を更新するたび全体を描画しなおさないといけないのでパフォーマンスが良くない
  • Break Apart Your Backbone.js Render Methods by Ian Storm Taylor
  • Array modification · Rich-Harris/Ractive Wiki
  • DOMの変更を最小限にするアプローチの話
  • AngularJSも似たような仕組みがあるがブラックボックスなので触りにくい
  • Angular.jsとBackbone.jsのDOM依存を図解する – ジンジャー研究室
• DOM Lv0 と ECMAScriptについて
• クライアントサイドで起きたエラーを収集するべきなのかについての話
  • window.onerror でキャッチできる
  • ほんとにすべてのエラーがonerrorまで来るのか疑問
  • onerrorを使ったtry…catchの代わりの実装について
    • Rethinking JavaScript’s Try/Catch | Flippin' Awesome
    • ホントに上手く回るのか検討の余地がある
  • Google Analyticsに送る方法
  • JSのエラーをGoogle Analyticsへ送る例 – jsdo.it – Share JavaScript, HTML5 and CSS
  • UAがかなりごちゃまぜ、飛んでくるゴミも多いので役に立つかどうかは別
  • onerrorなどのイベントをトラッキングしてくれるサービス
    • Javascript Event and Error Logging – {Track:js}
    • Errorception – Painless JavaScript Error Tracking
    • ExceptionHub | JavaScript Error Tracking
• XSSについて
  • mixiの脆弱性報告制度について
  • swfを使ったXSSについて、アップローダー系
  • 受け付けてくれるだけでも、送りつけて怒られないと分かる分安心
• テンプレートエンジン
  • Handlebars の別実装について
  • コンパイルするとファイルサイズが大きいのが気になる
  • 謎機能、テストが大量にある

おわり

JavaScriptご飯美味しかった。

Air Mentionのみで集合から解散までできました。

食べる人

• @kyo_ago
• @watilde
• @azu_re