ãã²ãããÃTakepepeãããèªãïŒ React19 ã¢ããã«ããããã³ããšã³ãéçºã®ä»åŸãšã¯
ã€ãã³ãå 容
ð¥ ã¢ãŒã«ã€ãåç»
ã¢ãŒã«ã€ãåç»ã¯ãã¡ããã
âïžæŠèŠ
è¿å¹ŽãReactã®é²åã¯ããã³ããšã³ãéçºã®ããæ¹ã倧ããå€ããŠããŸãã
æšå¹Ž12æã«ã¯React19ã®å®å®çããªãªãŒã¹ãããã³ã³ããŒãã³ãã®ã©ã€ããµã€ã¯ã«å€æŽãConcurrent Renderingã®åŒ·åãServer Componentsã®æ¬æ Œæ¡çšãæ°ããããã¯ãAPIã®å°å
¥ãªã©ãå€ãã®æ°æ©èœãåããŠããŸãã
ãããããã®ã¢ããããŒãã«äŒŽããçŸå Žã®ãšã³ãžãã¢ãçŽé¢ãã課é¡ããªã¹ã¯ã«ã€ããŠã¯ç¡èŠã§ããªããã®ã«ãªã£ãŠããŸãã
ããã§æ¬ã€ãã³ãã§ã¯ããã²ããã(ïŒ uhyo_)ãšTakepepeãã(ïŒ takepepe)ã«ãç»å£ããã ããäžèšããŒãã«ã€ããŠã話ãããã ããŸãïŒ
- Reactãã¢ããããŒãããããšã«ããã¡ãªãããšæ³šæç¹
- å£ããå¯èœæ§ã®ãããã¹ããžã®å¯Ÿå¿ç
- ãã¬ãŒã ã¯ãŒã¯ãç¶æ 管çããŒã«ããã¹ãããŒã«ãšã®äºææ§
- ãäºäººãæããŠãããä»åŸã®ããã³ããšã³ãéçºã®æ¹åæ§ã«ã€ããŠ
èŠèŽè
ã®çããŸã«ã¯äºåã¢ã³ã±ãŒãã«ãååããã ããçŸåšäœ¿çšããŠããReactã®ããŒãžã§ã³ããã¬ãŒã ã¯ãŒã¯ããã¹ãããŒã«ã®ç¶æ³ããã¢ãªã³ã°ïŒ
ãã®çµæãããšã«ãç»å£è
ã®æ¹ã
ãšãReact 19ã«ã¢ããããŒãããéã®ããããšã»ãããªãããšããªã©ãæ·±æãããŸãã
èŠèŽè ã®çããã仿±ããŠããçåãäžå®ãè§£æ¶ãããå®å¿æãæã¡åž°ããã€ãã³ããç®æããŸãã
ç»å£è ã«èããŠã¿ããããšãããç³èŸŒã¿æã®ã¢ã³ã±ãŒãã«ãèšå ¥ãã ãã âš
åœæ¥ã®ã»ãã·ã§ã³å
ã§ããªã¢ã«ã¿ã€ã ã®è³ªåãšåãããŠåçããã ãäºå®ã§ã
â»ãã¹ãŠã®ã質åã«ã€ããŠã¯è§Šããããªãå¯èœæ§ããããŸãã®ã§ãäºæ¿ãã ãã
ðåå æ¹æ³ãšãã¬ãŒã³ãäŒç»
URLã¯ãç³ã蟌ã¿ããã ããæ¹ãžèŠèŽçšãªã³ã¯ããæž¡ãããŠããŸãã
åå åŸãã¢ã³ã±ãŒãåçè
ã®äžããæœéžã§6åæ§ã«ããã²ããããšTakepepeããã®æžç±ããã¬ãŒã³ãå·®ãäžããŸãã
ãã²ãããèæžïŒããããç®æã人ã®ããã®TypeScriptå
¥é ã
TakepepeããèæžïŒãããã³ããšã³ãéçºã®ããã®ãã¹ãå
¥éã
ðã¿ã€ã ããŒãã«
â»çºè¡šã®é çªãå 容ã¯å€æŽã®å¯èœæ§ããããŸãããäºæ¿ãã ããã
ð§âð»ãããªæ¹ã«ãããã
- çŸåšãããã³ããšã³ãéçºããããŠãããšã³ãžãã¢ã®æ¹
- Reactã®ããŒãžã§ã³ã¢ããã®æ€èšãããŠããŠãã¢ããããŒããžã®ã¡ãªããããã¡ãªããã«ã€ããŠç¥ãããæ¹
- Reactã®ã¢ããããŒãã«ãããæ¢åã®ãã¬ãŒã ã¯ãŒã¯ãç¶æ 管çããŒã«ããã¹ãããŒã«çã®åœ±é¿ãç¥ãããæ¹
âïžã€ãã³ãã®ãŽãŒã«
- èŠèŽè ãèªç€Ÿã®éçºã§æ¡çšããéã®ã¡ãªãã/ãã¡ãªãããæã¡åž°ãã
- Reactãã¢ããããŒãããéã®æ³šæç¹ãããªã¹ã¯åé¿ã®èŠç¹ãç¥ãã
- Reactãã¢ããããŒãããéã«ãã£ãæ¹ãè¯ãããšãããããªãæ¹ãè¯ãããšã倿ããç¥èŠãæã¡åž°ãã
ð€ç»å£è

ãã²ã(@uhyo_)
æ ªåŒäŒç€Ÿã«ãªãã
ããã³ããšã³ããšãã¹ããŒã
LINEæ ªåŒäŒç€Ÿãæ ªåŒäŒç€Ÿããã«ãçµãŠ2024å¹Žã«æ ªåŒäŒç€Ÿã«ãªããã«å
¥ç€Ÿã
çŸè·ã§ã¯äž»ã«ããã³ããšã³ãã®ç°å¢æ¹åãæ
åœã
èæžããããç®æã人ã®ããã®TypeScriptå
¥éãïŒæè¡è©è«ç€ŸïŒ

Takepepe (ïŒ takepepe)
Webããã³ããšã³ããšã³ãžãã¢
- 2022ã WEB+DB PRESS 幎éé£èŒãããã³ããšã³ãã³ã³ããŒãã³ãé§åéçºãå¯çš¿
- 2021 WEB+DB PRESS ç¹éãããŸã©ã Next.jsãå¯çš¿
- 2019 åèãå®è·µ TypeScript ~ BFF ãš Next.js&Nuxt.js ã®åå®çŸ©~ãå·ç
- ããã³ããšã³ãéçºçŸå Žã®å®è·µçããŠããŠãè¶£å³ã§å¯çš¿ https://zenn.dev/takepepe
ð€ã¢ãã¬ãŒã¿ãŒ

çé 修倪(@shoota)
ãã¡ã€ã³ãã£æ ªåŒäŒç€Ÿ
ãããã¯ãéçº Team+éçº ããã³ããšã³ããªãŒã
Reactãšãã¹ããæããããã³ããšã³ããšã³ãžãã¢ãWebéçºãiOSãAndroidã¢ããªãªã©æ§ã
ãªæ¥çš®ã®éçºã»éçšçµéšãæã€ãæ°ååãã®æè¡ç ä¿®ããããã³ããšã³ããªãŒã / ãšã³ãžãã¢ãªã³ã°ãããŒãžã£ãŒãšããŠãšã³ãžãã¢ãªã©ã®è²æçµéšãããã2023幎ã«ãã¡ã€ã³ãã£ã«åç»ããå2023äžæ Findyå
šç€ŸMVPã
â ïžè«žæ³šæ
- åå çšãªã³ã¯ã¯éå¬åœæ¥ãåå 確å®è ã«connpassçµç±ã§éç¥ããŸãã
- ãšãŒãžã§ã³ãã®æ¹ãå¶æ¥ç®çã§ã®ã€ãã³ãã®åå ã¯ãé æ ®ãã ããã
- æ§å¥/æ§çæå/éç¢ã®æç¡/人皮/宿/幎霢/容姿/äœæ Œ/æè¡ã®éžæã«é¢ãããªãã 誰ããæ°æã¡ããåå ã§ããããã«ãååãã ããã
- åœã€ãã³ãã®å 容ããã³ã¹ã±ãžã¥ãŒã«ã¯ãäºåãªã倿Žãšãªãå ŽåããããŸããäºããäºæ¿ãã ããã
- ã€ãã³ãåå æã«å
¥åããã ããæ
å ±ã¯ã以äžã«åºã¥ãæ±ããŸãã
ãã¡ã€ã³ãã£æ ªåŒäŒç€Ÿ ãã©ã€ãã·ãŒããªã·ãŒ
ð£äž»å¬ã»éå¶

ãã¡ã€ã³ãã£æ ªåŒäŒç€Ÿ
-
IT/Webãšã³ãžãã¢ã®è»¢è·ãµãŒãã¹ãFindyã :
ç¬èªã®ã¢ã«ãŽãªãºã ãçšããŠãšã³ãžãã¢ã®ã¹ãã«ãå¯èŠåãããã€ã¹ãã«ãªãšã³ãžãã¢ãšäŒæ¥ããããã³ã°ãã転è·ãµãŒãã¹ã§ããç»é²ãšã³ãžãã¢ã¯12äžäººãçªç Žãç»é²äŒæ¥æ°ã¯çŽ1,100瀟ãã¹ã¿ãŒãã¢ããäŒæ¥ãäžå¿ã«DXãæšé²ããã倧æäŒæ¥ãŸã§å¹ åºãäŒæ¥ã«å°å ¥ããŠããã ããŠãããŸãã -
ãã€ã¹ãã«ãªããªãŒã©ã³ã¹ãšã³ãžãã¢ç޹ä»ãµãŒãã¹ãFindy Freelanceã :
ãã€ã¹ãã«ãªããªãŒã©ã³ã¹ãšã³ãžãã¢ãšäŒæ¥ã®æ¥åå§èšæ¡ä»¶ã®ãããã³ã°ãµãŒãã¹ã§ãããFindyãåæ§ã«GitHubãè§£æããç¬èªã¢ã«ãŽãªãºã ãçšããã¹ãã«è©äŸ¡ãããšã«ãå䟡ä¿èšŒã®æ¡ä»¶ã玹ä»ããŠããŸããç»é²ãšã³ãžãã¢æ°ã¯5äžäººãçªç Žããã¹ã¿ãŒãã¢ããäŒæ¥ãäžå¿ã«DXãæšé²ããã倧æäŒæ¥ãŸã§1,500瀟以äžã«å°å ¥ããã ããŠãããŸãã -
ãšã³ãžãã¢çµç¹ã®éçºçç£æ§å¯èŠåã»åäžSaaS ãFindy Team+ã :
ç¹èš±ååŸã®ç¬èªæè¡ãçšããŠãGitHubãGitLabãBitbucketãBacklogãJiraãªã©ãè§£æããFour KeysãããSPACEããšãã£ãææšããã¬ãŒã ã¯ãŒã¯ã«åºã¥ããéçºã®ã¢ã¯ãã£ããã£ã»å¹çã»ã¯ãªãªãã£ããšã³ã²ãŒãžã¡ã³ããªã©ãå€é¢çã«å¯èŠåããããšã§ãéçºçç£æ§ã»éçºè äœéšåäžããµããŒãããŠããŸãã -
éçºããŒã«ã®ã¬ãã¥ãŒãµã€ããFindy ToolsãïŒ
éçºããŒã«ã«ç¹åããã¬ãã¥ãŒãµã€ãã§ãã第äžè ã®èŠç¹ã§å®éã«ããŒã«ã®éžå®ãè¡ã£ãäŒæ¥ã®çã®å£°ãéããããšã§ãããŒã«éžå®ã«é¢ããäžå®ãè§£æ¶ããå°å ¥æ€èšã«å¿ èŠãªæ å ±ãæäŸããŸãã
泚æäºé
â» ãã¡ãã®ã€ãã³ãæ å ±ã¯ãå€éšãµã€ãããååŸããæ å ±ãæ²èŒããŠããŸãã
â» æ²èŒã¿ã€ãã³ã°ãæŽæ°é »åºŠã«ãã£ãŠã¯ãæ å ±æäŸå ããŒãžã®å 容ãšå·®ç°ãçºçããŸãã®ã§äºããäºæ¿ãã ããã
â» ææ°æ å ±ã®ç¢ºèªãåå ç³èŸŒæç¶ããã€ãã³ãã«é¢ãããåãåããçã¯æ å ±æäŸå ããŒãžã«ãŠãé¡ãããŸãã

ãåãåãã
é¢é£ããã€ãã³ã
- TOP
- ã€ãã³ã
- ãã²ãããÃTakepepeãããèªãïŒ React19 ã¢ããã«ããããã³ããšã³ãéçºã®ä»åŸãšã¯

