$30 off During Our Annual Pro Sale. View Details »

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

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

Masakatsu Tokita

February 22, 2023
Tweet

Other Decks in Programming

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