YAPC::Asia2012のLT(1日目)で発表した時の資料です。本番では途中で電源不足によりスライド再生できなくなってエフェクトが無駄になったので悔しいのでアップします

1. Perlで「変なもの」を
作ってみた
ふしはらかん (フリークアウト)

2. 自己紹介

3. 自己紹介
• ふしはらかん(@__kan) (30)

4. 自己紹介
• ふしはらかん(@__kan) (30)
• 5月から長いGWでした

5. 自己紹介
• ふしはらかん(@__kan) (30)
• 5月から長いGWでした
• 非アルコール性肝炎(NASH)

6. 自己紹介
• ふしはらかん(@__kan) (30)
• 5月から長いGWでした
• 非アルコール性肝炎(NASH)
• 25kg減量して現場復帰

7. 自己紹介

8. 自己紹介

9. 現在

10. 現在

11. 重要なお知らせ

12. 重要なお知らせ
• 明日はしゃぶしゃぶはありません

13. 重要なお知らせ
• 明日はしゃぶしゃぶはありません
• 誰か幹事して下さい

14. 考えること

15. 考えること
• 自分はエンジニアとして成長できてる
のか

16. 考えること
• 自分はエンジニアとして成長できてる
のか
•↓

17. 考えること
• 自分はエンジニアとして成長できてる
のか
•↓
• 昔のプロダクトをリメイクすれば分か
るんじゃね?

18. 変なもの=wema

19. 変なもの=wema

20. こんなもの

21. こんなもの

22. 付箋を作る

23. 付箋を作る
• DOM直接操作

24. 付箋を作る
• DOM直接操作
• dragdrop.js →(数千行)

25. 付箋を作る
• DOM直接操作
• dragdrop.js →(数千行)
• Ajax

26. 付箋を作る(今)

27. 付箋を作る(今)
• jQuery(Zepto)等の便利なライブラリ

28. 付箋を作る(今)
• jQuery(Zepto)等の便利なライブラリ
• HTML5にdrag drop APIが!

29. 付箋を作る(今)
• jQuery(Zepto)等の便利なライブラリ
• HTML5にdrag drop APIが!
• WebSocketで非同期通信

30. 線と矢印(昔)

31. 線と矢印(昔)
• CSSハック()

32. 線と矢印(昔)
• CSSハック()
• 仕組み上曲線は辛い

33. 線と矢印(今)

34. 線と矢印(今)
• SVGでもCanvasでも

35. サーバーサイド(昔)

36. サーバーサイド(昔)
• ruby + 独自WAF (Rails前夜)

37. サーバーサイド(昔)
• ruby + 独自WAF (Rails前夜)
• 配布面倒

38. サーバーサイド(今)

39. サーバーサイド(今)
• Protocol::WebSocket+Twiggy

40. サーバーサイド(今)
• Protocol::WebSocket+Twiggy
• KyotoCabinet(予定)

41. サーバーサイド(今)
• Protocol::WebSocket+Twiggy
• KyotoCabinet(予定)
• Cartonで依存性管理

42. 折角なので

43. 折角なので
• デモします

44. 折角なので
• デモします
• WebSocketだけどひとりでデモします!

45. まとめ

46. まとめ
• 30になったら体を労ろう

47. まとめ
• 30になったら体を労ろう
• 昔に比べて今は進歩している

48. まとめ
• 30になったら体を労ろう
• 昔に比べて今は進歩している
• 別に俺が進歩してるわけではない

49. まとめ
• 30になったら体を労ろう
• 昔に比べて今は進歩している
• 別に俺が進歩してるわけではない
• 把握しながらついていくのが重要

51. • ご清聴ありがとうございました