{"id":24955,"date":"2025-11-24T03:05:01","date_gmt":"2025-11-24T03:05:01","guid":{"rendered":"https:\/\/pokecon.jp\/job\/?p=24955"},"modified":"2025-11-24T03:05:01","modified_gmt":"2025-11-24T03:05:01","slug":"%e3%80%90react19-2%e3%80%91%e6%96%b0%e6%a9%9f%e8%83%bduseeffectevent%e3%81%ae%e4%bd%bf%e3%81%84%e3%81%a9%e3%81%93%e3%82%8d%e3%81%a8%e6%b3%a8%e6%84%8f%e7%82%b9-kentem-techblog","status":"publish","type":"post","link":"https:\/\/pokecon.jp\/job\/24955\/","title":{"rendered":"\u3010React19.2\u3011\u65b0\u6a5f\u80fduseEffectEvent\u306e\u4f7f\u3044\u3069\u3053\u308d\u3068\u6ce8\u610f\u70b9 &#8211; KENTEM TechBlog"},"content":{"rendered":"\n<\/p>\n<div>\n<p><span itemscope=\"\" itemtype=\"http:\/\/schema.org\/Photograph\"><img decoding=\"async\" src=\"https:\/\/cdn-ak.f.st-hatena.com\/images\/fotolife\/k\/kentem_dev_sh_watanabe\/20251119\/20251119154028.png\" width=\"1200\" height=\"630\" loading=\"lazy\" title=\"\" class=\"hatena-fotolife\" itemprop=\"image\"\/><\/span><br \/>\n\u3053\u3093\u306b\u3061\u306f\uff01<a target=\"_blank\" href=\"https:\/\/www.kentem.jp\/\">KENTEM<\/a>\u306e\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30b8\u30cb\u30a2\u3001S.W.\u3067\u3059\u3002<br \/>\n\u6628\u5e74React19\u306e\u6b63\u5f0f\u7248\u304c\u516c\u958b\u3055\u308c\u3001\u79c1\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u306f\u4eca\u5e74\u306e\u590f\u306bReact18\u304b\u308919\u3078\u66f4\u65b0\u3092\u5b9f\u65bd\u3057\u307e\u3057\u305f\u3002<\/p>\n<p>\u4f9d\u5b58\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u66f4\u65b0\u3084\u79fb\u884c\u4f5c\u696d\u306b\u306f\u82e6\u52b4\u3057\u307e\u3057\u305f\u2026\u3002<\/p>\n<p>\u305d\u3057\u3066\u3001\u66f4\u65b0\u76f4\u5f8c\u306e10\u67081\u65e5\u306bReact19.2\u304c\u516c\u958b\u3055\u308c\u307e\u3057\u305f\u3002<\/p>\n<p>\u3059\u3067\u306bReact19.1\u3078\u66f4\u65b0\u6e08\u307f\u306a\u306e\u3067\u6050\u308c\u308b\u3053\u3068\u306a\u304f\u3001\u4eca\u56de\u306e\u958b\u767a\u3067React19.2\u3092\u53d6\u308a\u5165\u308c\u308b\u3053\u3068\u306b\u3057\u307e\u3057\u305f\u3002<\/p>\n<p><iframe src=\"https:\/\/hatenablog-parts.com\/embed?url=https%3A%2F%2Freact.dev%2Fblog%2F2025%2F10%2F01%2Freact-19-2\" title=\"React 19.2 \u2013 React\" class=\"embed-card embed-webcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 155px; max-width: 500px; margin: 10px 0px;\" loading=\"lazy\"><\/iframe><cite class=\"hatena-citation\"><a target=\"_blank\" href=\"https:\/\/react.dev\/blog\/2025\/10\/01\/react-19-2\">react.dev<\/a><\/cite><\/p>\n<p>\u65e9\u901f\u3001\u65b0\u6a5f\u80fd useEffectEvent \u306e\u4f7f\u3044\u3069\u3053\u308d\u304c\u3042\u3063\u305f\u306e\u3067\u3001\u4f7f\u3044\u65b9\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n<h3 id=\"useEffectEvent\u3068\u306f\">useEffectEvent\u3068\u306f<\/h3>\n<p>\u7c21\u5358\u306b\u8a00\u3046\u3068\u30a8\u30d5\u30a7\u30af\u30c8\u306e\u300c\u30a4\u30d9\u30f3\u30c8\u90e8\u5206\u300d\u3092\u5206\u96e2\u3057\u3066\u5b9a\u7fa9\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u30e9\u30c3\u30d7\u95a2\u6570\u3067\u3059\u3002<br \/>\n useEffectEvent \u306f\u5e38\u306b\u6700\u65b0\u306e props \u3068 state \u3092\u53c2\u7167\u3067\u304d\u307e\u3059\u3002<\/p>\n<p>\u547c\u3073\u51fa\u3057\u306f\u6b21\u306e\u30d5\u30c3\u30af\u304b\u3089\u306e\u307f\u53ef\u80fd\u3067\u3059\u3002<\/p>\n<ul>\n<li>useEffect<\/li>\n<li>useLayoutEffect<\/li>\n<li>useInsertionEffect<\/li>\n<\/ul>\n<h3 id=\"\u3069\u3093\u306a\u3068\u304d\u306b\u4f7f\u3048\u308b\u306e\">\u3069\u3093\u306a\u3068\u304d\u306b\u4f7f\u3048\u308b\u306e\uff1f<\/h3>\n<h4 id=\"\u4f8b\">\u4f8b<\/h4>\n<p>\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u8003\u3048\u307e\u3059\uff08\u6975\u7aef\u306a\u30d1\u30bf\u30fc\u30f3\u3067\u3059\uff09\u3002<\/p>\n<pre class=\"code lang-typescript\" data-lang=\"typescript\" data-unlink=\"\"><span class=\"synStatement\">function<\/span> <span class=\"synIdentifier\">TestTimer<\/span>() <span class=\"synIdentifier\">{<\/span>\n  <span class=\"synIdentifier\">const<\/span> <span class=\"synIdentifier\">[<\/span><span class=\"synPreProc\">count1<\/span>, <span class=\"synPreProc\">setCount1<\/span><span class=\"synIdentifier\">]<\/span> = useState(<span class=\"synConstant\">0<\/span>);\n  <span class=\"synIdentifier\">const<\/span> <span class=\"synIdentifier\">[<\/span><span class=\"synPreProc\">count2<\/span>, <span class=\"synPreProc\">setCount2<\/span><span class=\"synIdentifier\">]<\/span> = useState(<span class=\"synConstant\">0<\/span>);\n  <span class=\"synIdentifier\">const<\/span> <span class=\"synIdentifier\">[<\/span><span class=\"synPreProc\">sum<\/span>, <span class=\"synPreProc\">setSum<\/span><span class=\"synIdentifier\">]<\/span> = useState(<span class=\"synConstant\">0<\/span>);\n\n  <span class=\"synIdentifier\">const<\/span> eventCount2 = useCallback(()<span class=\"synPreProc\"> <\/span><span class=\"synType\">=&gt;<\/span> <span class=\"synIdentifier\">{<\/span>\n    <span class=\"synType\">console<\/span>.log(<span class=\"synConstant\">'eventCount2(useEffectTest)'<\/span>);\n    <span class=\"synStatement\">if<\/span> (count1 !== <span class=\"synConstant\">1<\/span>) <span class=\"synStatement\">return<\/span>;\n    setCount2(count1);\n  <span class=\"synIdentifier\">}<\/span>, <span class=\"synIdentifier\">[<\/span>count1<span class=\"synIdentifier\">]<\/span>);\u3000\n\n  useEffect(()<span class=\"synPreProc\"> <\/span><span class=\"synType\">=&gt;<\/span> <span class=\"synIdentifier\">{<\/span>\n    <span class=\"synType\">console<\/span>.log(<span class=\"synConstant\">'useEffect count1(useEffectTest)'<\/span>);\n    setCount1(<span class=\"synConstant\">1<\/span>);\n    <span class=\"synIdentifier\">const<\/span> timer = <span class=\"synType\">setTimeout<\/span>(()<span class=\"synPreProc\"> <\/span><span class=\"synType\">=&gt;<\/span> <span class=\"synIdentifier\">{<\/span>\n      eventCount2();\n    <span class=\"synIdentifier\">}<\/span>, <span class=\"synConstant\">300<\/span>);\n    <span class=\"synStatement\">return<\/span> ()<span class=\"synPreProc\"> <\/span><span class=\"synType\">=&gt;<\/span> <span class=\"synType\">clearTimeout<\/span>(timer);\n  <span class=\"synIdentifier\">}<\/span>, <span class=\"synIdentifier\">[<\/span>eventCount2<span class=\"synIdentifier\">]<\/span>);\u3000\n\n  useEffect(()<span class=\"synPreProc\"> <\/span><span class=\"synType\">=&gt;<\/span> <span class=\"synIdentifier\">{<\/span>\n    <span class=\"synType\">console<\/span>.log(<span class=\"synConstant\">'useEffect sum(useEffectTest)'<\/span>);\n    setSum(count1 + count2);\n  <span class=\"synIdentifier\">}<\/span>, <span class=\"synIdentifier\">[<\/span>count1, count2<span class=\"synIdentifier\">]<\/span>);\n\n  <span class=\"synStatement\">return<\/span> (\n    div&gt;\n      div&gt;count1: <span class=\"synIdentifier\">{<\/span><span class=\"synStatement\">count1<\/span><span class=\"synIdentifier\">}<\/span><span class=\"synIdentifier\">div<\/span>&gt;\n      div&gt;count2: <span class=\"synIdentifier\">{<\/span><span class=\"synStatement\">count2<\/span><span class=\"synIdentifier\">}<\/span><span class=\"synIdentifier\">div<\/span>&gt;\n      div&gt;sum: <span class=\"synIdentifier\">{<\/span><span class=\"synStatement\">sum<\/span><span class=\"synIdentifier\">}<\/span><span class=\"synIdentifier\">div<\/span>&gt;\n    <span class=\"synIdentifier\">div<\/span>&gt;\n  );\n<span class=\"synIdentifier\">}<\/span>\n<\/pre>\n<p><span style=\"font-size: 80%\">\u203b useEffect \u3067\u547c\u3073\u51fa\u3057\u3066\u3044\u308b eventCount2 \u306f\u3001\u30af\u30ed\u30fc\u30b8\u30e3\u306b\u3088\u3063\u3066 count1 \u304c\u521d\u56de\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u6642\u306e\u72b6\u614b\u306e\u307e\u307e\u306b\u306a\u308b\u305f\u3081\u3001\u4f9d\u5b58\u914d\u5217\u306b\u542b\u3081\u3066\u3044\u307e\u3059\u3002\u307e\u305f\u3001eventCount2 \u3092\u305d\u306e\u307e\u307e\u4f9d\u5b58\u914d\u5217\u306b\u542b\u3081\u308b\u3068\u3001\u518d\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u6642\u306b\u6bce\u56de\u518d\u751f\u6210\u3055\u308c\u3066 useEffect \u304c\u983b\u767a\u3057\u3066\u3057\u307e\u3046\u305f\u3081\u3001useCallback \u3067\u30e9\u30c3\u30d7\u3057\u3001\u4f9d\u5b58\u914d\u5217\u306b count1 \u3092\u542b\u3081\u308b\u3053\u3068\u3067\u3001count1 \u306e\u66f4\u65b0\u6642\u306b\u306e\u307f eventCount2 \u304c\u518d\u751f\u6210\u3055\u308c\u308b\u3088\u3046\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/span><\/p>\n<p>\u3053\u306e\u4f8b\u3067\u306f\u3001\u4e0a\u8a18\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u304c\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3055\u308c\u308b\u3068\u304d\u3001\u4ee5\u4e0b\u306e\u901a\u308a\u51fa\u529b\u3055\u308c\u307e\u3059\u3002<\/p>\n<p><span itemscope=\"\" itemtype=\"http:\/\/schema.org\/Photograph\"><img decoding=\"async\" src=\"https:\/\/cdn-ak.f.st-hatena.com\/images\/fotolife\/k\/kentem_dev_sh_watanabe\/20251119\/20251119102513.png\" width=\"382\" height=\"164\" loading=\"lazy\" title=\"\" class=\"hatena-fotolife\" itemprop=\"image\"\/><\/span><\/p>\n<p>\u521d\u56de\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u6642<\/p>\n<ul>\n<li>useEffect count1(useEffectTest)\uff1a1\u56de<\/li>\n<li>useEffect sum(useEffectTest)\uff1a1\u56de<\/li>\n<\/ul>\n<p>\u72b6\u614b\u5909\u5316\u6642<\/p>\n<ul>\n<li>useEffect count1(useEffectTest)\uff1a1\u56de<\/li>\n<li>useEffect sum(useEffectTest)\uff1a2\u56de\uff08count1\u5909\u66f4\u6642\u3001count2\u5909\u66f4\u6642\uff09<\/li>\n<\/ul>\n<p>useEffect \u304c\u8a08\uff15\u56de\u5b9f\u884c\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u3053\u308c\u3092\u4ee5\u4e0b\u306e\u901a\u308a\u8a08\uff13\u56de\u306b\u306a\u308b\u3088\u3046\u6539\u5584\u3057\u307e\u3059\u3002<\/p>\n<ul>\n<li>useEffect count1(useEffectTest)\u3000\u521d\u56de\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u6642\u306e\u307f<\/li>\n<li>useEffect sum(useEffectTest)\u3000\u521d\u56de\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u6642\u3068count2\u66f4\u65b0\u6642\u306e\u307f<\/li>\n<\/ul>\n<h4 id=\"useEffectEvent\u7121\u3057\u3067\u6539\u5584\">useEffectEvent\u7121\u3057\u3067\u6539\u5584<\/h4>\n<pre class=\"code lang-typescript\" data-lang=\"typescript\" data-unlink=\"\"><span class=\"synStatement\">function<\/span> <span class=\"synIdentifier\">TestTimer<\/span>() <span class=\"synIdentifier\">{<\/span>\n  <span class=\"synIdentifier\">const<\/span> <span class=\"synIdentifier\">[<\/span><span class=\"synPreProc\">count1<\/span>, <span class=\"synPreProc\">setCount1<\/span><span class=\"synIdentifier\">]<\/span> = useState(<span class=\"synConstant\">0<\/span>);\n  <span class=\"synIdentifier\">const<\/span> count1Ref = useRef(count1);\n  <span class=\"synIdentifier\">const<\/span> <span class=\"synIdentifier\">[<\/span><span class=\"synPreProc\">count2<\/span>, <span class=\"synPreProc\">setCount2<\/span><span class=\"synIdentifier\">]<\/span> = useState(<span class=\"synConstant\">0<\/span>);\n  <span class=\"synIdentifier\">const<\/span> <span class=\"synIdentifier\">[<\/span><span class=\"synPreProc\">sum<\/span>, <span class=\"synPreProc\">setSum<\/span><span class=\"synIdentifier\">]<\/span> = useState(<span class=\"synConstant\">0<\/span>);\n\n  <span class=\"synIdentifier\">const<\/span> eventCount2 = ()<span class=\"synPreProc\"> <\/span><span class=\"synType\">=&gt;<\/span> <span class=\"synIdentifier\">{<\/span>\n    <span class=\"synType\">console<\/span>.log(<span class=\"synConstant\">'eventCount2(useEffectTest)'<\/span>);\n    <span class=\"synStatement\">if<\/span> (count1Ref.<span class=\"synStatement\">current<\/span> !== <span class=\"synConstant\">1<\/span>) <span class=\"synStatement\">return<\/span>;\n    setCount2(<span class=\"synConstant\">1<\/span>);\n  <span class=\"synIdentifier\">}<\/span>;\n\n  useEffect(()<span class=\"synPreProc\"> <\/span><span class=\"synType\">=&gt;<\/span> <span class=\"synIdentifier\">{<\/span>\n    <span class=\"synType\">console<\/span>.log(<span class=\"synConstant\">'useEffect count1(useEffectTest)'<\/span>);\n    setCount1(<span class=\"synConstant\">1<\/span>);\n    count1Ref.<span class=\"synStatement\">current<\/span> = <span class=\"synConstant\">1<\/span>;\n    <span class=\"synIdentifier\">const<\/span> timer = <span class=\"synType\">setTimeout<\/span>(()<span class=\"synPreProc\"> <\/span><span class=\"synType\">=&gt;<\/span> <span class=\"synIdentifier\">{<\/span>\n      eventCount2();\n    <span class=\"synIdentifier\">}<\/span>, <span class=\"synConstant\">300<\/span>);\n    <span class=\"synStatement\">return<\/span> ()<span class=\"synPreProc\"> <\/span><span class=\"synType\">=&gt;<\/span> <span class=\"synType\">clearTimeout<\/span>(timer);\n  <span class=\"synIdentifier\">}<\/span>, <span class=\"synIdentifier\">[]<\/span>);\n\n  useEffect(()<span class=\"synPreProc\"> <\/span><span class=\"synType\">=&gt;<\/span> <span class=\"synIdentifier\">{<\/span>\n    <span class=\"synType\">console<\/span>.log(<span class=\"synConstant\">'useEffect sum(useEffectTest)'<\/span>);\n    <span class=\"synStatement\">if<\/span> (!count2) <span class=\"synStatement\">return<\/span>;\n    setSum(count1 + count2);\n    \n  <span class=\"synIdentifier\">}<\/span>, <span class=\"synIdentifier\">[<\/span>count2<span class=\"synIdentifier\">]<\/span>);\n\n  <span class=\"synStatement\">return<\/span> (\n    div&gt;\n      div&gt;count1: <span class=\"synIdentifier\">{<\/span><span class=\"synStatement\">count1<\/span><span class=\"synIdentifier\">}<\/span><span class=\"synIdentifier\">div<\/span>&gt;\n      div&gt;count2: <span class=\"synIdentifier\">{<\/span><span class=\"synStatement\">count2<\/span><span class=\"synIdentifier\">}<\/span><span class=\"synIdentifier\">div<\/span>&gt;\n      div&gt;sum: <span class=\"synIdentifier\">{<\/span><span class=\"synStatement\">sum<\/span><span class=\"synIdentifier\">}<\/span><span class=\"synIdentifier\">div<\/span>&gt;\n    <span class=\"synIdentifier\">div<\/span>&gt;\n  );\n<span class=\"synIdentifier\">}<\/span>\n<\/pre>\n<p><span itemscope=\"\" itemtype=\"http:\/\/schema.org\/Photograph\"><img decoding=\"async\" src=\"https:\/\/cdn-ak.f.st-hatena.com\/images\/fotolife\/k\/kentem_dev_sh_watanabe\/20251119\/20251119104626.png\" width=\"384\" height=\"129\" loading=\"lazy\" title=\"\" class=\"hatena-fotolife\" itemprop=\"image\"\/><\/span><\/p>\n<p>\u76ee\u7684\u306f\u9054\u6210\u3067\u304d\u305f\u3082\u306e\u306e\u3001ESlint\u306e\u8b66\u544a\u3092\u6291\u5236\u3057\u305f\u308a\u3001ref \u306b\u5024\u3092\u9000\u907f\u3057\u305f\u308a\u3059\u308b\u5b9f\u88c5\u306f\u30b9\u30de\u30fc\u30c8\u3068\u306f\u8a00\u3048\u307e\u305b\u3093\u3002<\/p>\n<p>state \u3092 ref \u306b\u4fdd\u6301\u3059\u308b\u6226\u7565\u3084\u3001\u4f9d\u5b58\u914d\u5217\u304b\u3089\u30a4\u30d9\u30f3\u30c8\u95a2\u6570\u3092\u5916\u3059\u8a2d\u8a08\u306f\u7169\u96d1\u3055\u3092\u62db\u304f\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n<p>\u3053\u306e\u3088\u3046\u306a\u30b1\u30fc\u30b9\u3001\u4f3c\u305f\u3088\u3046\u306a\u4e8b\u4f8b\u3092\u898b\u304b\u3051\u305f\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f<\/p>\n<p>\u79c1\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30b3\u30fc\u30c9\u306b\u3082\u3001\u305d\u3046\u3057\u305f\u5b9f\u88c5\u304c\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u2026<\/p>\n<p>\u305d\u308c\u3067\u306f useEffectEvent \u3092\u4f7f\u3063\u3066\u307f\u307e\u3057\u3087\u3046\uff01<\/p>\n<h4 id=\"useEffectEvent\u3067\u6539\u5584\">useEffectEvent\u3067\u6539\u5584<\/h4>\n<pre class=\"code lang-typescript\" data-lang=\"typescript\" data-unlink=\"\"><span class=\"synStatement\">function<\/span> <span class=\"synIdentifier\">TestTimer<\/span>() <span class=\"synIdentifier\">{<\/span>\n  <span class=\"synIdentifier\">const<\/span> <span class=\"synIdentifier\">[<\/span><span class=\"synPreProc\">count1<\/span>, <span class=\"synPreProc\">setCount1<\/span><span class=\"synIdentifier\">]<\/span> = useState(<span class=\"synConstant\">0<\/span>);\n  <span class=\"synIdentifier\">const<\/span> <span class=\"synIdentifier\">[<\/span><span class=\"synPreProc\">count2<\/span>, <span class=\"synPreProc\">setCount2<\/span><span class=\"synIdentifier\">]<\/span> = useState(<span class=\"synConstant\">0<\/span>);\n  <span class=\"synIdentifier\">const<\/span> <span class=\"synIdentifier\">[<\/span><span class=\"synPreProc\">sum<\/span>, <span class=\"synPreProc\">setSum<\/span><span class=\"synIdentifier\">]<\/span> = useState(<span class=\"synConstant\">0<\/span>);\n\n  <span class=\"synIdentifier\">const<\/span> eventCount2 = useEffectEvent(()<span class=\"synPreProc\"> <\/span><span class=\"synType\">=&gt;<\/span> <span class=\"synIdentifier\">{<\/span>\n    <span class=\"synType\">console<\/span>.log(<span class=\"synConstant\">'eventCount2(useEffectTest)'<\/span>);\n    <span class=\"synStatement\">if<\/span> (count1 !== <span class=\"synConstant\">1<\/span>) <span class=\"synStatement\">return<\/span>;\n    setCount2(<span class=\"synConstant\">1<\/span>);\n  <span class=\"synIdentifier\">}<\/span>);\n\n  useEffect(()<span class=\"synPreProc\"> <\/span><span class=\"synType\">=&gt;<\/span> <span class=\"synIdentifier\">{<\/span>\n    <span class=\"synType\">console<\/span>.log(<span class=\"synConstant\">'useEffect count1(useEffectTest)'<\/span>);\n    setCount1(<span class=\"synConstant\">1<\/span>);\n    <span class=\"synIdentifier\">const<\/span> timer = <span class=\"synType\">setTimeout<\/span>(()<span class=\"synPreProc\"> <\/span><span class=\"synType\">=&gt;<\/span> <span class=\"synIdentifier\">{<\/span>\n      eventCount2();\n    <span class=\"synIdentifier\">}<\/span>, <span class=\"synConstant\">300<\/span>);\n    <span class=\"synStatement\">return<\/span> ()<span class=\"synPreProc\"> <\/span><span class=\"synType\">=&gt;<\/span> <span class=\"synType\">clearTimeout<\/span>(timer);\n  <span class=\"synIdentifier\">}<\/span>, <span class=\"synIdentifier\">[]<\/span>);\n\n  <span class=\"synIdentifier\">const<\/span> eventSum = useEffectEvent((<span class=\"synPreProc\">count<\/span>:<span class=\"synPreProc\"> <\/span><span class=\"synType\">number<\/span>)<span class=\"synPreProc\"> <\/span><span class=\"synType\">=&gt;<\/span> <span class=\"synIdentifier\">{<\/span>\n    <span class=\"synType\">console<\/span>.log(<span class=\"synConstant\">'eventSum(useEffectTest)'<\/span>);\n    setSum(count1 + count);\n  <span class=\"synIdentifier\">}<\/span>);\n\n  useEffect(()<span class=\"synPreProc\"> <\/span><span class=\"synType\">=&gt;<\/span> <span class=\"synIdentifier\">{<\/span>\n    <span class=\"synType\">console<\/span>.log(<span class=\"synConstant\">'useEffect sum(useEffectTest)'<\/span>);\n    <span class=\"synStatement\">if<\/span> (!count2) <span class=\"synStatement\">return<\/span>;\n    eventSum(count2);\n  <span class=\"synIdentifier\">}<\/span>, <span class=\"synIdentifier\">[<\/span>count2<span class=\"synIdentifier\">]<\/span>);\n\n  <span class=\"synStatement\">return<\/span> (\n    div&gt;\n      div&gt;count1: <span class=\"synIdentifier\">{<\/span><span class=\"synStatement\">count1<\/span><span class=\"synIdentifier\">}<\/span><span class=\"synIdentifier\">div<\/span>&gt;\n      div&gt;count2: <span class=\"synIdentifier\">{<\/span><span class=\"synStatement\">count2<\/span><span class=\"synIdentifier\">}<\/span><span class=\"synIdentifier\">div<\/span>&gt;\n      div&gt;sum: <span class=\"synIdentifier\">{<\/span><span class=\"synStatement\">sum<\/span><span class=\"synIdentifier\">}<\/span><span class=\"synIdentifier\">div<\/span>&gt;\n    <span class=\"synIdentifier\">div<\/span>&gt;\n  );\n<span class=\"synIdentifier\">}<\/span>\n<\/pre>\n<p>useEffectEvent \u306e\u5229\u7528\u306b\u3088\u308a\u3001\u4f9d\u5b58\u95a2\u4fc2\u3068\u526f\u4f5c\u7528\u306e\u767a\u706b\u30bf\u30a4\u30df\u30f3\u30b0\u304c\u660e\u78ba\u306b\u306a\u308a\u307e\u3057\u305f\uff01<br \/>\nESlint\u306e\u8b66\u544a\u6291\u5236\u3084 ref \u306b\u3088\u308b\u30b9\u30c6\u30fc\u30bf\u30b9\u306e\u4e8c\u91cd\u7ba1\u7406\u3082\u7121\u3044\u306e\u3067\u3059\u3063\u304d\u308a\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<p><span itemscope=\"\" itemtype=\"http:\/\/schema.org\/Photograph\"><img decoding=\"async\" src=\"https:\/\/cdn-ak.f.st-hatena.com\/images\/fotolife\/k\/kentem_dev_sh_watanabe\/20251119\/20251119110045.png\" width=\"389\" height=\"149\" loading=\"lazy\" title=\"\" class=\"hatena-fotolife\" itemprop=\"image\"\/><\/span><\/p>\n<p>\u72d9\u3044\u901a\u308a\u3001\u4f59\u8a08\u306a\u526f\u4f5c\u7528\u3082\u767a\u751f\u3057\u3066\u3044\u307e\u305b\u3093\u3002<\/p>\n<p><span itemscope=\"\" itemtype=\"http:\/\/schema.org\/Photograph\"><img decoding=\"async\" src=\"https:\/\/cdn-ak.f.st-hatena.com\/images\/fotolife\/k\/kentem_dev_sh_watanabe\/20251119\/20251119112717.png\" width=\"134\" height=\"78\" loading=\"lazy\" title=\"\" class=\"hatena-fotolife\" itemprop=\"image\"\/><\/span><\/p>\n<p>\u6700\u65b0\u306e state \u5024\u3092\u5229\u7528\u3057\u305f\u8a08\u7b97\u3082\u51fa\u6765\u3066\u3044\u307e\u3059\u3002<\/p>\n<h3 id=\"\u5229\u7528\u3059\u308b\u969b\u306e\u6ce8\u610f\">\u5229\u7528\u3059\u308b\u969b\u306e\u6ce8\u610f<\/h3>\n<h4 id=\"useEffectEvent-\u3067\u30e9\u30c3\u30d7\u3057\u305f\u95a2\u6570\u306f\u4f9d\u5b58\u914d\u5217\u306b\u542b\u3081\u306a\u3044\">useEffectEvent \u3067\u30e9\u30c3\u30d7\u3057\u305f\u95a2\u6570\u306f\u4f9d\u5b58\u914d\u5217\u306b\u542b\u3081\u306a\u3044<\/h4>\n<p>\u5e38\u306b\u6700\u65b0\u306e\u72b6\u614b\u3092\u4fdd\u3064\u305f\u3081\u3001\u983b\u7e41\u306b\u518d\u751f\u6210\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u542b\u3081\u308b\u3079\u304d\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n<p><code>eslint-plugin-react-hooks@latest<\/code>\u3067\u5236\u7d04\u304c\u304b\u3051\u3089\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n<h4 id=\"\u30a8\u30d5\u30a7\u30af\u30c8\u5185\u3067\u306e\u307f\u547c\u3073\u51fa\u3059\">\u30a8\u30d5\u30a7\u30af\u30c8\u5185\u3067\u306e\u307f\u547c\u3073\u51fa\u3059<\/h4>\n<p>\u30a8\u30d5\u30a7\u30af\u30c8\u306e\u5185\u90e8\u30a4\u30d9\u30f3\u30c8\u3068\u3057\u3066\u5b9a\u7fa9\u30fb\u547c\u3073\u51fa\u3057\u3092\u884c\u3044\u3001\u4ed6\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3084\u30d5\u30c3\u30af\u3078\u6e21\u3057\u3066\u306f\u30c0\u30e1\u3067\u3059\u3002<\/p>\n<p><code>eslint-plugin-react-hooks@latest<\/code>\u3067\u5236\u7d04\u304c\u304b\u3051\u3089\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n<p>useEffectEvent \u306f\u3001\u305d\u308c\u3092\u4f7f\u7528\u3059\u308b\u30a8\u30d5\u30a7\u30af\u30c8\u30a4\u30d9\u30f3\u30c8\u306e\u3059\u3050\u96a3\u306b\u5ba3\u8a00\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n<h4 id=\"\u4f9d\u5b58\u914d\u5217\u3092\u907f\u3051\u308b\u305f\u3081\u306e\u3082\u306e\u3067\u306f\u306a\u3044\">\u4f9d\u5b58\u914d\u5217\u3092\u907f\u3051\u308b\u305f\u3081\u306e\u3082\u306e\u3067\u306f\u306a\u3044<\/h4>\n<p>\u4f9d\u5b58\u95a2\u4fc2\u3092\u8aa4\u9b54\u5316\u3059\u3068\u30d0\u30b0\u304c\u96a0\u853d\u3055\u308c\u3001\u30b3\u30fc\u30c9\u306e\u7406\u89e3\u304c\u96e3\u3057\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\n<p>\u4f9d\u5b58\u5024\u306f\u660e\u793a\u7684\u306b\u5217\u6319\u3059\u308b\u304b\u3001\u5fc5\u8981\u306b\u5fdc\u3058\u3066 ref \u3092\u4f7f\u3063\u3066\u904e\u53bb\u5024\u3068\u6bd4\u8f03\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n<h4 id=\"\u975e\u30ea\u30a2\u30af\u30c6\u30a3\u30d6\u306a\u30ed\u30b8\u30c3\u30af\u3060\u3051\u306b\u4f7f\u3046\">\u975e\u30ea\u30a2\u30af\u30c6\u30a3\u30d6\u306a\u30ed\u30b8\u30c3\u30af\u3060\u3051\u306b\u4f7f\u3046<\/h4>\n<p>useEffectEvent \u306f\u3001\u5024\u306e\u5909\u5316\u306b\u53cd\u5fdc\u3059\u308b\u30ea\u30a2\u30af\u30c6\u30a3\u30d6\u306a\u30ed\u30b8\u30c3\u30af\u3092\u62bd\u51fa\u3059\u308b\u7528\u9014\u306b\u306f\u5411\u3044\u3066\u3044\u307e\u305b\u3093\u3002<\/p>\n<p>\u5024\u306e\u5909\u5316\u306b\u4f9d\u5b58\u3059\u308b\u51e6\u7406\u306f\u4ed6\u306e\u624b\u6bb5\u3067\u6271\u3044\u3001useEffectEvent \u306f\u5909\u5316\u306b\u4f9d\u5b58\u3057\u306a\u3044\u30ed\u30b8\u30c3\u30af\u306e\u62bd\u51fa\u306b\u9650\u5b9a\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<h4 id=\"useState\u30d5\u30c3\u30af\u306f\u975e\u540c\u671f\u306b\u72b6\u614b\u3092\u66f4\u65b0\u3059\u308b\">useState\u30d5\u30c3\u30af\u306f\u975e\u540c\u671f\u306b\u72b6\u614b\u3092\u66f4\u65b0\u3059\u308b<\/h4>\n<p>useEffectEvent \u306f\u57fa\u672c\u7684\u306b\u306f\u6700\u65b0\u306e props \u3068 state \u3092\u53c2\u7167\u3057\u307e\u3059\u304c\u3001setState \u306e\u975e\u540c\u671f\u66f4\u65b0\u306b\u3088\u3063\u3066\u3001\u540c\u4e00\u306e\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u30b5\u30a4\u30af\u30eb\u5185\u3067\u306e\u53c2\u7167\u304c\u53e4\u3044\u5024\u306b\u306a\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n<p>\u6700\u65b0\u5024\u306e\u4fdd\u8a3c\u304c\u5fc5\u8981\u306a\u30b1\u30fc\u30b9\u3067\u306f\u3001\u4f9d\u5b58\u914d\u5217\u306e\u9069\u5207\u306a\u8a2d\u5b9a\u3084 ref \u306e\u4f75\u7528\u3092\u691c\u8a0e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<h3 id=\"\u53c2\u8003\u30ea\u30f3\u30af\">\u53c2\u8003\u30ea\u30f3\u30af<\/h3>\n<h3 id=\"\u307e\u3068\u3081\">\u307e\u3068\u3081<\/h3>\n<p>\u672c\u7a3f\u3067\u306f\u3001useEffectEvent \u306e\u6d3b\u7528\u3068\u6ce8\u610f\u70b9\u3092\u5b9f\u8df5\u7684\u306b\u89e3\u8aac\u3057\u307e\u3057\u305f\u3002\u4f9d\u5b58\u95a2\u4fc2\u3092\u6b63\u3057\u304f\u6271\u3044\u3001\u975e\u53cd\u5fdc\u7684\u306a\u30ed\u30b8\u30c3\u30af\u306f\u30a8\u30d5\u30a7\u30af\u30c8\u304b\u3089\u5206\u96e2\u3057\u3066\u8a2d\u8a08\u3059\u308b\u3053\u3068\u3067\u3001\u30b3\u30fc\u30c9\u306e\u8aad\u307f\u3084\u3059\u3055\u3068\u4fdd\u5b88\u6027\u3092\u9ad8\u3081\u3089\u308c\u307e\u3059\u3002<\/p>\n<p>\u30b3\u30fc\u30c9\u5185\u306e ESLint \u8b66\u544a\u306e\u6291\u5236\u3092\u6e1b\u3089\u3057\u3001\u4e0d\u8981\u306a\u518d\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u306e\u6291\u5236\u306b\u3082\u5bc4\u4e0e\u3059\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n<p>useEffectEvent \u306e\u9069\u5207\u306a\u4f7f\u3044\u5206\u3051\u3068\u30a8\u30d5\u30a7\u30af\u30c8\u306e\u5206\u96e2\u3092\u3001\u305c\u3072\u3042\u306a\u305f\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u5b9f\u88c5\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<h3 id=\"\u304a\u308f\u308a\u306b\">\u304a\u308f\u308a\u306b<\/h3>\n<p>KENTEM\u3067\u306f\u3001\u69d8\u3005\u306a\u62e0\u70b9\u3067\u30a8\u30f3\u30b8\u30cb\u30a2\u3092\u5927\u52df\u96c6\u3057\u3066\u3044\u307e\u3059\uff01 \u5efa\u8a2d\u00d7IT\u306b\u3054\u8208\u5473\u9802\u3044\u305f\u65b9\u306f\u3001\u662f\u975e\u4e0b\u8a18\u306e\u30ea\u30f3\u30af\u304b\u3089\u3054\u5fdc\u52df\u304f\u3060\u3055\u3044\u3002<\/p>\n<p><iframe src=\"https:\/\/hatenablog-parts.com\/embed?url=https%3A%2F%2Frecruit.kentem.jp%2F\" title=\"\u65b0\u5352\u63a1\u7528\u30b5\u30a4\u30c8 | \u30b1\u30f3\u30c6\u30e0 \u63a1\u7528\" class=\"embed-card embed-webcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 155px; max-width: 500px; margin: 10px 0px;\" loading=\"lazy\"><\/iframe><cite class=\"hatena-citation\"><a target=\"_blank\" href=\"https:\/\/recruit.kentem.jp\/\">recruit.kentem.jp<\/a><\/cite><\/p>\n<p><iframe src=\"https:\/\/hatenablog-parts.com\/embed?url=https%3A%2F%2Fcareer.kentem.jp%2F\" title=\"\u30ad\u30e3\u30ea\u30a2\u63a1\u7528\u30b5\u30a4\u30c8\uff5cKENTEM\uff3b\u682a\u5f0f\u4f1a\u793e\u5efa\u8a2d\u30b7\u30b9\u30c6\u30e0\uff3d\" class=\"embed-card embed-webcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 155px; max-width: 500px; margin: 10px 0px;\" loading=\"lazy\"><\/iframe><cite class=\"hatena-citation\"><a target=\"_blank\" href=\"https:\/\/career.kentem.jp\/\">career.kentem.jp<\/a><\/cite><\/p>\n<\/div>\n\n<br \/><a href=\"https:\/\/tech.kentem.jp\/entry\/2025\/11\/24\/090000\">\u5143\u306e\u8a18\u4e8b\u3092\u78ba\u8a8d\u3059\u308b <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"\u3053\u3093\u306b\u3061\u306f\uff01KENTEM\u306e\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30b8\u30cb\u30a2\u3001S.W.\u3067\u3059\u3002 \u6628\u5e74React19\u306e\u6b63\u5f0f\u7248\u304c\u516c\u958b\u3055\u308c\u3001\u79c1\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u306f\u4eca\u5e74\u306e\u590f\u306bReact18\u304b\u308919\u3078\u66f4\u65b0\u3092\u5b9f\u65bd\u3057\u307e\u3057\u305f\u3002 \u4f9d\u5b58\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u66f4\u65b0\u3084\u79fb\u884c\u4f5c\u696d\u306b\u306f\u82e6\u52b4\u3057\u307e\u3057 [&hellip;]","protected":false},"author":1,"featured_media":24956,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-24955","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-company-tec"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u3010React19.2\u3011\u65b0\u6a5f\u80fduseEffectEvent\u306e\u4f7f\u3044\u3069\u3053\u308d\u3068\u6ce8\u610f\u70b9 - KENTEM TechBlog - \u30dd\u30b1\u30b3\u30f3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tech.kentem.jp\/entry\/2025\/11\/24\/090000\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u3010React19.2\u3011\u65b0\u6a5f\u80fduseEffectEvent\u306e\u4f7f\u3044\u3069\u3053\u308d\u3068\u6ce8\u610f\u70b9 - KENTEM TechBlog - \u30dd\u30b1\u30b3\u30f3\" \/>\n<meta property=\"og:description\" content=\"\u3053\u3093\u306b\u3061\u306f\uff01KENTEM\u306e\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30b8\u30cb\u30a2\u3001S.W.\u3067\u3059\u3002 \u6628\u5e74React19\u306e\u6b63\u5f0f\u7248\u304c\u516c\u958b\u3055\u308c\u3001\u79c1\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u306f\u4eca\u5e74\u306e\u590f\u306bReact18\u304b\u308919\u3078\u66f4\u65b0\u3092\u5b9f\u65bd\u3057\u307e\u3057\u305f\u3002 \u4f9d\u5b58\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u66f4\u65b0\u3084\u79fb\u884c\u4f5c\u696d\u306b\u306f\u82e6\u52b4\u3057\u307e\u3057 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tech.kentem.jp\/entry\/2025\/11\/24\/090000\" \/>\n<meta property=\"og:site_name\" content=\"\u30dd\u30b1\u30b3\u30f3\" \/>\n<meta property=\"article:published_time\" content=\"2025-11-24T03:05:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pokecon.jp\/job\/wp-content\/uploads\/2025\/11\/https3A2F2Fcdn-ak.f.st-hatena.com2Fimages2Ffotolife2Fk2Fkentem_dev_sh_watanabe2F202511192F2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1300\" \/>\n\t<meta property=\"og:image:height\" content=\"683\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"info@pokecon.jp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u57f7\u7b46\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"info@pokecon.jp\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593\" \/>\n\t<meta name=\"twitter:data2\" content=\"2\u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/tech.kentem.jp\\\/entry\\\/2025\\\/11\\\/24\\\/090000#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/24955\\\/\"},\"author\":{\"name\":\"info@pokecon.jp\",\"@id\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/#\\\/schema\\\/person\\\/16c9f07b1ba984d165d9aee259bda997\"},\"headline\":\"\u3010React19.2\u3011\u65b0\u6a5f\u80fduseEffectEvent\u306e\u4f7f\u3044\u3069\u3053\u308d\u3068\u6ce8\u610f\u70b9 &#8211; KENTEM TechBlog\",\"datePublished\":\"2025-11-24T03:05:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/24955\\\/\"},\"wordCount\":89,\"image\":{\"@id\":\"https:\\\/\\\/tech.kentem.jp\\\/entry\\\/2025\\\/11\\\/24\\\/090000#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/https3A2F2Fcdn-ak.f.st-hatena.com2Fimages2Ffotolife2Fk2Fkentem_dev_sh_watanabe2F202511192F2.png\",\"articleSection\":[\"\u4f01\u696d\u30c6\u30c3\u30af\"],\"inLanguage\":\"ja\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/24955\\\/\",\"url\":\"https:\\\/\\\/tech.kentem.jp\\\/entry\\\/2025\\\/11\\\/24\\\/090000\",\"name\":\"\u3010React19.2\u3011\u65b0\u6a5f\u80fduseEffectEvent\u306e\u4f7f\u3044\u3069\u3053\u308d\u3068\u6ce8\u610f\u70b9 - KENTEM TechBlog - \u30dd\u30b1\u30b3\u30f3\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/tech.kentem.jp\\\/entry\\\/2025\\\/11\\\/24\\\/090000#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/tech.kentem.jp\\\/entry\\\/2025\\\/11\\\/24\\\/090000#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/https3A2F2Fcdn-ak.f.st-hatena.com2Fimages2Ffotolife2Fk2Fkentem_dev_sh_watanabe2F202511192F2.png\",\"datePublished\":\"2025-11-24T03:05:01+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/#\\\/schema\\\/person\\\/16c9f07b1ba984d165d9aee259bda997\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/tech.kentem.jp\\\/entry\\\/2025\\\/11\\\/24\\\/090000#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/tech.kentem.jp\\\/entry\\\/2025\\\/11\\\/24\\\/090000\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\\\/\\\/tech.kentem.jp\\\/entry\\\/2025\\\/11\\\/24\\\/090000#primaryimage\",\"url\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/https3A2F2Fcdn-ak.f.st-hatena.com2Fimages2Ffotolife2Fk2Fkentem_dev_sh_watanabe2F202511192F2.png\",\"contentUrl\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/https3A2F2Fcdn-ak.f.st-hatena.com2Fimages2Ffotolife2Fk2Fkentem_dev_sh_watanabe2F202511192F2.png\",\"width\":1300,\"height\":683},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/tech.kentem.jp\\\/entry\\\/2025\\\/11\\\/24\\\/090000#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u30db\u30fc\u30e0\",\"item\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u3010React19.2\u3011\u65b0\u6a5f\u80fduseEffectEvent\u306e\u4f7f\u3044\u3069\u3053\u308d\u3068\u6ce8\u610f\u70b9 &#8211; KENTEM TechBlog\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/#website\",\"url\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/\",\"name\":\"\u30dd\u30b1\u30b3\u30f3\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ja\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/#\\\/schema\\\/person\\\/16c9f07b1ba984d165d9aee259bda997\",\"name\":\"info@pokecon.jp\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2b0549cd9f7907c092ca5fbb283baf72337f235726e4b46fa39ec0b701ac2fe2?s=96&d=wavatar&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2b0549cd9f7907c092ca5fbb283baf72337f235726e4b46fa39ec0b701ac2fe2?s=96&d=wavatar&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2b0549cd9f7907c092ca5fbb283baf72337f235726e4b46fa39ec0b701ac2fe2?s=96&d=wavatar&r=g\",\"caption\":\"info@pokecon.jp\"},\"url\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/author\\\/infopokecon-jp\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u3010React19.2\u3011\u65b0\u6a5f\u80fduseEffectEvent\u306e\u4f7f\u3044\u3069\u3053\u308d\u3068\u6ce8\u610f\u70b9 - KENTEM TechBlog - \u30dd\u30b1\u30b3\u30f3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tech.kentem.jp\/entry\/2025\/11\/24\/090000","og_locale":"ja_JP","og_type":"article","og_title":"\u3010React19.2\u3011\u65b0\u6a5f\u80fduseEffectEvent\u306e\u4f7f\u3044\u3069\u3053\u308d\u3068\u6ce8\u610f\u70b9 - KENTEM TechBlog - \u30dd\u30b1\u30b3\u30f3","og_description":"\u3053\u3093\u306b\u3061\u306f\uff01KENTEM\u306e\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30b8\u30cb\u30a2\u3001S.W.\u3067\u3059\u3002 \u6628\u5e74React19\u306e\u6b63\u5f0f\u7248\u304c\u516c\u958b\u3055\u308c\u3001\u79c1\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u306f\u4eca\u5e74\u306e\u590f\u306bReact18\u304b\u308919\u3078\u66f4\u65b0\u3092\u5b9f\u65bd\u3057\u307e\u3057\u305f\u3002 \u4f9d\u5b58\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u66f4\u65b0\u3084\u79fb\u884c\u4f5c\u696d\u306b\u306f\u82e6\u52b4\u3057\u307e\u3057 [&hellip;]","og_url":"https:\/\/tech.kentem.jp\/entry\/2025\/11\/24\/090000","og_site_name":"\u30dd\u30b1\u30b3\u30f3","article_published_time":"2025-11-24T03:05:01+00:00","og_image":[{"width":1300,"height":683,"url":"https:\/\/pokecon.jp\/job\/wp-content\/uploads\/2025\/11\/https3A2F2Fcdn-ak.f.st-hatena.com2Fimages2Ffotolife2Fk2Fkentem_dev_sh_watanabe2F202511192F2.png","type":"image\/png"}],"author":"info@pokecon.jp","twitter_card":"summary_large_image","twitter_misc":{"\u57f7\u7b46\u8005":"info@pokecon.jp","\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593":"2\u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/tech.kentem.jp\/entry\/2025\/11\/24\/090000#article","isPartOf":{"@id":"https:\/\/pokecon.jp\/job\/24955\/"},"author":{"name":"info@pokecon.jp","@id":"https:\/\/pokecon.jp\/job\/#\/schema\/person\/16c9f07b1ba984d165d9aee259bda997"},"headline":"\u3010React19.2\u3011\u65b0\u6a5f\u80fduseEffectEvent\u306e\u4f7f\u3044\u3069\u3053\u308d\u3068\u6ce8\u610f\u70b9 &#8211; KENTEM TechBlog","datePublished":"2025-11-24T03:05:01+00:00","mainEntityOfPage":{"@id":"https:\/\/pokecon.jp\/job\/24955\/"},"wordCount":89,"image":{"@id":"https:\/\/tech.kentem.jp\/entry\/2025\/11\/24\/090000#primaryimage"},"thumbnailUrl":"https:\/\/pokecon.jp\/job\/wp-content\/uploads\/2025\/11\/https3A2F2Fcdn-ak.f.st-hatena.com2Fimages2Ffotolife2Fk2Fkentem_dev_sh_watanabe2F202511192F2.png","articleSection":["\u4f01\u696d\u30c6\u30c3\u30af"],"inLanguage":"ja"},{"@type":"WebPage","@id":"https:\/\/pokecon.jp\/job\/24955\/","url":"https:\/\/tech.kentem.jp\/entry\/2025\/11\/24\/090000","name":"\u3010React19.2\u3011\u65b0\u6a5f\u80fduseEffectEvent\u306e\u4f7f\u3044\u3069\u3053\u308d\u3068\u6ce8\u610f\u70b9 - KENTEM TechBlog - \u30dd\u30b1\u30b3\u30f3","isPartOf":{"@id":"https:\/\/pokecon.jp\/job\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tech.kentem.jp\/entry\/2025\/11\/24\/090000#primaryimage"},"image":{"@id":"https:\/\/tech.kentem.jp\/entry\/2025\/11\/24\/090000#primaryimage"},"thumbnailUrl":"https:\/\/pokecon.jp\/job\/wp-content\/uploads\/2025\/11\/https3A2F2Fcdn-ak.f.st-hatena.com2Fimages2Ffotolife2Fk2Fkentem_dev_sh_watanabe2F202511192F2.png","datePublished":"2025-11-24T03:05:01+00:00","author":{"@id":"https:\/\/pokecon.jp\/job\/#\/schema\/person\/16c9f07b1ba984d165d9aee259bda997"},"breadcrumb":{"@id":"https:\/\/tech.kentem.jp\/entry\/2025\/11\/24\/090000#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tech.kentem.jp\/entry\/2025\/11\/24\/090000"]}]},{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/tech.kentem.jp\/entry\/2025\/11\/24\/090000#primaryimage","url":"https:\/\/pokecon.jp\/job\/wp-content\/uploads\/2025\/11\/https3A2F2Fcdn-ak.f.st-hatena.com2Fimages2Ffotolife2Fk2Fkentem_dev_sh_watanabe2F202511192F2.png","contentUrl":"https:\/\/pokecon.jp\/job\/wp-content\/uploads\/2025\/11\/https3A2F2Fcdn-ak.f.st-hatena.com2Fimages2Ffotolife2Fk2Fkentem_dev_sh_watanabe2F202511192F2.png","width":1300,"height":683},{"@type":"BreadcrumbList","@id":"https:\/\/tech.kentem.jp\/entry\/2025\/11\/24\/090000#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u30db\u30fc\u30e0","item":"https:\/\/pokecon.jp\/job\/"},{"@type":"ListItem","position":2,"name":"\u3010React19.2\u3011\u65b0\u6a5f\u80fduseEffectEvent\u306e\u4f7f\u3044\u3069\u3053\u308d\u3068\u6ce8\u610f\u70b9 &#8211; KENTEM TechBlog"}]},{"@type":"WebSite","@id":"https:\/\/pokecon.jp\/job\/#website","url":"https:\/\/pokecon.jp\/job\/","name":"\u30dd\u30b1\u30b3\u30f3","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pokecon.jp\/job\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"},{"@type":"Person","@id":"https:\/\/pokecon.jp\/job\/#\/schema\/person\/16c9f07b1ba984d165d9aee259bda997","name":"info@pokecon.jp","image":{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/secure.gravatar.com\/avatar\/2b0549cd9f7907c092ca5fbb283baf72337f235726e4b46fa39ec0b701ac2fe2?s=96&d=wavatar&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/2b0549cd9f7907c092ca5fbb283baf72337f235726e4b46fa39ec0b701ac2fe2?s=96&d=wavatar&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2b0549cd9f7907c092ca5fbb283baf72337f235726e4b46fa39ec0b701ac2fe2?s=96&d=wavatar&r=g","caption":"info@pokecon.jp"},"url":"https:\/\/pokecon.jp\/job\/author\/infopokecon-jp\/"}]}},"_links":{"self":[{"href":"https:\/\/pokecon.jp\/job\/wp-json\/wp\/v2\/posts\/24955","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pokecon.jp\/job\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pokecon.jp\/job\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pokecon.jp\/job\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pokecon.jp\/job\/wp-json\/wp\/v2\/comments?post=24955"}],"version-history":[{"count":1,"href":"https:\/\/pokecon.jp\/job\/wp-json\/wp\/v2\/posts\/24955\/revisions"}],"predecessor-version":[{"id":24957,"href":"https:\/\/pokecon.jp\/job\/wp-json\/wp\/v2\/posts\/24955\/revisions\/24957"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pokecon.jp\/job\/wp-json\/wp\/v2\/media\/24956"}],"wp:attachment":[{"href":"https:\/\/pokecon.jp\/job\/wp-json\/wp\/v2\/media?parent=24955"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pokecon.jp\/job\/wp-json\/wp\/v2\/categories?post=24955"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pokecon.jp\/job\/wp-json\/wp\/v2\/tags?post=24955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}