Reactをクライアントで使わない

2025-09-19 / React Tokyo ミートアップ #9

Transcript

1. 
   
   3FBDU
   5PLZP
   ϛʔτΞοϓ
    3FBDUΛΫϥΠΞϯτͰ࢖Θͳ͍ :VTVLF
   8BEB
2. .F w :VTVLF
   8BEB
   w 8FC
   GSBNFXPSL
   EFWFMPQFS
   w %FWFMPQFS
   "EWPDBUF
   !$MPVE fl BSF
   w #PLFUF
   DPGPVOEFS
   w $SFBUPS
   PG
   )POP
   w IUUQTHJUIVCDPNZVTVLFCF The Melancholy of an OSS Developer
3. 3FBDUͱ͍͑͹
4. 8JLJQFEJB
   
   3FBDUΑΓ
   IUUQTKBXJLJQFEJBPSHXJLJ3FBDU
5. ʮ΢Σϒϒϥ΢βͰෳࡶͳ6*ʯ
   ʮϑϩϯτΤϯυʯ
6. ΫϥΠΞϯταΠυͰ࣮ߦ͞ΕΔ
   ͜ͱ͕૝ఆ͞Ε͍ͯΔ
8. ͔͠͠
   αʔόʔαΠυͰ࢖ΘΕΔ͜ͱ΋͋Δ
10. 3FBDUΛΫϥΠΞϯτͰ࢖Θͳ ͍͜ͱ΋Ͱ͖Δ
11. ࠓ೔͸ͦͷ࿩Ͱ͢
12. 3FBDUΛΫϥΠΞϯτͰ࢖Θͳ͍  )POP͕+49ʹ໨Λ͚ͭͨ݅
     3FBDUΛαʔόʔαΠυͰ࢖͏
     3FBDUͷศརͳػೳ
     )POPͰ3FBDUΛ࢖͏
    3FBDU
    4FSWFS
    $PNQPOFOUTʹ͍ͭͯ͸৮Ε·ͤΜ
13. 
    )POP͕+49ʹ໨Λ͚ͭͨ݅
14. ʮ·ͣαʔόʔαΠυ+49ʹ͍ͭͯ࿩ͦ͏ʯ
15. )POPͰ͸ςϯϓϨʔτΤϯδϯΛ࢖͍ͬͯͨ w )5.-Λඳը͢ΔͨΊͷखஈΛఏڙ͍ͨ͠ͱࢥ͍ͬͯͨ
    w ςϯϓϨʔτΤϯδϯΛ࢖͓͏ʂ
    w ͔͠͠ɺଟ͘ͷ+BWB4DSJQUςϯϓϨʔτΤϯδϯ͸FWBM͕ඞཁͩͬͨΓGTʹ ґଘ͍ͯͨ͠
    
    $MPVE fl BSF
    8PSLFSTͰಈ͔ͳ͍
    w .VTUBDIF͚ͩಈ͘
16. ࣮ࡍʹ.VTUBDIFϛυϧ΢ΣΞ͸͋ͬͨ IUUQTHJUIVCDPNIPOPKTIPOPQVMM
17. ςϯϓϨʔτΤϯδϯͷબ୒ࢶ͕গͳ͍ w 8PSLFSTͰಈ͘΋͏ҰͭͷςϯϓϨʔτΤϯδϯNJDSPUFNQMBUFKTΛ࢖͏ͱ ͕ͨ͠ʜ
    w ݁ہςϯϓϨʔτΤϯδϯͷબ୒͕গͳ͍͜ͱ͸มΘΒͣ IUUQTHJUIVCDPNIPOPKTIPOPJTTVFT
18. l+49Λ࢖ͬͨΒͲ͏ͩʁz w ςϯϓϨʔτΤϯδϯͷ୅ΘΓʹ+49ͷγϯλοΫεΛ࢖ͬͯ)5.-Λग़ྗ͢ Ε͹͍͍ͷͰ͸ʁ
19. +49ϛυϧ΢ΣΞ͕ಋೖ͞ΕΔ IUUQTHJUIVCDPNIPOPKTIPOPQVMM w +49ΛαʔόʔαΠυͰ࣮ߦ͠ɺ)5.-౳Λग़ྗ͢Δ
21. +49Λ࢖͏͜ͱ͸)POPͷಛ௃ʹͳ͍ͬͯΔ 4VNNBSJ[F
    )BDLFS
    /FXT
    XJUI
    )POP
    
    $MPVE fl BSF
    IUUQTXXXZPVUVCFDPNXBUDI W8VP00B4HN*
22. αʔόʔαΠυ+49 w αʔόʔαΠυͰ+49Λ࢖͏ͱ͍͏Ξϓϩʔν͸༗ޮͩʂ
    
    )POPͰূ໌͞ Εͭͭ͋Δ
    w Ͱ+49ͱ͍͑͹ɺ3FBDU΋+49Ͱهड़͢Δ
    w )POPͰ͸ඪ४ͰIPOPKTYΛ࢖͍ͬͯΔ͕3FBDUΛ࢖͏͜ͱ΋Ͱ͖Δ
    w 3FBDUͳΒͰ͸ͷػೳ΋͋Δʢ͍͔ͭ͘͸IPOPKTYʹ΋औΓࠐ·Ε͍ͯΔʣ
23. ʮ3FBDUΛαʔόʔαΠυͰ࢖͏ͷ͋Γʂʯ ͍ΘΏΔ443Ͱ΋͋Δ
24. 
    3FBDUΛαʔόʔαΠυͰ࢖͏
25. 
    +49Λղऍͤ͞Δ w ֦ுࢠΛKTY͔UTYʹ͢Δ
    w UTDPO fi HKTPOΛฤू͢Δ
    w ͜ΕͰίϯύΠϥ͕+49Λ +BWB4DSJQUίʔυʹม׵ͯ͠ ͘ΕΔ
26. 
    +49Λॻ͘ w ී௨ʹ+49Λॻ͍͍͚ͯ͹ Α͍
27. 
    ϨϯμϦϯά͢Δ w ద੾ͳϝιουΛ࢖ͬͯ+49ΛϨϯμϦϯά͢Δ
28. ϨϯμϦϯά͢ΔͨΊͷϝιου w SFOEFS5P4USJOH
    GSPN
    ASFBDUEPNTFSWFSA
    w +49Λ)5.-จࣈྻʹͯ͠ฦ͢
    w SFOEFS5P4UBUJD.BSLVQ
    GSPN
    ASFBDUEPNTFSWFSA
    w 3FBDUݻ༗ͷଐੑ
    ྫ
    EBUBSFBDUJE
    Λ࡞Βͳ͍
    w SFOEFS5P3FBEBCMF4USFBN
    GSPN
    ASFBDUEPNTFSWFSA
    w +49Λ)5.-ʹͯ͠3FBECMF4USFBNͰฦ͢
29. 
    3FBDUͷศརͳػೳ
30. 
    %PDVNFOU
    .FUBEBUB w UJUMF
    
    NFUB
    
    MJOL
    ͕IFBEʹࣗಈతʹঢ֨͢Δ
    w ϝλσʔλͷר্͖͛
    w ಠࣗͰϝλσʔλΛηοτ͢ΔͨΊͷϩδοΫΛ࡞͍͚ͬͯͨͲɺ͜Ε͸ศརʂ
33. 
    3FTPVSDF
    -PBEJOH w ίϯϙʔωϯτ಺ͰϦιʔεώϯτ
    
    QSFMPBE
    
    QSFJOJU
    
    QSFDPOOFDU
    Λએݴ Ͱ͖Δ
    
    IFBEʹग़ྗ͞ΕΔ
36. JNHλάͷTSD͕ࣗಈతʹQSFMPBE͞ΕΔ݅ w ίϯϙʔωϯτ಺ͷJNHλάͷը૾͕ࣗಈతʹQSFMPBE͞ΕΔ
37. ༧ظͯ͠ͳ͍ڍಈͳͷ͔ʁ IUUQTHJUIVCDPNGBDFCPPLSFBDUJTTVFT
    ͪͳΈʹ
    MPBEJOHMB[ZΛ௥Ճ͢ΔͱແޮԽ͞ΕΔ
38. 
    4USFBNJOH
    
    4VTQFOTF w SFOEFS5P3FBECMF4SFBNΛ࢖͑͹ετϦʔϜΛฦ͢͜ͱ͕Ͱ͖Δ
    w 4VTQFOTF͕αʔόʔαΠυͷ࣮૷͚ͩͰ࢖͑Δ
    w ·ͣGBMMCBDLΛදࣔ
    
    ४උ͕Ͱ͖ͨΒίϯϙʔωϯτΛදࣔ
    w ΫϥΠΞϯτͷ+4ͳ͠Ͱʮ଴ͪͷؒͷϩʔσΟϯά6*ʯʮຊ෺ͷ಺༰ʯ
39. ࣌ؒࠩͰදࣔ͞ΕΔίϯϙʔωϯτ
41. 
    3FBDUͷΤίγεςϜΛ࢖͑Δ w ྫ
    -VDJEF
    3FBDU
43. 
    )POPͰ3FBDUΛ࢖͏
44. )POPͰ3FBDUΛ࢖͏ w +49Λॻ͍ͯϨϯμϦϯάͤͯ͞ద੾ʹϨεϙϯεΛฦͤ͹͍͍ SFOEFS5P4USJOH
    SFOEFS5P4UBUJD.BSLVQ SFOEFS5P3FBCMF4USFBN
45. )POPͷ3FOEFSFS w DSFOEFSͰ౉ͨ͠஋ΛͲ͏͢Δ͔ʁΛࢦఆ͓ͯ͘͜͠ͱ͕Ͱ͖Δ
    w ྫ
    +49ͷϨΠΞ΢τɺΧελϜ+40/Τϯίʔμʔ
46. 3FBDU
    3FOEFSFS
    .JEEMFXBSF w !IPOPSFBDUSFOEFSFS
    
    w DSFOEFSϝιουͰ࣮ߦͰ͖Δ3FBDUϕʔεͷϨϯμϥʔΛ؆୯ʹͭ͘ΕΔ
48. WJUFTTSDPNQPOFOUT w 3FBDUͱIPOPKTYΛαʔόʔαΠυͰ࢖ͬͯ7JUFͰ։ൃ͢Δ࣌ʹศརͳίϯ ϙʔωϯτ
    w 7JUF$MJFOU
    
    7JUFͷΫϥΠΞϯτεΫϦϓτΛૠೖ
    
    ϗοτϦϩʔυ
    w 4DSJQU-JOL
    
    Ξηοτ΁ͷύεղܾΛࣗಈతʹͯ͘͠ΕΔ Ϗϧυ࣌΋ؚ Ή
50. Ҏ্ɺͭ঺հ͖ͯ͠·ͨ͠
51. ͓·͚
52. ΋͘͠͸IPOPKTYΛ࢖͏ w AIPOPA͚ͩͰ࢖͑Δ
    w 3FBDUޓ׵ͷ"1*Λ͍͔͍ͭ࣋ͬͯ͘Δ
    w %PDVNFOU
    .FUBEBUB
    w 4USFBNJOH
    
    4VTQFOTF
    w !IPOPSFBDUDPNQBU
    w IPOPKTYΛ࢖͍ͭͭɺ3FBDUґଘͷϥΠϒϥϦΛ࢖͑Δ
53. ·ͱΊ
54. 3FBDUΛΫϥΠΞϯτͰ࢖Θͳ͍ w )POP͕+49ʹ໨Λ͚ͭͨ݅
    w 3FBDUΛαʔόʔαΠυͰ࢖͏
    w αʔόʔαΠυͰศརͳػೳ
    w )POPͰ3FBDUΛ࢖͏
55. 3FBDU͸ΫϥΠΞϯτ͚ͩͷ΋ͷͰ͸ͳ͍ʂ
    ͱ͍͏͜ͱΛ஌ͬͯ΋Β͑ͨΒΑ͔ͬͨͰ͢
56. ͋Γ͕ͱ͏͍͟͝·ͨ͠