Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
JavaScript学園ポモドーロ科を主席で卒業するためのテクニック
Search
Masakatsu Tokita
February 22, 2023
Programming
0
5.4k
JavaScript学園ポモドーロ科を主席で卒業するためのテクニック
Masakatsu Tokita
February 22, 2023
Tweet
Share
Other Decks in Programming
See All in Programming
MCPとデザインシステムに立脚したデザインと実装の融合
yukukotani
4
1.4k
Amazon RDS 向けに提供されている MCP Server と仕組みを調べてみた/jawsug-okayama-2025-aurora-mcp
takahashiikki
1
110
アプリの "かわいい" を支えるアニメーションツールRiveについて
uetyo
0
260
AIと私たちの学習の変化を考える - Claude Codeの学習モードを例に
azukiazusa1
10
4k
概念モデル→論理モデルで気をつけていること
sunnyone
1
100
Android 16 × Jetpack Composeで縦書きテキストエディタを作ろう / Vertical Text Editor with Compose on Android 16
cc4966
1
200
アルテニア コンサル/ITエンジニア向け 採用ピッチ資料
altenir
0
100
為你自己學 Python - 冷知識篇
eddie
1
350
プロパティベーステストによるUIテスト: LLMによるプロパティ定義生成でエッジケースを捉える
tetta_pdnt
0
320
HTMLの品質ってなんだっけ? “HTMLクライテリア”の設計と実践
unachang113
4
2.8k
Navigating Dependency Injection with Metro
zacsweers
3
260
奥深くて厄介な「改行」と仲良くなる20分
oguemon
1
520
Featured
See All Featured
Making the Leap to Tech Lead
cromwellryan
135
9.5k
It's Worth the Effort
3n
187
28k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
Being A Developer After 40
akosma
90
590k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
Building an army of robots
kneath
306
46k
Statistics for Hackers
jakevdp
799
220k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Code Reviewing Like a Champion
maltzj
525
40k
The Pragmatic Product Professional
lauravandoore
36
6.9k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
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 ͷॲཧΛ ϝΠϯεϨου͔ΒΓ͢ͱɺ ʮઈରαϘΒͳ͍λΠϚʔʯ͕࡞ΕΔʂ ݁
λΠϚʔΞϓϦΛ࡞͍ͬͯΔਓࢀߟʹͯ͠ω😘
͓ΘΓ