Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Masakatsu Tokita Masakatsu Tokita
February 22, 2023
Programming
5.7k
0

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

Avatar for Masakatsu Tokita

Masakatsu Tokita

February 22, 2023

Other Decks in Programming

See All in Programming
RailsTokyo 2026#4: AI様があれば、
Hotwireの弱点は消えるか？
Avatar for Naofumi Kagami naofumi
3
450
過去のレビュー知見をSkillsで資産化した話
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
1
2.1k
【ディップ｜26年新卒研修資料】TDD実装演習
Avatar for ディップ株式会社 dip_tech
PRO
0
280
ReactとSvelteのその先、Ripple-TS / Beyond React and Svelte: Ripple-TS
Avatar for TOMIKAWA Sotaro ssssota
2
410
GoogleCloudとterraform完全に理解した
Avatar for Terisuke terisuke
1
200
Sans tests, vos agents ne sont pas fiables
Avatar for Nathan Abondance nabondance
0
140
次世代リンターで探る、tsgo 時代における型認識カスタムルールの現実解
Avatar for Yuta Takahashi ytakahashii
1
510
自動レビューエンジンの実装と運用 ~レビューのない世界へ~
Avatar for Kanato kurukuru1999
1
120
新規プロダクトを高速で生み出すハーネスエンジニアリング
Avatar for Ryohei Ikegami seanchas116
3
220
inferと仲良くなる10分間
Avatar for ryokatsuse ryokatsuse
1
130
継続的な負荷検証を目指して
Avatar for Kazuhiko Yamashita pyama86
3
1.2k
決定論 vs 確率論：Gemini 3 FlashとTF-IDFを組み合わせた「法規判定エンジン」の構築
Avatar for Shu Kobuchi shukob
0
170

Featured

See All Featured
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
41
2.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.3k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.1k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
1.1k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
470
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
910
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
510

Transcript

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

  2. 1992 େҪڝഅ৔ͷഅখ԰Ͱ஀ੜ 2005 ୤๏ࣉࢠ԰Λసʑͱ͠ͳ͕Βॳ౳ڭҭΛ׬਱ 2008 ொాࢢཱϞϯϋϯ௮͚தֶߍΛଔۀ 2011 ࢲཱJavaScriptֶԂߴߍϙϞυʔϩՊΛओ੮ଔۀ 2012 7೥ؒͷਭ຾

    (τΠϨٳܜͳ͠) 2019 SmartHRʹೖࣾɺݱࡏʹࢸΔ ུྺ 👈 ͜Ε

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

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

  5. ૉ௚ʹλΠϚʔΛ࣮૷ͨ͠৔߹

  6. ѱ͘ͳ͍Ͱ͕͢ɺ͜Εʹ͸ͪΐͬͱͨ͠໰୊͕͋Γ·͢ɻ

  7. ͣΕΔɻ

  8. ͱʹ͔ͣ͘ΕΔʂ

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

  10. Whyʁ🤷

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

  12. Web Worker Λ࢖͓͏ʂ

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

  14. main.js worker.js

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

  16. λΠϚʔΞϓϦΛ࡞͍ͬͯΔਓ͸ࢀߟʹͯ͠ω😘

  17. ͓ΘΓ