JavaScript学園ポモドーロ科を主席で卒業するためのテクニック

Transcript

1. JavaScriptֶԂϙϞυʔϩՊΛ
   ओ੮Ͱଔۀ͢ΔͨΊͷςΫχοΫ
   @ϋʔυϧܹ௿LTେձοʂ
   2023-02-22
   @Tokky0425
   

   View Slide

2. 1992 େҪڝഅ৔ͷഅখ԰Ͱ஀ੜ
   2005 ୤๏ࣉࢠ԰Λసʑͱ͠ͳ͕Βॳ౳ڭҭΛ׬਱
   2008 ொాࢢཱϞϯϋϯ௮͚தֶߍΛଔۀ
   2011 ࢲཱJavaScriptֶԂߴߍϙϞυʔϩՊΛओ੮ଔۀ
   2012 7೥ؒͷਭ຾ (τΠϨٳܜͳ͠)
   2019 SmartHRʹೖࣾɺݱࡏʹࢸΔ
   ུྺ
   👈 ͜Ε
   

   View Slide

3. ओ੮ଔۀͷ伴ͱͳͬͨϙϞυʔϩλΠϚʔͷ
   ࣮૷ͷίπΛ͓఻͑͠·͢ɻ
   

   View Slide

4. ͪͳΈʹ...
   25෼࡞ۀɺ5෼ٳܜͷαΠΫϧΛ܁Γฦ͢͜ͱͰɺ
   ूதͯ͠࡞ۀΛߦ͏ϙϞυʔϩςΫχοΫͱ͍͏΋ͷ͕ଘࡏ͠·͢ɻ
   ϙϞυʔϩλΠϚʔͱ͍͏ͷ͸ɺϙϞυʔϩςΫχοΫͰ࢖͏
   λΠϚʔ (ཁ͸Χ΢ϯτμ΢ϯλΠϚʔ) ͷ͜ͱͰ͢ɻ
   

   View Slide

5. ૉ௚ʹλΠϚʔΛ࣮૷ͨ͠৔߹
   

   View Slide

6. ѱ͘ͳ͍Ͱ͕͢ɺ͜Εʹ͸ͪΐͬͱͨ͠໰୊͕͋Γ·͢ɻ
   

   View Slide

7. ͣΕΔɻ
   

   View Slide

8. ͱʹ͔ͣ͘ΕΔʂ
   

   View Slide

9. ผλϒ΍ผΞϓϦέʔγϣϯͰ࡞ۀ͍ͯ͠Δͱɺ
   λΠϚʔ͕αϘΓ࢝Ί͕ͯ࣌ؒͣΕ͍͖ͯ·͢ɻ
   ຊ౰͸60ඵܦͬͯΔͷʹ40ඵ͔͠ܦͬͯͳ͍͜ͱʹͳͬͯͨΓ...
   

   View Slide

10. Whyʁ🤷
    

    View Slide

11. ϝΠϯεϨουΛແବʹઐ༗͠ͳ͍ͨΊʹɺ
    ΞΫςΟϒͰͳ͍λϒͷ JavaScript ͸࣮ߦ͕ؒҾ͔Εͯ͠·͏ɻ
    

    View Slide

12. Web Worker Λ࢖͓͏ʂ
    

    View Slide

13. Web Worker ͷεϨου͸ϝΠϯεϨουͱ͸ผ෺ͳͷͰɺ
    ॲཧ͕ؒҾ͔Εͳ͘ͳΔ
    ઈରʹαϘΒͳ͍
    Web Worker ͞Μ
    

    View Slide

14. main.js
    worker.js
    

    View Slide

15. Web Worker Λ࢖ͬͯ setInterval ͷॲཧΛ
    ϝΠϯεϨου͔Β੾Γ཭͢ͱɺ
    ʮઈରαϘΒͳ͍λΠϚʔʯ͕࡞ΕΔʂ
    ݁࿦
    

    View Slide

16. λΠϚʔΞϓϦΛ࡞͍ͬͯΔਓ͸ࢀߟʹͯ͠ω😘
    

    View Slide

17. ͓ΘΓ
    

    View Slide