まだ DOM 操作で消耗してるの？
- 3. !?
- 5. hoto 17296
- 10. ∼ 2004 年 • JS は「 Web にちょっと動きを加えるもの」 • 「JSが動かない環境のことも 考えなきゃダメでしょ！！！」 • リッチなことは Flash でやれ
- 14. Flash 黄金時代
- 15. 人生の絶頂
- 16. 2005 年
- 18. Ajax の誕生 • 実は昔からあったけど知られていなかった XMLHttpRequest が Google Maps によって 再発見されて一躍有名に • Ajax (Asynchronous JavaScript + XML) という 言葉が生まれる • しかしまだまだ敷居が高い
- 19. 2006 年
- 21. jQuery の衝撃 • クライアントサイドプログラミングの敷居を 圧倒的に下げた • DOM 操作 • イベント処理 • クロスブラウザ • Ajax
- 22. $()
- 26. ...とは言えない • なまじ jQuery があればそこそこ出来てしまう • ちょっとググればプラグインが落ちてる • 出来るような気がしてしまう • 「出来て当たり前」として要求される
- 27. なにがつらいか
- 28. すべての DOM の状態管理 • どの DOM が今どんな値を持っているか • どの DOM から何のイベントが発火するか • この値が変わったらどの DOM を 書き換えないといけないか
- 31. そして 2010 年
- 33. Single Page Application • HTML5 の history.pushState によって URL の動的書き換えが可能に • ページ遷移という概念を超越した クライアントサイドプログラミングの極地
- 35. もはや 人間業ではない
- 37. 俺は もう
- 38. 2014 年
- 40. React • Facebook 製の UI ライブラリ • フレームワークじゃない • 特徴 • リアクティブプログラミング • Virtual DOM
- 41. もう DOM 操作しなくていい • 変更があったら HTML 全体を書き換える • 常に最新の状態の DOM を レンダリングし続ければいいだけ • React が内部で diff / patch してくれるから 遅くない
- 47. まとめ • ぼくたちは DOM 操作という 苦痛を強いられている • 麻薬 (jQuery) による対症療法も限界が来ている • React によってぼくたちは解放される
- 48. 楽しかったあの頃に戻ろう