Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Mootools #TechLunch

Mootools #TechLunch

2011/12/14(水) @ Livesense TechLunch
発表者:佐藤 洋輔

E60aa4f80303f3f386898546ddb3686a?s=128

Livesense Inc.
PRO

April 23, 2014
Tweet

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!!