Mootools #TechLunch

2011/12/14(水) @ Livesense 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. ͦ΋ͦ΋ग़ͯͳ͘ͳ͍͔ʁ
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. Ͱɺ࣮ࡍͲͷ͘Β͍
    ࢖ΘΕͯΔͷʁ
35. ݟΖʂ jQueryҎ֎͕ ΰϛͷΑ͏ͩʂ
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ຊʹҟม͕ɻɻɻ
51. ͜͏ͨ͠ݸผ࢓༷·Ͱ
    ؚΊΔͱ
    ·ͩ΄ͱΜͲ͕ϑϨʔϜϫʔΫ ʹΑͬͯ͸Χόʔ͞Ε͍ͯͳ͍
52. ʰݴޠ֦ுʱͰ͋Γ Ϩϕϧͷߴ͍ίϛϡχςΟΛ༴͢Δ Mootoolsʹ͸·ͩະདྷ͕
53. next...
54. Bye!!