Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
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
バックエンドエンジニアによる Amebaブログ K8s 基盤への CronJobの導入・運用経験
sunabig
0
150
社内オペレーション改善のためのTypeScript / TSKaigi Hokuriku 2025
dachi023
2
590
これだけで丸わかり!LangChain v1.0 アップデートまとめ
os1ma
6
1.8k
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
manfredsteyer
PRO
0
130
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
manfredsteyer
PRO
0
210
AIコードレビューがチームの"文脈"を 読めるようになるまで
marutaku
0
350
開発に寄りそう自動テストの実現
goyoki
1
860
Go コードベースの構成と AI コンテキスト定義
andpad
0
120
令和最新版Android Studioで化石デバイス向けアプリを作る
arkw
0
390
20251127_ぼっちのための懇親会対策会議
kokamoto01_metaps
2
430
20251212 AI 時代的 Legacy Code 營救術 2025 WebConf
mouson
0
100
【Streamlit x Snowflake】データ基盤からアプリ開発・AI活用まで、すべてをSnowflake内で実現
ayumu_yamaguchi
1
120
Featured
See All Featured
Scaling GitHub
holman
464
140k
Building Applications with DynamoDB
mza
96
6.8k
It's Worth the Effort
3n
187
29k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
720
Practical Orchestrator
shlominoach
190
11k
KATA
mclloyd
PRO
32
15k
How STYLIGHT went responsive
nonsquared
100
6k
How to Think Like a Performance Engineer
csswizardry
28
2.4k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
How to train your dragon (web standard)
notwaldorf
97
6.4k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.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 ͷॲཧΛ ϝΠϯεϨου͔ΒΓ͢ͱɺ ʮઈରαϘΒͳ͍λΠϚʔʯ͕࡞ΕΔʂ ݁
λΠϚʔΞϓϦΛ࡞͍ͬͯΔਓࢀߟʹͯ͠ω😘
͓ΘΓ