1 月 24 日に開催された Kyoto.js meetup 4 で「jQuery のバグを見つけてから修正されるまで」と題した発表を行いました。

jQuery へのコミットに関して 2 行でまとめるとすれば次のようになるでしょうか。

1. jQuery のソースコードはショートコーディングの嵐なので心してかかる
2. Contributing to jQuery と jQuery Core Style Guidelines は必読

発表の筋書きは以下の通りです。

---

jQuery のバグを見つけてから修正されるまで

---

フォロー・ミー

• nanto_vi (TOYAMA Nao)
• 株式会社はてな アプリケーションエンジニア
  • クライアントサイド (JavaScript)
  • サーバーサイド (Perl)
• jQuery をバリバリ使っている
  • Deferred
  • イベント
  • DOM 操作

ある日どこかで

街中にクリスマスの装飾が灯り始めるころ

• jQuery 1.8でDeferred.thenの挙動が変わった

うんうん、変わったよね

…

……

---

そういえば Deferred を使ったとき this の値はどうなるんだったっけ?

$.Deferred().done(function () {
    this // ← ココとか
}).then().done(function () {
    this // ← ココの値は?
});

jQuery 1.8.3 と jQuery 1.9 Beta 1 で結果が違う!

汚れなき悪戯

• #11405 (deferred.notify() invokes progressCallbacks with deferred as context) -- jQuery Core - Bug Tracker
• Deferred: .resolve(), .reject() and .notify() now set the callback conte... ・ 23d7cf0 ・ jquery/jquery

ふむふむ…… (コードを読む)

ふむふむ…… (コードを読む)

ふむふむ…… あれ?

---

これ、自分の書いたコードが動かなくなる?

$.Deferred().then(function () {
    // ここでの this が
    return $.Deferred().resolveWith(this, arguments);
}).done(function () {
    // ここにも引き継がれてほしい
    this
});

……

---

まずい!

バック・トゥ・ザ・フューチャー

• [URL]
• [URL]
• [URL]
• [URL]

どこを直せば自分のコードが動くのか

コードとにらめっこ

にらめっこ

にらめっこ

……

---

問題なのはここ、でもここを変えると先の変更の意味が失われるから……

---

こことここか!

羊たちの沈黙

直すならテストを書かないと

テストを書くならテストを走らせないと

テストを走らせるなら jQuery のビルド環境を作らないと

grunt? Node.js なら入ってるし楽勝でしょ

……

---

うわあ、この Node.js バージョンが古い!

うわあ、この OS バージョンが古い!

うわあ、この Python (ry

……

---