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
0
5.6k

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

Avatar for Masakatsu Tokita

Masakatsu Tokita

February 22, 2023
Tweet

Other Decks in Programming

See All in Programming
CDIの誤解しがちな仕様とその対処TIPS
Avatar for futokiyo futokiyo
0
200
Ruby and LLM Ecosystem 2nd
Avatar for Koichi ITO koic
1
580
Swift ConcurrencyでよりSwiftyに
Avatar for 野瀬田　裕樹 yuukiw00w
0
260
AIコードレビューの導入・運用と AI駆動開発における「AI4QA」の取り組みについて
Avatar for ハゲワシ hagevvashi
0
430
エンジニアの「手元の自動化」を加速するn8n 2026.02.27
Avatar for 西尾義英 symy2co
0
140
nuget-server - あなたが必要だったNuGetサーバー
Avatar for Kouji Matsui kekyo
PRO
0
230
2026年は Rust 置き換えが流行る！ / 20260220-niigata-5min-tech
Avatar for girigiribauer girigiribauer
0
230
AI駆動開発の本音 〜Claude Code並列開発で見えたエンジニアの新しい役割〜
Avatar for hisuzuya hisuzuya
4
500
モックわからないマン卒業記 ~振る舞いを起点に見直した、フロントエンドテストにおけるモックの使いどころ~
Avatar for Tasuku Watanabe tasukuwatanabe
2
110
The Ralph Wiggum Loop: First Principles of Autonomous Development
Avatar for Ryuichiro Semba sembayui
0
3.7k
技術検証結果の整理と解析をAIに任せよう！
Avatar for Keisuke Ikeda keisukeikeda
0
120
AIに任せる範囲を安全に広げるためにやっていること
Avatar for Masashi Fukuzawa fukucheee
0
130

Featured

See All Featured
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
940
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
190
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
140
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
3.7k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
240
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
2.6M
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.3k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.2k

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. ͓ΘΓ