ふだんのJavaScript開発環境 (Community Open Day 2012)

PowerPointのファイル: http://sdrv.ms/JV2DbO

Transcript

1. View Slide

2. Mayuki Sawatari ( )
   

   View Slide

3. View Slide

4. 1.
   2.
   3.
   4.
   

   View Slide

5. Web
   (IDE)
   Web
   

   View Slide

6. Web
   (IDE)
   Web /
   

   View Slide

7. View Slide

8. Windows Mac OS X Multiplatform
   

   View Slide

9. View Slide

10. Visual Studio ?
    Windows JavaScript ?
    Visual Studio 2012 RC ?
    

    View Slide

11. View Slide

12. Visual Studio 2012 RC
    

    View Slide

13. ?
    JavaScript OK
    

    View Slide

14. View Slide

15. View Slide

16. …
    

    View Slide

17. View Slide

18. ( IntelliSense)
    Demo
    

    View Slide

19. View Slide

20. View Slide

21. Visual Studio FizzBuzz
    

    View Slide

22. JavaScript
    Internet Explorer 10 (Chakra)
    

    View Slide

23. JavaScript
    JavaScript
    

    View Slide

24. View Slide

25. Microsoft Web
    WebMatrix
    

    View Slide

26. WebMatrix 2 RC
    

    View Slide

27. View Slide

28. Paese ( :
    

    View Slide

29. Mac OS X Linux
    Comodo Edit
    

    View Slide

30. jQuery
    Mac OS X
    5,000
    

    View Slide

31. Dreamweaver
    

    View Slide

32. ReSharper IntelliJ IDEA JetBrains
    JSDoc
    Mac OS X
    !
    $49
    

    View Slide

33. WebStorm
    

    View Slide

34. View Slide

35. View Slide

36. View Slide

37. Web
    

    View Slide

38. View Slide

39. Windows Server IIS
    

    View Slide

40. View Slide

41. IIS Express
    

    View Slide

42. WebMatrix
    

    View Slide

43. View Slide

44. WebMatrix
    ( )
    WebMatrix+IIS Express
    

    View Slide

45. View Slide

46. View Slide

47. JavaScript
    

    View Slide

48. F12
    Firebug
    

    View Slide

49. View Slide

50. View Slide

51. View Slide

52. alert ( printf )
    

    View Slide

53. View Slide

54. ?
    

    View Slide

55. Internet Explorer F12
    

    View Slide

56. View Slide

57. View Slide

58. View Slide

59. 1.
    2. ( )
    3.
    4.
    

    View Slide

60. View Slide

61. View Slide

62. View Slide

63. View Slide

64. View Slide

65. Watch
    

    View Slide

66. View Slide

67. View Slide

68. View Slide

69. DOMNodeInserted debugger
    

    View Slide

70. JavaScript
    

    View Slide

71. View Slide

72. View Slide

73. View Slide

74. View Slide

75. View Slide

76. View Slide

77. View Slide

78. View Slide

79. View Slide

80. UI
    @kyo_ago
    

    View Slide

81. Qunit
    Jasmine
    JSTestDriver
    

    View Slide

82. Selenium
    PhantomJS
    

    View Slide

83. View Slide

84. jQuery
    

    View Slide

85. View Slide

86. (function () {
    ("Test 1", function () {
    (1 == new () (1), "1 == 1");
    (2 == new () (2), "2 == 2");
    });
    ("Test 2", function () {
    (1 != new () (1), "1 != 1");
    (2 != new () (2), "2 != 2");
    });
    })();
    

    View Slide

87. View Slide

88. QUnit
    

    View Slide

89. View Slide

90. JavaScript minify
    

    View Slide

91. View Slide

92. minify
    

    View Slide

93. Microsoft Ajax Minifier
    Google Closure Compiler
    YUI Compressor
    UglifyJS
    

    View Slide

94. View Slide

95. View Slide

96. JavaScript minify
    

    View Slide

97. View Slide

98. Web /
    (IDE)
    Web
    

    View Slide

99. 1.
    2.
    3.
    4.
    

    View Slide

100. Visual Studio 2012 JavaScript
     WebMatrix Web
     JavaScript Minify
     

     View Slide

101. View Slide

102. View Slide

103. http://www.microsoft.com/web/webmatrix/next/
     http://www.microsoft.com/visualstudio/11/ja-jp/products/express
     http://www.jetbrains.com/webstorm/
     http://www.activestate.com/komodo-edit
     

     View Slide

104. http://www.fiddler2.com/
     http://docs.jquery.com/QUnit
     http://visualstudiogallery.msdn.microsoft.com/f8741f04-bae4-4900-81c7-7c9bfb9ed1fe
     

     View Slide

105. http://ajaxmin.codeplex.com/
     https://developers.google.com/closure/compiler/
     http://developer.yahoo.com/yui/compressor/
     

     View Slide