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

by Masakatsu Tokita

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

ૉ௚ʹλΠϚʔΛ࣮૷ͨ͠৔߹

Slide 6

Slide 6 text

ѱ͘ͳ͍Ͱ͕͢ɺ͜Εʹ͸ͪΐͬͱͨ͠໰୊͕͋Γ·͢ɻ

Slide 7

Slide 7 text

ͣΕΔɻ

Slide 8

Slide 8 text

ͱʹ͔ͣ͘ΕΔʂ

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

Whyʁ🤷

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

Web Worker Λ࢖͓͏ʂ

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

main.js worker.js

Slide 15

Slide 15 text

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