Reactでアプリケーションを構築する多様化

TechFeed Conference 2022で使用した資料
https://techfeed.io/events/techfeed-conference-2022

Twitter
https://twitter.com/__sakito__

Transcript

1. 3FBDUͰΞϓϦέʔγϣϯΛߏங ͢Δଟ༷Խ 
2.  ࣗݾ঺հ ɾTBLJUP !@@TBLJUP@@
   ɾαΠϘ΢ζגࣜձࣾ
   ɾ%FTJHO
   5FDIOPMPHJTU
   ɾ3FBDU΍σβΠϯγεςϜ΍ͬͯ·͢
3.  3FBDU͸6*ϥΠϒϥϦͷͭ
4.  3FBDUͰΞϓϦέʔγϣϯΛߏங͢Δखஈ͕૿͖͑ͯͨ
5.  ͞·͟·ͳબ୒ࢶ͕͋Γɺ
   3FBDUΛϕʔεʹΞϓϦέʔγϣϯΛߏஙͰ͖Δ 
 ϑϨʔϜϫʔΫ͕૿͖͑ͯͨͷͰ঺հ
6.  ໊લɿ/FYUKT
   ։ൃձࣾɿ7FSDFMࣾ
   63-ɿIUUQTOFYUKTPSH
   ϝδϟʔϦϦʔε೔ɿ೥݄
   ݱࡏͷόʔδϣϯɿWܥ w 3FBDUͷ୅දతͳϑϨʔϜϫʔΫ
   w XFCQBDL 48$ 4WFMUF 5FSCPSFQPͳͲஶ໊ͳ044։ൃऀ͕ࡏ੶
   w (PPHMFͷ044ίϥϘϨʔγϣϯ"VSPSBνʔϜɺ3FBDU
   $PSF
   5FBNͱ΋։ൃ
   w 8FC΍3FBDUͷϕετϓϥΫςΟεΛ։ൃऀϢʔβʔ྆ํ΁ఏڙ
7.  ໊લɿ(BUTCZ
   ։ൃձࣾɿ(BUTCZࣾ
   63-ɿIUUQTXXXHBUTCZKTDPN
   ϝδϟʔϦϦʔε೔ɿ೥݄
   ݱࡏͷόʔδϣϯɿWܥ w 3FBDUΛϕʔεʹͨ͠੩తαΠτδΣωϨʔλʔ
   w ςʔϚ΍ελʔλʔ΋๛෋
   w σʔλͷ΍ΓऔΓ͸جຊతʹ(SBQI2-ϕʔε
   w σʔλΛ΍ΓͱΓ͢ΔϓϥάΠϯػߏͳͲɺ 
 8FCαΠτΛߏங͢ΔιϦϡʔγϣϯΛఏڙ͍ͯ͠Δ
8.  ໊લɿ3FNJY
   ։ൃձࣾɿ3FNJYࣾ
   63-ɿIUUQTSFNJYSVO
   ϝδϟʔϦϦʔε೔ɿ೥݄
   ݱࡏͷόʔδϣϯɿWܥ w 3FBDU
   3PVUFSΛ࡞͍ͬͯͨਓ͕ͨͪ࡞Γɺ3FBDU
   5FTUJOH
   MJCSBSZͷ࡞ऀ΋Ճೖ
   w 4FSWFS$MJFOU
   .PEFMͱ͍͏σʔλαʔόʔͱΫϥΠΞϯτͷ෼཭Λ࠾༻
   w 'PSNͷ΍ΓऔΓɺαʔόʔ্ͰͷσʔλऔಘͳͲͷιϦϡʔγϣϯͷఏڙ
   w 44(ͳͲ͸ͳ͘&EHFαʔόʔ্Ͱͷ࣮ߦͰߴ଎ͳମݧΛಘΕΔΑ͏ʹ
   w ϕϯμʔϩοΫΠϯ͞Εͳ͍ͷͰ͞·͟·ͳ؀ڥͰମݧ͕มΘΒͳ͍
9.  ໊લɿ#MJU[
   ։ൃձࣾɿ'MJHIUDPOUSPM
   63-ɿIUUQTCMJU[KTDPN
   ϦϦʔε೔ɿ೥݄
   ݱࡏͷόʔδϣϯɿWܥ w 3VCZ
   PO
   3BJMTͷΑ͏ͳ3FBDUϥΠΫͷ΋ͷΛٻΊͯ։ൃ͞Εͨ
   w /FYUKT
   
   1SJTNBͰ3VCZ
   PO
   3BJMTͷΑ͏ͳମݧͰΞϓϦέʔγϣϯ։ൃΛ
   w ௚ۙ'VUVSF
   PG
   #MJU[ͱͯ͠ɺ/FYUKTͷΑ͏ͳ΋ͷʹґଘ͠ͳ͍ 
 ΞʔΩςΫνϟʹมߋ͞ΕΔ༧ఆ
   w IUUQTCMJU[KTDPNEPDTCMJU[QJWPU
   w #MJU[։ൃऀͰ'MJHIUDPOUSPMͱ͍͏αʔϏεΛى͍ͯ͜͠Δ
10.  ໊લɿ
    3FEXPPE+4
    ։ൃձࣾɿͳ͠
    63-ɿIUUQTSFEXPPEKTDPN
    ϦϦʔε೔ɿ೥݄
    ݱࡏͷόʔδϣϯɿWܥ w (JU)VCͷڞಉ૑ۀऀͰ͋Γɺ+FLZMMͷ։ൃऀ͕ڞಉ։ൃऀ
    w ձࣾͰ͸ͳ͍͕1SFTUPO8FSOFS
    7FOUVSFTܦ༝ͷϑΝϯυͱͯ͠ɺ 
 3FEXPPE
    4UBSUVQ
    'VOE͕͋Δ
    w 3FBDU
    
    (SBQI2-
    
    1SJTNBͰͷΞϓϦέʔγϣϯ։ൃΛఏڙ
    w ೝূɺςετɺ'PSNɺ3PVUFSͳͲ΋ఏڙ͞Ε͍ͯΔ
11.  ·ͱΊ w 3FBDUΛத৺ͱͨ͠ϑϨʔϜϫʔΫͷϝδϟʔόʔδϣϯϦϦʔε͕૿͖͑ͯͨ
    w ձࣾ΍αʔϏε͕എܠʹͳ͍ͬͯΔ΋ͷ͕ग़͖͍ͯͯΔ
    w ͦΕͧΕͷϑϨʔϜϫʔΫʹಛ௃͕͋Δ
    w ͜ΕΒͷ৘ใΛ௥͏͜ͱͰɺ։ൃͷঢ়گʹΑͬͯબ΂Δखࡳ͕૿͑Δ