React は次の10年を生き残れるか：3つのトレンドから考える

by Yuka O’oka

Slide 1

Slide 1 text

େԬ༝Ղʢ͘ΔΈׂΓॻ๪ʣ 3FBDU͸࣍ͷ೥Λ ੜ͖࢒ΕΔ͔ ͭͷτϨϯυ͔Βߟ͑Δ

Slide 2

Slide 2 text

೥ݱࡏɺ3FBDUͷμ΢ϯϩʔυ਺͸Ϳͬͪ͗Γ npm trends, Jul. 2025

Slide 3

Slide 3 text

+4։ൃऀʹΑΔγΣΞͰ΋೥Ҏ্τοϓΛҡ࣋ State of JavaScript 2024: Front-end Frameworks

Slide 4

Slide 4 text

͜ͷ஍Ґ͸͜Ε͔Βઌ΋൫ੴ͔ 🔹ʮ޷ࣄຐଟ͠ʢ͜͏͡·͓͓͠ʣʯ ҙຯɿ෺ࣄ͕͏·͍͍ͬͯ͘Δͱ͖΄ͲɺࢥΘ͵ࡂ͍΍๦͕͛ ى͜Γ΍͍͢ɻ 🔹ʮཅۃ·Ε͹ӄʹసͣʢΑ͏͖Θ·Ε͹͍ΜʹͯΜͣʣʯ ҙຯɿ෺ࣄ͕ۃ୺ͳঢ়ଶʹୡ͢Δͱɺͦͷ൓స͕ى͜Δͱ͍͏ ͜ͱɻ౦༸ࢥ૝ʹ͓͚Δӄཅ࿦ʹج͍ͮͨݴ༿ɻ

Slide 5

Slide 5 text

ຊ೔ͷςʔϚ 3FBDU͕όʔδϣϯͱͯ͠ॳΊͯެ։͞Εͨͷ͸೥݄ɻ ʮ೥ʹҰ౓ݱΕΔήʔϜνΣϯδϟʔʯͱݴΘΕͭͭɺొ৔͔Β΋͏೥ɻ ϑϩϯτΤϯυϑϨʔϜϫʔΫͱͯ͠͸ѹ౗తͳγΣΞΛތΔ3FBDU͕ͩɺ ͦ͜ʹ໡఺͸ͳ͍ͷ͔ɻ 3FBDU͕ਐΜͰ͍Δํ޲͸ਖ਼͍͠ͷ͔ʁɹ ஌Βͳ͍಺ʹτϨϯυ͔ΒऔΓ࢒͞Ε͍ͯͳ͍͔ʁ ͦΕΛߟ࡯͍͖͍ͯͨ͠ɻ

Slide 6

Slide 6 text

ࣗݾ঺հ େԬ༝Ղ !PVLBZVLB ৽ਓͱઌഐͷର࿩ܗࣜͰΘ͔Γ΍ֶ͘͢΂Δ 3FBDUڭຊʰΓ͋ΫτʂʱγϦʔζͷ࡞ऀɻ ݱ৔ͷΤϯδχΞͷޱίϛͰධ൑Λݺͼɺ γϦʔζྦྷܭച্ສઍ෦Λಥഁʂ ࠷৽3FBDU ʹରԠɺ3FBDU3PVUFS ΍/FYUKTʹΑΔ࡞ྫΛ๛෋ʹܝࡌͨ͠ վగ ൛ΛʹϦϦʔεɻ IUUQTPVLBZVLBCPPUIQN Ͱൢചதʂ ˞3FBDU5PLZP ϝϯόʔʹ΋ߍਖ਼ʹ͝ڠྗ͍͖ͨͩ·ͨ͠ 🙇 ങͬͯͶ ͓͓ ͓͔Ώɹ͔

Slide 7

Slide 7 text

ࠓ౓͜Μͳηογϣϯ΋΍Γ·͢ IUUQTXBLFDBSFFSDPOOQBTTDPNFWFOU

Slide 8

Slide 8 text

KTGSBNFXPSLCFODINBSLΛ͝ଘ஌Ͱ͔͢ʁ IUUQTHJUIVCDPNLSBVTFTUKTGSBNFXPSLCFODINBSL ͜Ε͸ෳ਺ͷ+BWB4DSJQUϑϨʔϜϫʔΫʢछ ྨʣΛର৅ͱͨ͠γϯϓϧͳϕϯνϚʔΫͰ͢ɻ͜ͷ ϕϯνϚʔΫͰ͸ɺϥϯμϜԽ͞ΕͨΤϯτϦΛؚΉ େ͖ͳςʔϒϧʢ ߦʣΛ࡞੒͠ɺϨϯμϦϯά ࣌ؒΛؚΉ༷ʑͳૢ࡞ʹ͔͔Δ࣌ؒΛଌఆ͠·͢ɻ

Slide 9

Slide 9 text

ϦΞΫςΟϏςΟͷύϑΥʔϚϯε ⋮

Slide 10

Slide 10 text

ϝϞϦޮ཰ ⋮

Slide 11

Slide 11 text

సૹαΠζ

Slide 12

Slide 12 text

݁࿦ɿ 3FBDUͷύϑΥʔϚϯε͸ ओཁϑϨʔϜϫʔΫͷதͰ͸ ΄΅ ࠷ԼҐ ͷ෦ྨ

Slide 13

Slide 13 text

ଞͷϑϨʔϜϫʔΫͷؒͰ޿͕͍ͬͯΔτϨϯυ͔Β3FBDU͕औΓ࢒͞Ε͍ͯΔɻ 3FBDUͷΞʔΩςΫνϟ͸ެ։౰࣌͸ֵ৽తͰɺଞͷϑϨʔϜϫʔΫ͕ͧͬͯ͜ ௥ਵͨ͠ɻ ͔ͦ͠͠ͷޙͷ3FBDUҎ֎͔Βੜ·ΕͨΠϊϕʔγϣϯ͕ଞͷϑϨʔϜϫʔΫʹ ޿·Δ͍ͬΆ͏ɺ3FBDU͸ͦΕʹ௥ਵͤͣզ͕ಓΛาΜͰ͍ΔͨΊɺޙൃʹͲΜ ͲΜൈ͔Εͯݱࡏͷϙδγϣϯʹ·Ͱసམͨ͠ɻ ͳͥͳͷ͔ʁ

Slide 14

Slide 14 text

ͻͱͭΊͷτϨϯυ 4JHOBMT ʢ'JOF(SBJOFE3FBDUJWJUZʣ

Slide 15

Slide 15 text

Ծ૝%0.͸஗͍ʁ wԾ૝%0.πϦʔͷอ࣋͸ϝϞϦ࢖༻ྔΛ૿Ճͤ͞Δ wॳճϨϯμϦϯά࣌ͷπϦʔߏஙɺ࠶ϨϯμϦϯά࣌ͷࠩ෼ݕग़ͷܭࢉίετ

Slide 16

Slide 16 text

4PMJE+4͕ൃ໌ͨ͠4JHOBMTͱ͸ wίϯϙʔωϯτͷ࠶ϨϯμϦϯάΛཁͣ͞ɺ6*ΛϐϯϙΠϯτͰมߋ͢Δ w஋ͷมߋ͕ଈ࠲ʹ6*ʹ൓ө͞ΕΔ wґଘͷ௥੻͕શࣗಈʢ˞3FBDUͷΑ͏ͳґଘ഑ྻͷઃఆ͕ෆඞཁʣ wuseStateɺuseEffectϥΠΫͳΠϯλʔϑΣʔε Ծ૝%0.Λ༻͍ͣɺ͖Ίࡉ΍͔ͳϦΞΫςΟϏςΟΛ࣮ݱ͢Δ͘͠Έ (fine-grained)

Slide 17

Slide 17 text

!QSFBDUTJHOBMT

Slide 18

Slide 18 text

4JHOBMTͷ։ൃऀମݧͷΑ͞ w࠶ϨϯμϦϯάͷ৚݅ɺґଘ഑ྻɺϝϞԽͷٞ࿦͔Β։์͞ΕΔ wʮίϯϙʔωϯτͷதͰͷΈ࢖༻Մʯʮ੍ޚߏจͷதͰ͸࢖༻ෆՄʯ ͷΑ͏ͳ3VMFTPG)PPLTʹറΒΕͳ͍ wίϯϙʔωϯτͷதͰ΋֎Ͱ΋ؔ܎ͳ͘࢖͑ΔͷͰɺάϩʔόϧͳ ঢ়ଶ؅ཧʹ΋ར༻Ͱ͖Δ

Slide 19

Slide 19 text

3FBDUҎ֎͸4JHOBMTΛಋೖࡁΈʗಋೖ༧ఆ w 1SFBDUʢ೥݄ɺ!QSFBDUTJHOBMTʣ w 2XJLWʢ೥݄ʣ w "OHVMBSWʢ೥݄ʣ w -JUʢ೥݄ɺ!MJUMBCTTJHOBMTʣ w 4WFMUFWʢ೥݄ʣ w 7VFKT7BQPS.PEFʢ։ൃதʣ

Slide 20

Slide 20 text

3FBDU͸Ͳ͏ͳͷʁ wٞ࿦͸ఏى͞Ε͍ͯΔ͕ɺ·ͩԿ΋ਐల͍ͯ͠Ͱͳ͍ w3FBDU$PNQJMFSʹ஫ྗ͍ͯ͠ΔͨΊɺ௚ۙͰ͸ಋೖͦ͠͏ʹͳ͍ w!QSFBDUTJHOBMTSFBDU͕͍͓ͪ͏࢖͑Δ͕ʜʜ

Slide 21

Slide 21 text

;ͨͭΊͷτϨϯυ ;FSP3VOUJNF

Slide 22

Slide 22 text

ͳͥ͜Μͳʹ͕ࠩ͋Δͷ͔ʁ

Slide 23

Slide 23 text

3FBDUͷసૹαΠζ͕େ͖͍ཧ༝ w࠷ॳʹେྔͷϥϯλΠϜίʔυΛؙ͝ͱૹΔઃܭ wԾ૝%0.ߏங͓Αͼࠩ෼ݕग़γεςϜɺεέδϡʔϥͳͲ ࠷௿ݶͷಈ࡞ʹඞཁͳίʔυ͕ඇৗʹଟ͍ wޙํޓ׵ੑΛ༏ઌͯ͠ɺաڈͷ"1*ʹґଘͨ͠ϨΨγʔͳίʔυΛ ࣺ͖ͯΕ͍ͯͳ͍

Slide 24

Slide 24 text

4WFMUF͸ίϯύΠϥ wϏϧυ࣌ʹ4WFMUFίϯϙʔωϯτΛ७ਮͳ+BWB4DSJQUʹม׵ wϑϨʔϜϫʔΫݻ༗ͷϥϯλΠϜίʔυΛ΄ͱΜͲؚ·ͳ͍

Slide 25

Slide 25 text

4WFMUFΞϓϩʔνͷ௥ਵऀ w4PMJE+4 w2XJL w7VFKT7BQPS.PEFʢ։ൃதʣ ˞ίϯύΠϧ͸͢Δ͕ɺ࠷খݶͷϥϯλΠϜΛอ࣋

Slide 26

Slide 26 text

3FBDU͸Ͳ͏ͳͷʁ wͦΕ͔ΒԿͷԻࠫଡ΋ͳ͍ͷͰɺࠓޙ΋ಋೖ͞ΕΔ͜ͱ͸ͳͦ͞͏ wͰͳ͚Ε͹ࣗಈϝϞԽπʔϧʹʮ3FBDU$PNQJMFSʯͱ͍͏ ໊લ͸͚ͭͳ͍ΑͶʜ w)PPLTϦϦʔε௚ޙ͸͜Μͳ͜ͱ΋ݴ͍ͬͯͨ

Slide 27

Slide 27 text

ΈͬͭΊͷτϨϯυ ;FSP+BWB4DSJQU

Slide 28

Slide 28 text

;FSP+BWB4DSJQUΛചΓʹ͢ΔϑϨʔϜϫʔΫ

Slide 29

Slide 29 text

ʮ;FSP+BWB4DSJQUʯͱ͸ɺϒϥ΢βʹૹ৴͞ΕΔ+BWB4DSJQUίʔυ͕ σϑΥϧτͰθϩͱ͍͏͜ͱɻͦͷඞཁ͕ͳ͍ͷʹ+BWB4DSJQUίʔυΛ ૹΓ͚ͭͯ)ZESBUJPO͠ͳ͍ɻ ϖʔδ͸αʔόͰϨϯμϦϯά͞Εɺ੩తͳ)5.-ͱ$44͚͕ͩಧ͘ɻ +BWB4DSJQU͕ඞཁͳγʔϯͰ͸ɺ։ൃऀ͕໌ࣔతʹΦϓτΠϯͨ͠෦෼ ͚ͩΛݸผʹ഑৴͢Δʢ˞ޙड़ʣ +4ϑϨʔϜϫʔΫͰ+4Λθϩʹ͢Δͱ͸ʁ

Slide 30

Slide 30 text

*TMBOET"SDIJUFDUVSF ੩తͳίϯϙʔωϯτ܈ͷதʹɺಈతͳཁૉ ΛؚΉίϯϙʔωϯτΛͦ͜ʹු͔Ϳʮౡʯ ͱͯ͠ಠཱͤ͞ɺݸผʹඞཁͳ)ZESBUJPO Λߦ͏ઃܭύλʔϯɻ ഑৴ɾ࣮ߦ͞ΕΔ+BWB4DSJQU͕খ͍ͨ͞Ίɺ ίϯςϯπओಋܕͷαΠτʹ͓͍ͯ͸ѹ౗త ͳύϑΥʔϚϯεΛൃش͢Δɻ

Slide 31

Slide 31 text

2XJL 3FTVNBCMFͱ͸ʁ ॳظϩʔυ࣌͸L#΄ͲͷϥϯλΠϜ͚ͩΛμ΢ϯϩʔυɻϢʔβʔૢ࡞͕ى ͖ͨॠؒʹ͚ͩඞཁίʔυΛऔΓدͤͯॲཧΛ࠶։͢Δٕज़ɻ )ZESBUJPOΛ׬શʹഉআɻཁૉΛΫϦοΫͨ͠ͱ͖ͳͲʹɺνϟϯΫԽ͞Εͨ ࠷খݶͷ+BWB4DSJQUίʔυ͕μ΢ϯϩʔυ͞Ε࣮ߦ͞ΕΔɻ ͋ΒΏΔλΠϓͷ8FCΞϓϦέʔγϣϯʹରԠͨ͠ɺΦʔόϔουΛۃݶʹ· Ͱ࠷খԽͰ͖ΔΞʔΩςΫνϟɻ

Slide 32

Slide 32 text

3FBDU͸Ͳ͏ͳͷʁ 4FMFDUJWF)ZESBUJPOʢඞཁͳ෦෼͔Βͷॱ࣍ϋΠυϨʔγϣϯʣɺ 4USFBNJOH)5.-ʢ)5.-Λ෼ׂɺॱ࣍ૹ৴ʣ͸3FBDUʹͯ ରԠࡁΈɻ ͦΕҎ্ͷ͜ͱ͸ϨΨγʔίʔυͱͷ݉Ͷ߹͍΍ɺ%9΁ͷѱӨڹ͕ ߟ͑ΒΕΔͨΊকདྷతͳಋೖͷՄೳੑ͸ɺ΄΅θϩͩΖ͏ɻ

Slide 33

Slide 33 text

3FBDUͷࠓޙ ύϑΥʔϚϯεͰѹ౗తʹྼΔ3FBDU͕τοϓΛҡ࣋Ͱ͖͍ͯΔͷ ͸ɺύϑΥʔϚϯεΑΓ%9Λ༏ઌͤ͞Δ࢟੎͕։ൃऀʹࢧ࣋͞Εͯ ͖ͨͨΊɻ ͔͠͠࠷ۙͷ3FBDU͸34$ͳͲɺෳࡶ͞Λ૿͠ͳ͕ΒҰൠͷ։ൃऀ ʹͱͬͯͷ%9޲্ʹ͸ԿΒߩݙ͠ͳ͍ٕज़ͷಋೖʹ݂ಓΛ্͛ͯ ͍Δɻ ύϑΥʔϚϯεͰѹ౗͢Δ৽ਐͷϑϨʔϜϫʔΫ͕%9Ͱ΋௥͍͍ͭ ͖ͯͨͱ͖ɺ͸ͨͯ͠3FBDUͷԦ࠲͸҆ହͰ͍ΒΕΔͷ͔ɻ

Slide 34

Slide 34 text

No content