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
4.8k
JavaScript学園ポモドーロ科を主席で卒業するためのテクニック
Masakatsu Tokita
February 22, 2023
Tweet
Share
Other Decks in Programming
See All in Programming
.NET Aspireのクラウド対応検証: Azureと他環境での実践
ymd65536
1
670
gopls を改造したら開発生産性が高まった
satorunooshie
7
140
GPU Hash Table | レイトレ合宿10
yknishidate
0
350
Kaigi on Rails 2024 - Rails APIモードのためのシンプルで効果的なCSRF対策 / kaigionrails-2024-csrf
corocn
1
240
Vitest Browser Mode への期待 / Vitest Browser Mode
odanado
PRO
1
1.4k
組織に自動テストを書く文化を根付かせる戦略(2024秋版) / Building Automated Test Culture 2024 Autumn Edition
twada
PRO
9
3.9k
データマイグレーションの成功戦略~サービスリニューアルで失敗しないための実践ガイド~
tkzwtks
8
860
tc39 x jsconf.jp Panel Discussion 2024
yosuke_furukawa
PRO
0
120
Re:proS_案内資料
rect
0
210
Програмиране с Rust, ФМИ, 2024
nikolads
0
130
CSC509 Lecture 05
javiergs
PRO
0
190
/←このスケジュール表に立ち向かう フロントエンド開発戦略 / A front-end development strategy to tackle a single-slash schedule.
nrslib
1
480
Featured
See All Featured
Gamification - CAS2011
davidbonilla
80
5k
What's new in Ruby 2.0
geeforr
342
31k
Code Reviewing Like a Champion
maltzj
519
39k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
4.9k
Happy Clients
brianwarren
97
6.7k
Faster Mobile Websites
deanohume
304
30k
The Cost Of JavaScript in 2023
addyosmani
44
5.9k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.1k
Producing Creativity
orderedlist
PRO
341
39k
Build The Right Thing And Hit Your Dates
maggiecrowley
32
2.3k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
364
22k
Building Your Own Lightsaber
phodgson
102
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 ͷॲཧΛ ϝΠϯεϨου͔ΒΓ͢ͱɺ ʮઈରαϘΒͳ͍λΠϚʔʯ͕࡞ΕΔʂ ݁
λΠϚʔΞϓϦΛ࡞͍ͬͯΔਓࢀߟʹͯ͠ω😘
͓ΘΓ