Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
useRef完全に理解した
Search
柏木玲奈
March 16, 2025
Programming
160
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
useRef完全に理解した
「渋谷でビール片手にLT会!」2025/3/13(木曜日)の登壇資料
柏木玲奈
March 16, 2025
Other Decks in Programming
See All in Programming
パスワード再設定メールのURLについて知っておこう
uyuki234
0
160
S3 TablesのIcebergデータに、AIエージェントからアクセスしてみた / 20261016developersio2026joetsu-accessing-iceberg-in-s3tables-via-agent
kasacchiful
PRO
0
170
[2026-09-26]空論ジェネリックプロセス~テスト資産とAIで紡ぐ、再現可能なパフォーマンスチューニングの話~
tosite
0
270
When benchmarks go bad - what I learned from measuring performance wrong
hollycummins
0
220
UnityでSystem.Net.WebSocketsなWebSocketサーバが動かないのでUnity Monoのコードを覗いてみた / about implementing websocket server with unity mono
drumath2237
1
610
C#の現在地 進化の歴史と、AI時代の.NET Everywhere
neuecc
5
5.2k
Optunaを作ったときにやりたかったこと、その後 (2026/10/16, Optuna Meetup #3)
iwiwi
1
440
動作中のプログラムの中身をリアルタイムに覗く / Realtime Debugger for CSharp with Roslyn
prota
1
1.9k
最近”作らせてる” ローカルAIアプリの話
akit37
0
480
KiroのSpecで「五目並べ」を作ってみる
satoshi256kbyte
1
380
當我們開始不讀 Code - AI Agent 時代,Code Review 與 Clean Code 還剩下什麼?
jame2408
1
260
個人開発者よ、Honoを使え(おじさんver)
tanahiro2010
2
260
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4.2k
Music & Morning Musume
bryan
48
7.4k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
3
3.9k
Heart Work Chapter 1 - Part 1
lfama
PRO
10
37k
Believing is Seeing
oripsolob
1
250
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
270
Test your architecture with Archunit
thirion
2
2.4k
Reality Check: Gamification 10 Years Later
codingconduct
0
2.3k
New Earth Scene 8
popppiees
4
2.7k
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
550
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
440
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
420
Transcript
完全に理解した useRef 柏木玲奈 株式会社loadoff
useStateとの違いは? 自己紹介 useRefってなに? お話しすること Hello まとめ
JavaScriptたのしい! 完全に理解はまだ... 株式会社loadoff フロントエンドエンジニア 柏木 玲奈 自己紹介
株式会社loadoff 映画館向けポータルサイト 腸内細菌叢システム開発 栽培環境モニタリングシステム supotta 餅つき開催! 5月10日(土曜日)
Reactのフックの一つ コンポーネントに値を持たせたいけど、 再レンダーさせたくない! useRefってなに?
useStateとの違いは?
useState 引数 ファイバー キュー
useRef 引数 メモ化
ファイバー ファイバー useState useRef キュー メモ化
None
メモ化を効率的に行っ てくれる組み込みhook のこと useRefとは 動きが近しいだけで 行っている処理が違う useStateの違い そこに全て 書いてある! OSSを読もう
setTimeoutのIDを保持 スクロールの際 使用例 まとめ
Thank You!
https://zenn.dev/porokyu32/articles/960d9d6e45533b https://ja.react.dev/reference/react/useRef React公式 React GitHub 公式コードの読み方 React Fiberとは References https://github.com/facebook/react/blob/c21c41ecfad46de0a718d059374e48d13cf08ced/
packages/react/src/ReactHooks.js#L82 https://sbfl.net/blog/2019/02/09/react-hooks-usestate/ 株式会社loadoff useRefを使用した画面 https://www.loadoff.jp/ https://supotta.com/contact