工程師討生活工具介紹：做更快一點

JSDC 2012. Introduction tools that can help frontend engineers work faster.

Transcript

1. Up Chen
   工程師討生活工具介紹
   做更快一點
   

   View Slide

2. 做
   不完
   的
   工作
   

   View Slide

3. 更有
   效率
   時間更多
   

   View Slide

4. View Slide

5. View Slide

6. Sublime Text 2
   

   View Slide

7. if
   for
   function
   

   View Slide

8. if ()
   for ()
   function ()
   

   View Slide

9. if () {}
   for () {}
   function () {}
   

   View Slide

10. Snippets
    

    View Slide

11. if »
    

    View Slide

12. if » if () {}
    

    View Slide

13. if » if () {}
    for » for () {}
    f » function () {}
    

    View Slide

14. View Slide

15. View Slide

16. View Slide

17. Column
    Selection
    

    View Slide

18. View Slide

19. View Slide

20. View Slide

21. View Slide

22. What if they do not at the same column ?
    Multiple
    Selection
    

    View Slide

23. View Slide

24. View Slide

25. protected/
    assets/
    js/
    report/
    icas.js
    

    View Slide

26. protected/
    

    View Slide

27. protected/
    assets/
    

    View Slide

28. protected/
    assets/
    js/
    

    View Slide

29. protected/
    assets/
    js/
    report/
    icas.js
    

    View Slide

30. Where is
    initialize()
    

    View Slide

31. Goto
    anything
    

    View Slide

32. View Slide

33. 重新整理
    重新整理
    重新整理
    重新整理
    重新整理
    重新整理
    重新整理
    重新整理
    重新整理
    

    View Slide

34. LiveReload
    

    View Slide

35. View Slide

36. 老闆 | PM | 客戶
    

    View Slide

37. 那個東西做到哪裡了？
    幫我生個報表
    

    View Slide

38. 我寄給你了，有收到嘛
    你寄到哪個信箱，沒看到阿
    垃圾桶找一下
    疑我下載去哪裡了
    

    View Slide

39. View Slide

40. Droplr
    

    View Slide

41. View Slide

42. 按鈕下面空白多一點
    

    View Slide

43. View Slide

44. View Slide

45. Skitch
    

    View Slide

46. View Slide

47. View Slide

48. View Slide

49. View Slide

50. View Slide

51. View Slide

52. View Slide

53. View Slide

54. View Slide

55. Evernote Web Clipper
    

    View Slide

56. View Slide

57. View Slide

58. View Slide

59. Kuler
    

    View Slide

60. View Slide

61. View Slide

62. View Slide

63. View Slide

64. View Slide

65. View Slide

66. View Slide

67. View Slide

68. Sublime Text 2
    LiveReload
    Clearly
    Droplr
    Skitch
    WebClipper Kuler
    

    View Slide

69. Up Chen
    wallat@gmail.com
    

    View Slide