小さくはじめる車輪の再発明のすゝめ

2019.11.06 Ginza.js #6
https://ginzajs.connpass.com/event/150708/

2019.11.30 冬のJavascript祭
https://javascript-fes.doorkeeper.jp/events/99978

Transcript

1. খ͘͞͸͡ΊΔ
   ंྠͷ࠶ൃ໌ͷ͢ʍΊ Recommendation of Wheel Reinvention ౙͷ
   +BWB4DSJQU
   ࡇ  !XBLBNTIB
   /BPLJ
   :"."%"
   
2. ͸͡Ίʹ Introduction…
3. Ϣʔβ͕ϑΝΠϧબ୒Λ΍Γ΍͘͢͢ΔͨΊʹ
   υϥοάυϩοϓػೳΛ௥Ճ͍ͨ͠
5. 9)3
   9.-
   )UUQ
   3FRVFTU
   Λಋೖ͍ͨ͠
6. ੈͷதʹ͸੕ͷ਺΄Ͳͷ
   044
   ͕ᷓΕ͍ͯΔ
7. ͦΕΒΛੵΈ໦ͷΑ͏ʹ૊Έ߹ΘͤΔ͜ͱͰ
   ڻ͘΄ͲΫΠοΫʹϦονͳΞϓϦέʔγϣϯ͕࡞ΕΔݱ୅
8. ंྠͷ࠶ൃ໌ͱ͸ʁ ޿͘ड͚ೖΕΒΕཱ֬͞Ε͍ͯΔٕज़΍ղܾ๏Λ஌Βͣʹʢ·ͨ͸ҙਤత ʹແࢹͯ͠ʣɺಉ༷ͷ΋ͷΛ࠶ͼҰ͔Β࡞Δ͜ͱ
   طʹੈͷதʹग़ճ͍ͬͯΔ
   044ʢϥΠϒϥϦͳͲʣͱಉ༷ͷ΋ͷΛ࠶ͼ Ұ͔Βࣗ෼Ͱ࡞Δ͜ͱ
9.  ंྠͷ࠶ൃ໌Λ͢ΔΑ͏ʹͳͬͨܦҢ
    ंྠͷ࠶ൃ໌ͰಘΒΕΔϝϦοτ
    খ͘͞͸͡ΊΔंྠͷ࠶ൃ໌ͷ͢ʍΊ ͓͠ͳ͕͖ "HFOEB
10. ंྠͷ࠶ൃ໌Λ͢ΔΑ͏ʹͳͬͨܦҢ How Learned to Reinventing the Wheel
11. ंྠͷ࠶ൃ໌Λ͢ΔΑ͏ʹͳͬͨܦҢ ςοΫϒϩάʹॻͨ͘Ίͷωλ࡞Γ #BDLHSPVOE
    
13. ंྠͷ࠶ൃ໌Λ͢ΔΑ͏ʹͳͬͨܦҢ τϨϯυͷҠΓมΘΓʹΑΔچٕज़ͷ௠෗Խ #BDLHSPVOE
    
14. 
    &BSMZʜ
15. 
    .JEʜ
16. 044
    ͷΤίγεςϜ͸ӬԕͰ͸ͳ͍
    ༷ʑͳཁҼͰ͍ͭෛ࠴Խͯ͠΋͓͔͘͠ͳ͍ͷͩʂ ͱɺࢥ͍࢝ΊΔΑ͏ʹͳΓɺ OSS ϥΠϒϥϦͷ༻๏༻ྔΛҙࣝ͢ΔΑ͏ʹͳΔ
17. ंྠͷ࠶ൃ໌Λ͢ΔΑ͏ʹͳͬͨܦҢ $ZDMFKT
    ͷΤίγεςϜ #BDLHSPVOE
    
18. $ZDMFKT "
    GVODUJPOBM
    BOE
    SFBDUJWF
    +BWB4DSJQU
    GSBNFXPSL
    GPS
    QSFEJDUBCMF
    DPEF
20. 4JNQMF
    BOE
    $PODJTF
    &YQMJDU
    EBUBqPX
21. 5 Tooltip Drag & Drop Auto Height Auto Scroll Preloader Popover Date Picker File Uploader ࠶ൃ໌ͨ͠ंྠʢ˞
    ൈਮʣ
22. TS TS API Client Codegen SVG DOM Codegen ࠶ൃ໌ͨ͠ंྠʢ˞
    ൈਮʣ
23. ंྠͷ࠶ൃ໌ͰಘΒΕΔϝϦοτ What are the benefits of reinventing the wheel?
24. ंྠͷ࠶ൃ໌ͰಘΒΕΔϝϦοτ γεςϜʹ࠷దԽͨ͠ϛχϚϧͳػೳΛಘΒΕΔ #FOFGJUT
    
25. γεςϜʹ࠷దԽͨ͠ϛχϚϧͳػೳΛಘΒΕΔ ඞཁͳ΋ͷ͚ͩΛ࡞Δͷ͔ͩΒɺ
    γϯϓϧ
    
    ໌࿕
    ߴ଎ͳಈ࡞͕ظ଴Ͱ͖Δ #FOFGJUT
    
26. ंྠͷ࠶ൃ໌ͰಘΒΕΔϝϦοτ ͳʹ͔ෆ۩߹͕͋ͬͯ΋௚ͤΔ #FOFGJUT
    
27. ͳʹ͔ෆ۩߹͕͋ͬͯ΋௚ͤΔ ࣗ෼ͨͪͰ࡞ͬͨͷ͔ͩΒɺ
    ࣮૷ͷ۱͔Β۱·Ͱ೺Ѳग़དྷ͍ͯΔ #FOFGJUT
     ϒϥοΫϘοΫε͕ແ͍
28. ंྠͷ࠶ൃ໌ͰಘΒΕΔϝϦοτ ࣗ෼͔ͨͪΒࣺͯͳ͍ݶΓͦΕ͕ऴΘΔ͜ͱ͸ͳ͍ #FOFGJUT
    
29. ࣗ෼͔ͨͪΒࣺͯͳ͍ݶΓͦΕ͕ऴΘΔ͜ͱ͸ͳ͍ 044
    ͸։ൃɾอक͕ಥવऴྃ͢Δ͜ͱ΋͋Δ #FOFGJUT
    
30. ࣗ෼͔ͨͪΒࣺͯͳ͍ݶΓͦΕ͕ऴΘΔ͜ͱ͸ͳ͍ 044
    ͷ։ൃ͕ఀ଺ͯ͠௠෗Խ͢Δͱɺ
    ͦͷपลٕज़ελοΫͷόʔδϣϯ͕
    ݻఆ͞Εͯ͠·͏͜ͱ΋ #FOFGJUT
    
31. ंྠͷ࠶ൃ໌ͰಘΒΕΔϝϦοτ γεςϜʹ࠷దԽͨ͠ϛχϚϧͳػೳΛಘΒΕΔ
    ͳʹ͔ෆ۩߹͕͋ͬͯ΋௚ͤΔ
    ࣗ෼͔ͨͪΒࣺͯͳ͍ݶΓͦΕ͕ऴΘΔ͜ͱ͸ͳ͍
    
32. ंྠͷ࠶ൃ໌ͰಘΒΕΔϝϦοτ ࣗ෼ͨͪͷ੹೚ൣғΛ޿͘อͭ
    ଞॴͷ஌Βͳ͍୭͔ʹࣗ෼ͨͪͷγεςϜͷ඼࣭Λࠨӈͤ͞ͳ͍
    ͦͷٕज़Λਂ͘ཧղͯࣗ͠਎ͷٕज़Λ޲্ͤ͞ΔͨΊʹ׶͑ͯ ʮंྠͷ࠶ൃ໌ʯΛ͢Δ͜ͱ΋͋Δ
33. ंྠͷ࠶ൃ໌ͰಘΒΕΔϝϦοτ τϨϯυͷҠΓมΘΓʹࠨӈ͞Εͳ͍جૅྗʢےྗʣ͕ཆΘΕΔ
    ಈ࡞؀ڥ͕มΘΒͳ͍ݶΓࠜװͱͳΔͱ͜Ζ͸ৗʹಉ͡
    τϨϯυ΍πʔϧ͕มΘͬͯ΋௨༻͢ΔεΩϧ͕਎ʹͭ͘
34. খ͘͞͸͡ΊΔंྠͷ࠶ൃ໌ͷ͢ʍΊ Recommendation of Wheel Reinvention
35. BYJPT ͪΐͬͱͨ͠ϢʔςΟϦςΟؔ਺
36. TS TS API Client Codegen
37. https://speakerdeck.com/wakamsha/
38. 5 Tooltip Drag & Drop Auto Height Auto Scroll Preloader Popover Date Picker File Uploader
39. *OUSPEVDF
    NZTFMG Զͷ໊ΛݴͬͯΈΖ
     ࣗݾ঺հ
40. !XBLBNTIB *OUSPEVDF
    NZTFMG /BPLJ
    :"."%"
    
    ࢁా
    ௚थ XFC
    ϑϩϯτΤϯυσΟϕϩούʔ
    ॴଐ
    
    גࣜձࣾϦΫϧʔτϚʔέςΟϯάύʔτφʔζ
    ෭ۀ
    
    ۀ຿ҕୗͱͯ͠๭ελʔτΞοϓاۀΛ͓ख఻͍த
41. 5IBOL
    ZPV