Looking back on JavaScript

GMO pepabo Tech Meeting/Hosting#3 で話した資料です

Transcript

1. ͳΜͱͳ͘+4ॻ͍ͯΔਓ΁ 5PNPIJTB
   0EB
   
   (.0
   1FQBCP
   *OD
   
   5FDI
   .FFUJOH)PTUJOH +BWB4DSJQUͷ;Γ͔͑Γձ
2. ϓϦϯγύϧ
   ΤϯδχΞ 5PNPIJTB
   0EB
   
   !MJOZPXT ٕज़෦ٕज़ج൫νʔϜ
3. ͓΅͍͑ͯ·͔͢ʁ
4. 'BOJD
   ઑͬͯ·ͨ͠ʢ౰࣌ wϦΞϧλΠϜը૾ม׵ʢࠓͱͳͬͯ͸ී௨
   w''NQFHϥούʔͰNQɺBBD౳૬ޓม׵KPC
   wTͷϦιʔεΰϛߴ଎࡟আKPC
   ౳ʑɺ/PEFKTΛ༻͍ͯΠϕϯτϧʔϓ ϊϯϒϩοΩ ϯάΛ׆༻͍ͯͨ͠
5. ͜Μͳํ͕ର৅Ͱ͢ wK2VFSZΛͱΓ͋͑ͣ࢖ͬͯ·͢Α
   wQSPUPUZQF
   ͬͯԿɺK2VFSZͷલʹྲྀߦͬͨ΍ͭʁ
   w&$."4DSJQUʁॳΊͯฉ͖·ͨ͠
6. XFCΞϓϦέʔγϣϯ։ൃͯ͠Δ
   ͕ɺKT͕ϝΠϯ͡Όͳ͍
7. ͳΜͱͳ͘+4ॻ͍ͯ·͢ʂ
8. +BWB4DSJQUͷ͜Ε·Ͱ
   མͪͿΕ w೥୅ॳ಄
   ϒϥ΢βͱͱ΋ʹ஀ੜ
   w
   &$."ઃཱʢ+TDSJQUͱ+BWB4DSJQUޓ׵΁ͷಈ͖ʣ
   wͱ͜Ζ͕ҙݟ͕·ͱ·Βͳ͍
   
   
   wͦͷؒʹ
   "DUJPO4DSJQU
   ͷ
   'MBTI͕޿·Δ
   w/BUJWF
   +4ͳΜͯཁΒΜͷ͡Όͱ͍͏งғؾʜ
   աڈͷ΋ͷ΁
9. +BWB4DSJQUͷ͜Ε·Ͱ
   ࠶ͼ w೥
   (PPHMF.BQͰ"KBY͕ར༻͞Ε+4͕࠶ͼ஫໨Λ͋ͼ࢝ΊΔ
   w೥
   $ISPNFͱͱ΋ʹWNܕͰߴ଎ͳ+4Τϯδϯ
   7͕ެ։͞ΕΔ
   w೥
   7Λ࢖ͬͨαʔόαΠυͷSVOUJNF
   /PEFKT͕஀ੜ͢Δ
   w೥ࠒ͔Β#BDLCPOFKTච಄ʹ"OHVMBS+4΍3FBDU΍7VFKTͳͲ ͷ૒ํ޲όΠϯσΟϯάϑϨʔϜϫʔΫ͕ొ৔͍ͯ͘͠
   w೥
   &$."4DSJQU
   UI
   FEJUJPO͕ެ։͞ΕΔ
10. ૒ํ޲σʔλόΠϯσΟϯάͱ͸ w6*ͱσʔλͷ૒ํ޲Ͱ৘ใʢมԽʣΛڞ༗͢Δ
    w6*ʢJOQVUʣΛมߋͨ͠Βσʔλʹ൓ө͠ɺσʔλ͕ߋ৽͞ΕͨΒ6* ͕มԽ
    w۩ମతʹ͸
    WJFX
    
    NPEFM
    ૒ํ޲Ͱ΍ΓͱΓ͢Δ
11. &$."4DSJQU
    UI
    FEJUJPO w͍ΘΏΔ
    &4&4
    wݴޠ࢓༷Λ࠶ఆٛ
    wࠓޙԿ೥͸όάमਖ਼ͱখ͞ͳػೳ௥ՃͰຖ೥ϦϦʔε
    w͜Εʹ߹Θͤɺαʔόͱϒϥ΢βͷ+4͕౷߹ʹ޲ ͔͍ͬͯΔʁ͸ͣ
12. &4ͬͯ࢖͑Δͷ w&4͕΋͏͙͢ʜ
    w֤αʔϏεͷޓ׵ද
    IUUQLBOHBYHJUIVCJP DPNQBUUBCMFFT
    wओཁϒϥ΢βɺ࠷৽/PEFKTͰ΄΅ରԠࡁΈͳͷͰେ ମ࢖͑Δͱݴ͑Δ
    wେମͳͷͰτϥϯεύΠϧ΍Δͷ͕ແ೉
13. 5SBOTQJMF τϥϯεύΠϥ
    w#BCFM
    w#VCMF
    τϥϯεύΠϧ͕ඞཁͳݴޠ
    w5ZQF4DSJQU
    w$P⒎FF4DSJQU
14. Ͱɺ&4͸Կ͕͏Ε͍͠ͷʁ
15. &4Ͱ͏Ε͍͜͠ͱ wQSPUPUZQFϕʔεͰઃܭ͠ͳͯ͘ྑ͘ͳΔ
    DMBTTͱ FYUFOET
    w͖Ε͍ͳTZOUBYʢBSSPX
    GVODUJPO΍QSPNJTFʜ ʣ
    w4ZNCPM΍Β.BQͳͲศརػೳ
    ৄ͘͠͸
    IUUQQPTUEDDFTDIFBUTIFFU
16. ʘͦ΋ͦ΋
    Α͘Θ͔Βͳ͍Ͱ͢
    ϓϩτλΠϓϕʔε
    ʢͪͳΈʹ๻͸޷͖Ͱ͢ʣ
17. Ͱ͢ΑͶ ??
18. ܧঝͷྫ function Employee() { this.name = ""; this.dept = "general"; } function Manager() { Employee.call(this); this.reports = []; } Manager.prototype = Object.create(Employee.prototype); function Worker() { Employee.call(this); this.projects = []; } Worker.prototype = Object.create(Employee.prototype); function Engineer() { Partner.call(this); this.dept = "engineering"; } Engineer.prototype = Object.create(Worker.prototype); var opo = new Engineer(); opo.dept; // => "enginneering"
19. ֦ுͷྫ function Point(x, y) { this.x = x; this.y = y; } var p = new Point(3, 4); p.x // => 3 p.y // => 4 Point.prototype.r = function() { return Math.sqrt((this.x * this.x) + (this.y * this.y)); }; p.r();
20. 
21. ײ૝ wܧঝͱ͍͏ΑΓίϐʔʹ͍ۙ
    wந৅Խ͞Εͨ΋ͷͱ࣮ଶͷؔ܎͕ͳ͍શ࣮ͯଶ
    wͳͷͰΑΓૄ݁߹ͳΦϒδΣΫτ
22. ·ͱΊ w௕͍ྺ࢙Λܦͯ΍ͬͱҰ؏ੑ͕ग़͖ͯͭͭ͋Δ
    wͨͩ͠ɺա౉ظͳͷͰ༷ʑͳπʔϧ΍पลϥΠϒϥϦ ͕୔ࢁग़ݱͯ͠͸ফ͍͍͑ͯͬͯΔ
    wࠓ΋ͳ͓৽͍͠ϓϩϙʔαϧ͕HJUIVCʹ্͕͍ͬͯͯ มԽ͍ͯ͠Δதɺϒϥ΢β͔ΒαʔόαΠυ͸ͨ·ͨ ϞόΠϧ΋Χόʔ͢Δݴޠ͸ແࢹͰ͖ͳ͍ͷͰ͋Δ
23. ߈Ί͍ͯ͜͏
    +BWB4DSJQU
24. ܅΋αϩϯʹ͓͍Ͱʁ ࠷৽৘ใΛνΣοΫˠ !MJOZPXT
25. ͓ΘΓ