$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
JavaScript学園ポモドーロ科を主席で卒業するためのテクニック
Search
Masakatsu Tokita
February 22, 2023
Programming
0
5.5k
JavaScript学園ポモドーロ科を主席で卒業するためのテクニック
Masakatsu Tokita
February 22, 2023
Tweet
Share
Other Decks in Programming
See All in Programming
Why Kotlin? 電子カルテを Kotlin で開発する理由 / Why Kotlin? at Henry
agatan
2
7.1k
안드로이드 9년차 개발자, 프론트엔드 주니어로 커리어 리셋하기
maryang
1
110
20 years of Symfony, what's next?
fabpot
2
350
20251212 AI 時代的 Legacy Code 營救術 2025 WebConf
mouson
0
130
なあ兄弟、 余白の意味を考えてから UI実装してくれ!
ktcryomm
11
11k
愛される翻訳の秘訣
kishikawakatsumi
2
320
Cap'n Webについて
yusukebe
0
130
SwiftUIで本格音ゲー実装してみた
hypebeans
0
320
AtCoder Conference 2025「LLM時代のAHC」
imjk
2
460
AIコーディングエージェント(Gemini)
kondai24
0
210
手軽に積ん読を増やすには?/読みたい本と付き合うには?
o0h
PRO
1
170
生成AIを利用するだけでなく、投資できる組織へ
pospome
1
320
Featured
See All Featured
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
54k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.4k
How to train your dragon (web standard)
notwaldorf
97
6.4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Product Roadmaps are Hard
iamctodd
PRO
55
12k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.5k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
970
Documentation Writing (for coders)
carmenintech
76
5.2k
Site-Speed That Sticks
csswizardry
13
1k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
231
22k
How STYLIGHT went responsive
nonsquared
100
6k
Transcript
JavaScriptֶԂϙϞυʔϩՊΛ ओ੮Ͱଔۀ͢ΔͨΊͷςΫχοΫ @ϋʔυϧܹLTେձοʂ 2023-02-22 @Tokky0425
1992 େҪڝഅͷഅখͰੜ 2005 ๏ࣉࢠΛసʑͱ͠ͳ͕ΒॳڭҭΛ 2008 ொాࢢཱϞϯϋϯ௮͚தֶߍΛଔۀ 2011 ࢲཱJavaScriptֶԂߴߍϙϞυʔϩՊΛओ੮ଔۀ 2012 7ؒͷਭ
(τΠϨٳܜͳ͠) 2019 SmartHRʹೖࣾɺݱࡏʹࢸΔ ུྺ 👈 ͜Ε
ओ੮ଔۀͷ伴ͱͳͬͨϙϞυʔϩλΠϚʔͷ ࣮ͷίπΛ͓͑͠·͢ɻ
ͪͳΈʹ... 25࡞ۀɺ5ٳܜͷαΠΫϧΛ܁Γฦ͢͜ͱͰɺ ूதͯ͠࡞ۀΛߦ͏ϙϞυʔϩςΫχοΫͱ͍͏ͷ͕ଘࡏ͠·͢ɻ ϙϞυʔϩλΠϚʔͱ͍͏ͷɺϙϞυʔϩςΫχοΫͰ͏ λΠϚʔ (ཁΧϯτμϯλΠϚʔ) ͷ͜ͱͰ͢ɻ
ૉʹλΠϚʔΛ࣮ͨ͠߹
ѱ͘ͳ͍Ͱ͕͢ɺ͜Εʹͪΐͬͱ͕ͨ͋͠Γ·͢ɻ
ͣΕΔɻ
ͱʹ͔ͣ͘ΕΔʂ
ผλϒผΞϓϦέʔγϣϯͰ࡞ۀ͍ͯ͠Δͱɺ λΠϚʔ͕αϘΓ࢝Ί͕ͯ࣌ؒͣΕ͍͖ͯ·͢ɻ ຊ60ඵܦͬͯΔͷʹ40ඵ͔͠ܦͬͯͳ͍͜ͱʹͳͬͯͨΓ...
Whyʁ🤷
ϝΠϯεϨουΛແବʹઐ༗͠ͳ͍ͨΊʹɺ ΞΫςΟϒͰͳ͍λϒͷ JavaScript ࣮ߦ͕ؒҾ͔Εͯ͠·͏ɻ
Web Worker Λ͓͏ʂ
Web Worker ͷεϨουϝΠϯεϨουͱผͳͷͰɺ ॲཧ͕ؒҾ͔Εͳ͘ͳΔ ઈରʹαϘΒͳ͍ Web Worker ͞Μ
main.js worker.js
Web Worker Λͬͯ setInterval ͷॲཧΛ ϝΠϯεϨου͔ΒΓ͢ͱɺ ʮઈରαϘΒͳ͍λΠϚʔʯ͕࡞ΕΔʂ ݁
λΠϚʔΞϓϦΛ࡞͍ͬͯΔਓࢀߟʹͯ͠ω😘
͓ΘΓ