Javascript勉強会

Transcript

1. JavaScriptษڧձ {}
2. JavaScriptͱ͸
4. ×
5. JavaScriptͱ͸ • ΦϒδΣΫτࢦ޲ • ϓϩτλΠϓϕʔε • ϑΝʔετΫϥεؔ਺Λαϙʔτ • ྲྀߦ͍ͬͯΔײ͋Γ·͢
6. JavaScriptͷྺ࢙
7. ୈҰষ
   ϒϥ΢βઓ૪
8. NetScape vs Microsoft
9. NetScape Communications • NetScape Navigator(NN)Λ։ൃ • 90೥୅લ൒ɺओʹ࢖༻͞Ε͍ͯͨϒϥ΢β • World Wide Webͷར༻Λ૿Ճͤ͞Δ • খֶߍͷύιίϯʹೖ͍ͬͯͨؾ͕͢Δ • ৭ʑ͋ͬͯݱࡏͷMozilla΁
10. Microsoft • NCSA MosaicͷϥΠηϯεΛऔಘ͠Internet Explorer(IE)Λ։ൃ • IEແঈԽͨ͠ΓͰ৭ʑૌ͑ΒΕΔ
11. ݁Ռ • γΣΞ૪͍ͷͨΊɺ֤ϕϯμʔ͕ࠩผԽ͹͔Γߦ͍టপʹ • Webඪ४ʁͳʹͦΕʁ
12. JavaΞϓϨοτ౥ࡌ • 1995೥ɺNNʹJavaΞϓϨοτ౥ࡌ • ੩తͳHTMLʹಈతͳϓϩάϥϜʂ͍͢͝ʂ • Java͔ͩΒϓϥοτϑΥʔϜʹ΋ґଘ͠ͳ͍ʂ͍͢͝ʂ
13. ͔͠͠… • ىಈ͕ΊͪΌΊͪΌ஗͔ͬͨ
14. ୈೋষ
    +BWB4DSJQU஀ੜ
15. LiveScript • ωοτεέʔϓ͕Javaʹ͔ΘΔϒϥ΢βͰಈ͘εΫϦϓτݴޠͱ ͯ͠։ൃ • ࡞ऀ͸Brendan Eich(ϒϨϯμϯɾΞΠΫ) • Java͕ྲྀߦ͍ͬͯͨͷ΋͋ΓʮJavaScriptʯʹ໊শ͕มߋ • NN2.0Ͱ࣮૷
16. ҰํMicrosoft • JScriptΛಠ࣮ࣗ૷ • IE3.0Ͱ࣮૷༧ఆ͕ͩͬͨ৭ʑ͋ͬͯແ͠ʹ
17. • Ϛ΢εΧʔιϧΛ௥ͬͯ͘ΔΩϥΩϥ • ը໘શମʹ߱Δઇ • ϒϥ΢βΫϥογϟʔ • ӈΫϦοΫ͸ې(ry JavaScriptͷ࢖͍ಓ
18. ୈࡾষ
    'MBTIͷొ৔
19. Flashͷ஀ੜ • FutureWave Software͕Future Splash PlayerΛ։ൃ • ϑΥʔϚοτ͸SWF(Small Web Format) • ϕΫτϧϕʔε • ಈ࡞͕͍ܰ • Macromedia͕ങऩ͠ʮFlashʯʹ໊শΛมߋ • SWF(Shockwave Format)
20. ୈ࢛ষ
    ඪ४Խ
21. ECMAScript • IEͷγΣΞ͕ԆͼͯNN͕ϐϯνʹͳΓɺJavaScriptΛඪ४Խ͢Δ ͜ͱʹ • ϛχϚϜͳݴޠ࢓༷ • DOM͸ECMAScriptͰ͸ඪ४Խ͞Ε͍ͯͳ͍ • ͋͘·Ͱ΋JavaScriptͱ͍͏ݴޠͷ࢓༷ͱͳΔ΋ͷ
22. ECMAScript 3 • ਖ਼نදݱͷಋೖ • จࣈྻपΓͷڧԽ • ྫ֎ॲཧͷಋೖ • Α͘ݟΔͷ͸͜ͷลΓͷ࢓༷ͷॻ͖ํ
23. ECMAScript 4 • Class΍InterfaceΛಋೖ͠Α͏ͱͨ͠ͱ͜Ζ൓ରʹૺ͏ • ActionScript3Ͱ͸ҰԠ࣮૷͞Ε͍ͯΔ
24. JavaScriptͷٯऻ
25. ୈޒষ
    "KBYͷ࠶ൃݟ
26. GoogleʹΑΔAjaxͷ࠶ൃݟ • Google Maps • AjaxΛ༻͍ͨը໘ͷඳը • ࠓ·Ͱʹͳ͔ͬͨϢʔβʔମݧ • Gmail • GoogleݕࡧͷαδΣετ
27. AjaxʹΑͬͯJavaScript࣌୅ͷ౸དྷ • ͜Ε·ͰͷWebʹ͸ແ͔ͬͨૢ࡞ײ • WebΞϓϦέʔγϣϯͷՄೳੑΛ޿͛ͨ • ϥΠϒϥϦͷॆ࣮ • prototype.js • jQuery • MochiKit
28. ୈ࿡ষ
    αʔόʔαΠυ
29. Node.jsʹద͍ͯ͠Δ΋ͷ • େྔͷϦΫΤετॲཧ͕ඞཁͳ΋ͷ • API • ϦΞϧλΠϜੑͷ͋Δ΋ͷ • Push௨஌͕ඞཁͳ΋ͷ
30. ࠷ۙͷJavaScriptࣄ৘
31. ECMAScript 5 • ͍͍ͩͨͷϞμϯϒϥ΢βͰ࣮૷͞Ε͍ͯΔ • strictϞʔυ • JSONαϙʔτ • Arrayͷ֦ு
32. ECMAScript 6 • ΞϩʔϑΝϯΫγϣϯ • Ϋϥε • letɺconst • Ϧετ಺แ • ࡦఆத
33. ϑϩϯτΤϯυ։ൃʹ͓͚Δ JavaScriptͷར༻
34. λεΫϥϯφʔ • Grunt.js • gulp • JSɺCSSͷ݁߹ɾѹॖͳͲϑϩϯτΤϯυʹ͓͚ΔλεΫΛࣗ ಈԽ
35. Gruntfile.js
36. AltJS
37. AltJSͱ͸ • JavaScriptΛ୅ସ͢ΔͨΊͷݴޠ • ίϯύΠϧ͢ΔͱJavaScriptʹͳΔ • AltJSઓࠃ࣌୅
38. Haxe • 2005೥(AltJSͰ͸ૣΊ) • ੩తܕ෇͚ɺܕਪ࿦ • ύλʔϯϚον • EC4ʹΑ͘ࣅͨจ๏
39. Hexeαϯϓϧίʔυ
40. CoffeeScript • ؆ܿͳจ๏ͳͷͰՄಡੑ͕޲্͢Δ • JavaScriptͷγϯλοΫεγϡΨʔͷ༷ͳ΋ͷͳͷͰֶशίετ ͕௿͍ • ()ɺ{}ɺʀ͕͍Βͳ͍ • Rails౳Ͱ࠾༻
41. CoffeeScriptαϯϓϧίʔυ
42. JSX • DeNA͕։ൃ • ੩తܕ෇͚ • Ϋϥε • ໊લۭؒ • ࠷దԽ͕ͯ͘͢͝ૣ͍Β͍͠Ͱ͢
43. Dart • Google͕։ൃ • ୯ମͷݴޠ࢓༷΋͍࣋ͬͯΔ͕JavaScriptม׵ͷπʔϧ΋͍ͭͯ ͍Δ • จ๏͕ JavaͬΆ͍ • DartVM͍ͭͰ͔͢
44. TypeScript • Microsoft͕։ൃ • JavaScriptΛܕ΍ΫϥεͰߏจ֦ு • ܕਪ࿦
45. ΫϥΠΞϯταΠυ
46. ΫϥΠΞϯταΠυͷมԽ • SPA(Single page Applicatoin) • ΫϥΠΞϯταΠυMVC • ΫϥΠΞϯταΠυMVVM • Facebook, Twitter
47. ΞʔΩςΫνϟͷมԽ
48. ։ൃʹ͓͚Δݒ೦ • ύϑΥʔϚϯε • αʔόʔαΠυͷ࢓૊Έ • DOMૢ࡞ͱ͔AjaxͭΒ͍ʢjQueryͱ͔ʣ
49. ΫϥΠΞϯταΠυMVC • ΫϥΠΞϯταΠυͰMVC • backbone.js
50. ΫϥΠΞϯταΠυMVVM • ΫϥΠΞϯταΠυͰMVVM • vue.js, facebook/react, angularJS • ૒ํ޲σʔλόΠϯσΟϯά • DOMૢ࡞͕͍Βͳ͍
51. Vue.jsαϯϓϧ
52. ͋Γ͕ͱ͏͍͟͝·ͨ͠