Mootools #TechLunch

Transcript

1. Table of Contents ʢਥೋ෩ʣ ʔ Prototype.jsͷऴᖼ ʔ jQueryͷ༕ᓔ ʔ Mootoolsͷྗ

   ʔ ޷ఢखʢϥΠόϧʣୡ ʔ ৽ͨͳΔ੎ྗ ʔ উऀͷ৚݅

2. ͱɺͦͷલʹɻɻɻ

3. ελϯϑΥʔυ
   ΍Ί·ͨ͠

4. ΦʔϓϯΫϥε͸ଓ͘Α
   Ͳ͜·Ͱ΋

5. ଓ͖͸WebͰ http:/ /www.stanford.edu/ http:/ /www.extension.harvard.edu/

6. ຊ୊΁

7. Prototype.jsͷऴᖼ

8. Rails͕jQueryʹ৐׵ .Net MVC͕jQueryਖ਼ࣜαϙʔτ HTML5ະରԠ εϚϗະରԠ Wikipediaʢenʣʹ࢒೦ͳ͓஌Βͤ

9. ཁ͢ΔʹDOM֦ு͗ͯ͢͠ W3Cͷ৽ඪ४ͱͿ͔ͭͬͪΌͬͨͷͰ Ϟμϯϒϥ΢βͰ࢖͑ͳ͍ ͳΜͱ͔͠ͳ͖Όͯ΁΃ΖˡΠϚίίʂʂ

10. ͳΜͱ͔͠ͳ͖Ό
    ͍ͬͯ͏͔

11. ͦ΋ͦ΋ग़ͯͳ͘ͳ͍͔ʁ

12. None
13. None
14. None
15. None

16. Φϫλʘ(^o^)ʗ

17. jQueryͷ༕ᓔ The Melancholy of Haruhi Suzumiya

18. text? val? css???

19. jQueryΦϒδΣΫτ͕Կ΋͔΋࣋ͪ͗͢ ʢSRPҧ൓ͷ͓खຊʣ ֎෦ϥΠϒϥϦͷ࣭͕ۄੴࠞަ͗͢ ʢಛʹidTabsͱ͔idTabsͱ͔idTabsͱ͔ʣ

20. ϓϩάϥϚϒϧͱ͸
    ͍͍͕͍ͨ ͋͘·ͰσβΠφʔ޲͚ͷ ໰͍߹Θͤʢqueryʣݴޠ͔

21. Mootoolsͷྗ ͜ͷຊ͍͚ͯ·͢

22. MooToolsͬͯͲΜͳͷ

23. ܰྔͰϞδϡʔϧࢤ޲ɺΦϒδΣΫτࢦ޲ͷϑ ϨʔϜϫʔΫ தڃ͔Β্ڃͷϓϩάϥϚΛର৅ʢެࣜʣ ϑϨʔϜϫʔΫ͕ͩΉ͠Ζݴޠ֦ு ίΞ͔ΒDOMɺΞχϝʔγϣϯ·Ͱ ֓ͶPrototype.js

24. ศརػೳ

25. this.parent attr_accessorతͳ(Class.Mutator) staticϝϯόʔ(Class.Mutator) chain(mixin) events(mixin) setOptions(mixin) protect fps

26. ಠࣗͷܕγεςϜ

27. typeOf instanceOf

28. ೤৺ͳίϛϡχςΟ

29. MooTools Mobile Backbone-MooTools Meso(CommonJS) Deck(JSGI)

30. ޷ఢखʢϥΠόϧʣୡ

31. େن໛ ϓϩάϥϜ σβΠϯ খن໛ jQuery YUI Mootools Dojo Closure prototype

    ExtJS

32. Ͱɺ࣮ࡍͲͷ͘Β͍
    ࢖ΘΕͯΔͷʁ

33. None
34. None

35. ݟΖʂ jQueryҎ֎͕ ΰϛͷΑ͏ͩʂ

36. None

37. jQueryແ૒

38. ʰҎ֎ʱ͸MootoolsؚΊͯݢฒΈԣ͹͍͔ݮগ ʰҎ֎ʱͷͳ͔Ͱ͸YUI͕࠷΋৳͹͍ͯ͠Δ͕ɺ ͦΕͰ΋Ұ೥Ͱ1% Mootools͸ར༻཰Λ͋͛ͳ͕Β΋ɺϚʔέοτ γΣΞΛ໌Β͔ʹམͱ͓ͯ͠Γɺݸਓ૚ͷް͞ ΛӐΘͤΔ ஫໨͍ͯͨ͠தͰ͸ClosureͷΈݍ֎

39. ৽ͨͳΔ੎ྗ

40. ΫϥΠΞϯταΠυ MVCϑϨʔϜϫʔΫ

41. Backbone.jsΛத৺ͱͨ͜͠ΕΒϑϨʔϜϫʔΫ ʹ͸ɺΫϥεఆٛͳͲjQueryΛิ׬Ͱ͖Δೳྗ ͕͋Δ JavascriptMVC΍Backbone.jsͷΑ͏ʹɺjQuery ͱڞʹ࢖͏͜ͱ͕લఏͱ͍͏ைྲྀ େن໛ͷJavascriptMVCɺதن໛ͷ Backbone.jsɺখن໛ͷKnockout.jsʢMVVMʣ ͱɺࠓ΍༻్ผʹબΓऔΓݟऔΓ

42. ͜Ε͔Β͸ jQuery + α ͕େຊ໋͔

43. উऀͷ৚݅

44. ϞόΠϧ

45. o(^˜^)o ( ´ ˜ ` )ů (^_^;) jQuery YUI Mootools

    Dojo Closure prototype ExtJS

46. CommonJS

47. o(^˜^)o ( ´ ˜ ` )ů (^_^;) jQuery YUI Mootools

    Dojo Closure prototype ExtJS

48. HTML5

49. 2011೥ ֓؍͹͔ΓͰத਎ͷͳ͔ͬͨ HTML5ຊʹҟม͕ɻɻɻ

50. None

51. ͜͏ͨ͠ݸผ࢓༷·Ͱ
    ؚΊΔͱ
    ·ͩ΄ͱΜͲ͕ϑϨʔϜϫʔΫ ʹΑͬͯ͸Χόʔ͞Ε͍ͯͳ͍

52. ʰݴޠ֦ுʱͰ͋Γ Ϩϕϧͷߴ͍ίϛϡχςΟΛ༴͢Δ Mootoolsʹ͸·ͩະདྷ͕

53. next...

54. Bye!!