React 使いじゃなくても知っておきたい教養としての React

େԬ༝Ղʢ͘ΔΈׂΓॻ๪ʣ 3FBDU使いじゃなくても知っておきたい教養としての3FBDU Re act as a Liberal A
rts

ຊ೔ѻ͏಺༰ ᶃ3FBDU͸ͳͥ೉͍͠ͷ͔ ᶄ3FBDU͸ͳͥ͜Ε΄Ͳ·Ͱʹ੒ޭͨ͠ͷ͔ ᶅ)PPLT͸ͲͷΑ͏ʹͯ͠ੜ·Εͨͷ͔ ᶆ34$͸ͳͥಋೖ͕ਐ·ͳ͍ͷ͔ ᶇ3FBDU͕ϝλϑϨʔϜϫʔΫ্Ͱ࢖ΘΕΔΑ͏ʹͳͬͨͷ͸ͳ͔ͥ

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

3FBDU͸ͳͥ೉͍͠ͷ͔ʁ ᶃ

3FBDU͸೉͍͠ʂͱ͍͏ԇᅀͷ੠

3FBDU͸ֶशۂઢ͕ٸͳͨΊɺཧղ͕ਐΜͰ͋Δಛҟ఺Λ௒͑Ε͹ɺ ೉ղʹࢥ͍͑ͯͨίʔυ΋ᡰʹམͪͯಡΈॻ͖Ͱ͖ΔΑ͏ʹͳΔɻ Ώ͑ʹॳ৺ऀͱத্ڃऀͷؒͰҙࣝͷΪϟοϓ͕େ͖͍ɻ طଘͷνʔϜʹ3FBDUॳ৺ऀͷ৽ਓ͕์Γࠐ·ΕΔͱɺ ͋·Γʹ΋ίʔυ͕ಡΊͳ͗ͯ͢͞িܸΛड͚Δɻ ͦͯ͠طଘϝϯόʔʹਘͶͯ΋ɺ͓ޓ͍ʮԿ͕Θ͔Βͳ͍ ͷ͔Θ͔Βͳ͍ʯঢ়ଶʹؕΓ͕ͪɻ ԼखΛ͢Δͱ৽ਓͪΌΜ͸৺ΛපΉӋ໨ʹʜʜ

ؔ਺ܕϓϩάϥϛϯά ΁ͷཧղෆ଍ 3FBDU͕೉͘͠ࢥ͑ΔཁҼͦͷ̍ɿ

ެࣜυΩϡϝϯτʹ͠Εͬͱॻ͔Ε͍ͯΔྫ ͜ΕͲ͔ͬΒདྷͨʁ ଐੑ஋ʹؔ਺͕ ౉͞ΕͯΔʁ ϑΥʔϜͷ࢖͍ํ ෭࡞༻ͷఆٛ "1*͕໭Γ஋ʹؔ਺Λฦͯ͠Δ "1*ͷҾ਺ʹແ໊ؔ਺Λ౉ͯ͠Δ Ҿ਺ͱͯ͠౉ͨؔ͠਺ʹ ͦͷ໭Γ஋ͱͯؔ͠਺Λઃఆ
Θ͔Γʹ͍͕͘ɺ͜Ε͸"1*ͷ ୈ̎Ҿ਺ͱͯ͠౉ͯ͠Δ഑ྻ

·ֶͣͿ΂͖͸ɺ+BWB4DSJQUʹΑΔؔ਺ܕϓϩάϥϛϯά w3FBDU͸6*Λ७ਮؔ਺Ͱදݱ͢Δ wಉ͡ೖྗʢQSPQT΍TUBUFʣʹରͯ͠ৗʹಉ͡ ग़Λ͢ΔίϯϙʔωϯτΛ6*ͷ࠷খ୯Ґͱ ͯ͠ɺͦΕΛ૊Έ߹ΘͤΔ͜ͱͰΞϓϦέʔ γϣϯΛ࡞Δ w3FBDU։ൃͰؔ਺ܕϓϩάϥϛϯά͕ଟ༻͞ΕΔཧ༝ w্ड़ͷʮએݴత6*ʯͱͷ਌࿨ੑ wಠཱੑ͕ߴ͍ͨΊɺػೳͷ߹੒΍࠶ར༻͕͠΍͍͢ w༧ଌՄೳͰςετ͠΍͍͢

Ώ͑ʹʰΓ͋ΫτʂʱͰ΋ୈ̏ষͰѻͬͯ·͢ ʲᶃݴޠɾ؀ڥฤʳ

ίϯϙʔωϯτϕʔε ΞʔΩςΫνϟ΁ͷཧղෆ଍ 3FBDU͕೉͘͠ࢥ͑ΔཁҼͦͷ̎ɿ

3FBDUίϯϙʔωϯτͷίʔυ ϩδοΫ Ϗϡʔ ͳͥίϯϙʔωϯτͷதͰ ࠞͥͥ͜ʹॻ͘ͷ͔ ࠷ۙ͸ελΠϧઃఆ΋ ίϯϙʔωϯτͷதʹ هड़͢Δ MVC

ϑϩϯτΤϯυͰ.7$ύλʔϯ͸XPSL͠ͳ͍ wͨͱ͑͹'BDFCPPLͷλΠϜϥΠϯͰ͸ʜ w ֤౤ߘ͸ɺಠࣗͷঢ়ଶʢ͍͍Ͷ਺ɺίϝϯτల։ঢ়ଶɺ ฤूϞʔυͳͲʣΛ࣋ͪ w ౤ߘ͸ແݶʹεΫϩʔϧ͞Εͯ௥Ճ͞ΕΔ w ౤ߘϑΥʔϜ͸ೖྗ಺༰ʹԠͯ͡6*͕ϦΞϧλΠϜͰ มԽ͢ΔʢˏϚʔΫͰαδΣετɺ63-ͰΧʔυදࣔʣ
w ௨஌ύωϧɺϝοηʔδɺνϟοτͳͲɺ͋ΔΠϕϯτ ͕ى͖Δͱɺෳ਺ͷ6*ͷ෦෼ʹ೾ٴతʹӨڹ͕ग़Δ w3FBDU͕૝ఆ͍ͯ͠Δͷ͸ɺ.PEFMͱີ઀ʹ݁ͼ͍ͭͨϑΥʔϜ͕ϖʔδ ʹͻͱͭͱ͍ͬͨچདྷͷγϯϓϧͳΞϓϦͰ͸ͳ͍ ˠ.7$ Λద༻͢Δͱෳࡶ౓͕രൃ͢Δ

3FBDUͰ͸ؔ৺ͷ෼཭ͷ୯Ґ͕lػೳz w.7$ύλʔϯͰ͸ɺlٕज़ͷ໾ׂz ʹΑͬͯؔ৺ͷ෼཭Λߦ͍ͬͯΔ wϩδοΫ͸ϖʔδ$POUSPMMFSɺ7JFX͸ςϯϓϨʔτͱͯ͠෼཭ w3FBDUͰ͸ɺ lػೳz Ͱ෼ׂ͞Εͨಠཱੑͷߴ͍ϩδοΫͱϏϡʔͷմΛ ϨΰϒϩοΫͷΑ͏ʹ૊Έ߹ΘͤΔ͜ͱͰΞϓϦέʔγϣϯΛߏங͢Δ Component-Based Architecture

ʰΓ͋ΫτʂʱͰ΋ୈ̑ষͰѻͬͯ·͢ ʲᶄ3FBDU جૅฤʳ

5ZQF4DSJQUͷ ެࣜαϙʔτ͕ͳ͍ 3FBDU͕೉͘͠ࢥ͑ΔཁҼͦͷ̏ɿ

ެࣜυΩϡϝϯτ͸Ҏ্͕+BWB4DSJQU wݱ৔Ͱ͸΄ͱΜͲͷίʔυ͕5ZQF4DSJQUͰॻ͔Ε͍ͯΔͷʹʜ w֤ػೳͷ5ZQF4DSJQUͰͷॻ͖ํ͕Θ͔Βͳ͍ w"1*ϦϑΝϨϯε΋ܕ৘ใ͕ͳ͍͔Βख୳Γঢ়ଶ w3FBDUຊମͷܕఆٛϑΝΠϧ΋ඇެࣜͷͨΊɺ࢖༻͸ࣗݾ੹೚ w5ZQF4DSJQUͷυΩϡϝϯτ͸👉 ͷϖʔδͷΈ

.FUB͸'MPXͱ͍͏੩తܕνΣοΧʔΛݹ͔͘Βࣗࣾ։ൃ͓ͯ͠Γɺ 3FBDUͷίʔυϕʔε͸'MPXͰܕ෇͚͞Ε͍ͯΔɻ ࠓ΍5ZQF4DSJQUҰڧ࣌୅ͱͳΓɺ΋͸΍'MPX͸.FUBҎ֎ʹ୭΋ ࢖͍ͬͯͳ͍ঢ়گ͕ͩɺطଘͷڊେͳίʔυϕʔεΛ͢΂ͯ5ZQF4DSJQU Ͱॻ͖׵͑Δͷ͸๲େͳίετ͕͔͔ΔͷͰ'MPXʹΑΔ։ൃ͕ଦੑͰ ଓ͍͍ͯΔɻ ͳͥͳͷ͔ʁ

ରࡦɿ5ZQF4DSJQUͰॻ͔ΕͯΔڭࡐΛ࢖͍·͠ΐ͏

3FBDU͸ͳͥ͜Ε΄Ͳ·Ͱʹ ੒ޭͨ͠ͷ͔ ᶄ

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

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

ʮ3FBDU ͸ ೥ʹҰ౓ݱΕΔήʔϜνΣϯδϟʔʯ w3VCZPO3BJMTʢ೥ʹެ։ʣ w .7$ Ϟσϧͱ
3&45GVM ΞʔΩςΫνϟͷ༥߹ w ͦͷੜ࢈ੑͷߴ͞͸ɺελʔτΞοϓاۀʹඞཁ ͳॳظ଎౓ͱԾઆݕূΛՄೳʹͨ͠ w FHॳظ 5XJUUFSɺ(JU)VCɺ4IPQJGZ w3FBDUʢ೥ʹެ։ʣ w ίϯϙʔωϯτϕʔεΞʔΩςΫνϟͱɺ6* ϦΞΫςΟϏςΟ໰୊Λ෋߽తʹ ղܾͨ͠Ծ૝ %0. w Ϧονͳ 6* Λ࣮ݱ͢Δ 41" ΛຽओԽͨ͠ w FH*OTUBHSBNɺ'BDFCPPLɺ5XJUUFSɺ/FU fl JYɺ"JSCOC

3FBDU͕ม͑ͨʮήʔϜʯ ͱ͸Կͩͬͨͷ͔ʁ

એݴత6*΁ͷύϥμΠϜγϑτ w3FBDUొ৔Ҏલ͸ 6* ͷมߋ͸l໋ྩతzʹߦ͏ͷ͕Ұൠతͩͬͨ wʮ͜ͷϘλϯ͕ΫϦοΫ͞ΕͨΒɺ͜ͷཁૉͷςΩετΛ͜͏ม͑ͯɺ ͋ͪΒʹ͋ͷΫϥεΛ௥Ճ͢Δʯͱ͍ͬͨΑ͏ʹɺ6* ͷมߋखॱΛஞҰ ίʔυͰهड़͢Δํࣜ w3FBDU͕ಋೖͨ͠એݴత 6*
ͱ͸ wঢ়ଶʹԠͨ͡ 6* ͷ͋Δ΂͖࠷ऴతͳ࢟ΛίʔυͰهड़͢Ε͹ɺ3FBDU ͕ ͦ͏ͳΔΑ͏ʹ %0. ͷมߋΛ͢΂ͯࣗಈͰߦͬͯ͘ΕΔ

ίϯϙʔωϯτϕʔεͷ։ൃͷීٴ w6* Λ࠶ར༻Մೳͳಠཱͨ͠෦඼ʢίϯϙʔωϯτʣͱͯ͠։ൃ͢Δߟ͑ํΛ ओྲྀʹͨ͠ w8FC ඪ४ͱͯ͠ಉ࣌ظʹ࢓༷ࡦఆ͕࢝·͍ͬͯͨ8FC$PNQPOFOUTͷ ཧ૝ͱਤΒͣ΋ಉ͡΋ͷΛɺطʹ͋ͬͨ+BWB4DSJQUͰ࣮ݱ͠ఏڙͨ͠ w։ൃʹ͓͚Δ༷ʑͷ୯Ґ͕ίϯϙʔωϯτʹ wϘλϯ΍ΧʔυͳͲͷ 6*
ίϨΫγϣϯΛఏڙ͢Δ 6* ϥΠϒϥϦ wϧʔςΟϯά΍ϑΥʔϜϥΠϒϥϦͳͲͷ "1* ΋ίϯϙʔωϯτͰఏڙ wίϯϙʔωϯτ୯Ґͷιϑτ΢ΣΞςετɺ6* ελΠϧΨΠυ

+49 ͷൃ໌ wςϯϓϨʔτߏจͷฐ֐ w ಠࣗߏจʹΑΔֶशίετͷߴ͞ w දݱྗ͕௿͘ɺෳࡶͳϩδοΫΛςϯϓϨʔτʹॻ͖ʹ͍͘ w+BWB4DSJQU ͷߏจ֦ுͱͯ͠ 6*
Λهड़Մೳʹͨ͠ +49 τϥϯεύΠϧ w+BWB4DSJQU ͚ͩͰϩδοΫ͔ΒϏϡʔ·ͰΛҰ؏ͯ͠هड़Մೳʹ wίϯϙʔωϯτ͸ +49 Λฦͨͩ͢ͷ +BWB4DSJQU ؔ਺ ๻ͨͪ+49νʔϜ

)PPLT ͸ͲͷΑ͏ʹͯ͠ ੜ·Εͨͷ͔ ᶅ

ݹདྷɺίϯϙʔωϯτ͸Ϋϥεͩͬͨ wެ։౰ॳ͸&4͢Βଘࡏ͓ͯ͠Βͣɺ createClass ϝιουͰΫϥείϯϙʔωϯτ Λੜ੒͍ͯͨ͠ w೥݄ϦϦʔεͷW͔Βɺ&4 ͷඪ४ΫϥεߏจͰίϯϙʔωϯτΛهड़͢Δ Α͏ʹ wίϯϙʔωϯτʹঢ়ଶΛ΋ͨͤͨΓɺϩδοΫ Λ೚ҙͷϥΠϑαΠΫϧͷλΠϛϯάͰ࣮ߦ
͢Δ࢓૊ΈΛ༻ҙ͢Δʹ͸ɺΫϥεΛ࢖͏ͷ͕ ݱ࣮తͩͬͨ

Ϋϥείϯϙʔωϯτͷݶք w+BWB4DSJQU ͷ this ͷಛҟͳ;Δ·͍ʹৼΓճ͞ΕΔ wϨϯμϦϯάͷ೚ҙͷλΠϛϯάͰ࣮ߦ͞ΕΔϥΠϑαΠΫϧϝιου͸ɺ ಉ͡ϩδοΫΛλΠϛϯά͝ͱʹॏෳͯ͠هड़͢Δඞཁ͕͋Δ wϩδοΫ͕ίϯϙʔωϯτʹີ݁߹ʹͳΓ͕ͪͰ࠶ར༻͕೉͍͠

ؔ਺ίϯϙʔωϯτʹঢ়ଶͱ෭࡞༻Λ࣋ͨͤΔ w)0$ɺ3FOEFS1SPQT ͱ͍ͬͨσβΠϯύλʔϯ͕ίϛϡχςΟओಋͰ ޿·ͬͨ w πϦʔͷωετΛඞཁҎ্ʹਂ͘͢ΔɺQSPQTিಥͷϦεΫ͕͋ΔɺՄಡੑ ͕ஶ͘͠Լ͕Δͱ͍ͬͨσϝϦοτ w೥݄ͷ 3FBDU ʹͯɺ৽͍͠ίϯϙʔωϯτͷࠩ෼ݕग़ΤϯδϯͰ
͋Δ 'JCFS ͕ϦϦʔε͞ΕΔʢ෍ੴʣ w"MHFCSBJD& ff FDUTʢதஅͱ࠶։͕Մೳͳྫ֎ॲཧͷΑ͏ͳ΋ͷɻ0$BNM Ͱ ࣮૷ʣΛΞΠσΟΞͱͯ͠औΓೖΕɺ'JCFS Λͦͷݺͼग़͠ঢ়ଶͷอଘઌͱ ͨ͠ઃܭͷػೳͱͯ͠ɺਫ໘ԼͰ։ൃ͕ਐΊΒΕ͍ͯͨ

িܸతͳσϏϡʔ w3FBDU$POG೥݄Ͱিܸతʹൃදɻཌ೥݄ʹ ͱͯ͠ϦϦʔε ͞Εͨ w଴๬ͷػೳͱͯ͠ίϛϡχςΟʹ೤ڰతʹड͚ೖΕΒΕɺΤίγεςϜΛ ؚΊͯڻ͘΄ͲεϜʔζʹҠߦ͕ਐΜͰ͍ͬͨ w3FEVY ͸ ೥݄ɺ3FBDU3PVUFS
͸೥݄ʹ )PPLT"1* Λ ϦϦʔε w)PPLTରԠ͕஗ΕͨϥΠϒϥϦ͸੓ݖަ୅ͷ༕͖໨ʹ React Hook Form

34$͸ͳͥಋೖ͕ ਐ·ͳ͍ͷ͔ ᶆ

34$ൃද͔ΒϦϦʔε·ͰͷಓͷΓ wެࣜϒϩάͰ 34$ ͕։ൃதͰ͋Δ͜ͱ͕໌͔͞ ΕΔʢ೥݄ʣ w/FYUKT Ͱ$BOBSZ ൛ 34$ ͕҆ఆ൛ʹ੝Γ
ࠐ·ΕΔʢ೥݄ʣ w3FBDU3$ ʹͯϓϨϏϡʔϦϦʔε ʢ೥݄ʣ w3FBDU ͱͯ҆͠ఆ൛ϦϦʔε ʢ೥݄ʣ ࠂ஌͔Β೥൒ɺ੡඼ϦϦʔε͔Β೥ɺ҆ఆ൛ϦϦʔε͔Βϲ݄ ೥݄ݱࡏ

Ͱɺಋೖ͸ਐΜͰΔͷʁ wύοέʔδͷμ΢ϯϩʔυ਺͔Β͸ 34$ ͷಈ޲͸ଌΕͳ͍ w4UBUFPG3FBDU Ͱ͸։ൃऀͷظ଴͸௿Ί w3FBDU$PNQJMFS ʹظ଴͢ΔϢʔβʔ͕ ʹର͠ɺ34$
͸ w)PPLT ϦϦʔε࣌ͷΑ͏ͳ׻ܴϜʔυ͸ײ͡ΒΕͳ͍ w6* ίϯϙʔωϯτϥΠϒϥϦʹΑΔαϙʔτ͸ݢฒΈ஗͍ w34$ ରԠͷਝ଎͞Ͱτοϓͷ࠲͕ަ୅͢ΔΑ͏ͳݱ৅͸ݟΒΕͳ͍ wຊ֨࠾༻ͷࣄྫΛ .FUB ͱ 4IPQJGZ Ҏ֎Ͱ΄΅ฉ͔ͳ͍

ීٴͷ଍ฒΈ͕஗͍ཧ༝ wஶ໊։ൃऀ͔Βͷٙ໰ͷ੠ w&WBO:PV ͸ 34$ Λ 3FBDU ͷੑೳ໰୊Λαʔόʹ ԡ͠෇͚Δ৔౰ͨΓతͳղܾࡦͱ͠ɺ7VFKT ʹ
ಉ༷ͷػೳΛಋೖ͢Δ༧ఆ͸ͳ͍ͱද໌ wݱঢ় 34$ Λ࢖͏ͷʹ͸ /FYUKT Ұ୒ɻ7JUF ͷެࣜϓϥάΠϯ͸·ͩ҆ఆ൛ ʹୡͯ͠ͳ͍ w%9ʢ։ൃऀମݧʣͷ௿Լ wίϯϙʔωϯτ୯Ґͷςετ͕ࠔ೉ʢ5FTUJOH-JCSBSZ ͸ະରԠʣ wαʔόͱΫϥΠΞϯτͷڥք͕͍͋·͍ͳͨΊσόοά͕ࠔ೉ wελΠϧΨΠυ࡞੒ʹ΋௨৴ϞοΫ͕ඞཁͳͲ༨෼ͳख͕͔͔ؒΔ

ίϯϙʔωϯτத৺ͷࢥ૝WT8FCඪ४ͱͷௐ࿨ w34$ ͸ίϯϙʔωϯτϕʔεͷࢥ૝ͷ Ԇ௕ʹ͋Δٕज़👉UI = f (data) w͔͠͠ 8FC ΞϓϦͰ͸औಘσʔλ͸
ϖʔδλΠτϧ΍ϝλσʔλͷදࣔʹ΋ ࢖ΘΕɺऔಘ݁ՌʹΑΓ ΍ ͳͲΤϥʔͷग़͠෼͚΋ඞཁ wσʔλऔಘ͸ϧʔςΟϯάͰߦ͏ʢ3PVUF-PBEFSʣ΄͏͕Ұൠత w3FBDU3PVUFS w5BO4UBDL4UBSU w%FOP'SFTI w4WFMUF,JU w4PMJE4UBSU w2XJL$JUZ

ղܾ͢Δ՝୊ͷҰൠ։ൃऀͱͷؒͰͷϛεϚον w3FBDU ίΞνʔϜ͕ݟ͍ͯΔੈք w্Ґ਺  L# ͷ +4 ίʔυ࡟ݮ͕ച্ʹ௚݁͢Δେن໛ &$ʗϝσΟΞ w"1*
ΞΫηε͕େখ߹Θܻͤͯܰ͘ʹୡ͢Δڊେϖʔδ w ΞϓϦέʔγϣϯΛػೳʗΧςΰϦ͝ͱʹෳ਺ͷνʔϜͰ։ൃͯ͠ ͍Δେن໛αʔϏε wˢͳΒ 34$ ͷσϝϦοτΛड͚ೖΕͯ΋ɺͦͷϝϦοτͷ΄͏͕༏Δ w͔ͦ͠͠ΕҎ֎ͷதখن໛ͷαΠτͰ͸ɺҾ͖ड͚Δෳࡶ͞ɾෆ࣮֬ੑ ͚͕ͩେ͖͘ɺԸܙʢόϯυϧαΠζ࡟ݮɺදࣔ࣌ؒͷ୹ॖ౳ʣ͸͘͝ Θ͔͔ͣɺԼख͢Ε͹ϚΠφεʹͳͬͯ͠·͏ɻ

3FBDU͕ϝλϑϨʔϜϫʔΫ্ Ͱ࢖ΘΕΔΑ͏ʹ ͳͬͨͷ͸ͳ͔ͥ ᶇ

ۙ೥ͷ /FYUKT ͷ༂ਐͿΓ /FYUKT ͷύοέʔδ %- ਺ ͸ 3FBDU%0. ͷ໿
17 ্ҐສαΠτʹ͓͚Δ /FYUKT ͷγΣΞ͸ ͰɺϑϨʔϜϫʔΫͷதͰ͸ Ґ 4UBUFPG+4 ճ౴ऀͷա൒਺ ͕ /FYUKT Λ࢖༻த

3FBDU ϕʔεͷओཁͳϝλϑϨʔϜϫʔΫ w/FYUKTʢ೥݄ެ։ɺ࠷৽Wʣ w3FBDU3PVUFSʢ3FNJY͸೥݄ެ։ɺ࠷৽Wʣ w5BO4UBDL4UBSUʢ೥݄ެ։ɺ࠷৽WЌʣ w3FEXPPE+4ʢ೥݄ެ։ɺ࠷৽3FEXPPE(SBQI2-Wɺ 3FEXPPE4%,Wʣ w8BLVʢ೥݄ެ։ɺ࠷৽Wʣ w%PDVTBVSVTʢ೥݄ެ։ɺ࠷৽Wʣ

41" ͷݶք wॳճදࣔ·Ͱʹ͕͔͔࣌ؒΔ w ॳճϩʔυ࣌ʹΞϓϦશମͷ +4 ίʔυΛμ΢ϯϩʔυ࣮ͯ͠ߦ͢Δඞཁ͕ ͋ΔͨΊɺ࠷ॳʹΞΫηε͔ͯ͠Βը໘͕දࣔ͞ΕΔ·Ͱͷ͕࣌ؒ௕͍ w4&0 ʹऑ͍
w ಈతʹ %0. ͕ੜ੒͞ΕΔͨΊΫϩʔϥʔ͕සൟʹ๚໰͠ͳ͔ͬͨΓɺίϯ ςϯπͷղੳ͕ద੾ʹͳ͞Εͳ͔ͬͨΓͯ͠ॱҐ෇͚ʹෆརʹͳΓ͕ͪ wΫϥΠΞϯτͷෛՙ͕ߴ͍ w ϨϯμϦϯάΛ࢝Ί΄ͱΜͲͷλεΫ͕ΫϥΠΞϯτͰ࣮ߦ͞ΕΔͨΊɺ ϒϥ΢βͷϝϞϦ΍ܭࢉϦιʔεΛଟ͘ফඅ͢Δɻͦ΋ͦ΋+BWB4DSJQU͕ ແޮͳ؀ڥͰ͸ϖʔδ͕·ͱ΋ʹදࣔ͢Β͞Εͳ͍

ϝλϑϨʔϜϫʔΫΛ࢖͏ͱԿ͕خ͍͠ʁ wαʔόͰϨϯμϦϯάͯ͠ੜͷ )5.- Λ഑৴Ͱ͖Δ w 443ɺ44(ʢ੩తαΠτੜ੒ʣɺ෦෼తͳϓϦϨϯμϦϯάͳͲ wαʔόͰ௚઀ϦΫΤετΛϋϯυϦϯάͰ͖Δ w )551 εςʔλείʔυͷૹ৴ɺ$PPLJF
ͷऔΓѻ͍ɺΩϟογϡઓུͷ ࠷దԽɺ1SPHSFTTJWF&OIBODFNFOU ͷ࣮ݱ wσʔλӬଓ૚ʹ௚઀ΞΫηεͰ͖Δ w ผ్ "1* αʔόΛཱͯΔ͜ͱͳ͘ 3%# ΍ ,74 ͱ௚઀σʔλͷ΍ΓऔΓ ͕Ͱ͖Δɻ·ͨαʔό "1* ΛΞϓϦέʔγϣϯ಺ʹ࣮૷͢Δ͜ͱ΋Մೳ

ݱ࣮తͳબ୒ࢶ͸͜ͷ ͭ ✅ ϝϦοτ w ࠾༻࣮੷͕๛෋ͰΤίγεςϜ ͕ڊେ w
34$ Λ࢖͏ͳΒݱঢ়͜ΕҰ୒ w ը૾ͷੜ੒ɾ࠷దԽͳͲ 8FC α Πτߏஙʹศརͳػೳ͕ͦΖͬ ͯΔ /FYUKT 3FBDU3PVUFS 5BO4UBDL4UBSU ❌ σϝϦοτ w Ωϟογϡػߏ͕ෳࡶͰ༧ଌ͕ ࠔ೉ w 7FSDFM ΁ͷϩοΫΠϯϦεΫ w ಠࣗػೳ͕ଟֶ͘शίετߴΊ ✅ ϝϦοτ w 8FC ඪ४ʹ஧࣮Ͱ 1& ΋࣮ݱ͠ ΍͍͢ w ༷ʑͳΤοδ؀ڥͱ૬ੑ͕Α͍ w σʔλϑϩʔ΍ΤϥʔϋϯυϦ ϯάͷݟ௨͕͠Α͍ ❌ σϝϦοτ w 34$ ରԠ͕·ͩ VOTUBCMF ஈ֊ w ϒϥϯυઓུ͕ࠞ໎ ✅ ϝϦοτ w ϧʔςΟϯά͔ΒσʔλʹࢸΔ ·Ͱͷపఈͨ͠ܕ҆શੑ w ڧྗͳσʔλΩϟογϡ w ΫϥΠΞϯτϑΝʔετͷઃܭ Ͱɺچདྷͷ 3FBDU ͔Βϝϯλϧ ϞσϧΛେ͖͘ม͑ͣʹࡁΉ ❌ σϝϦοτ w ·ͩϓϩμΫτࣗମ͕ Ќঢ়ଶ w ΤίγεςϜ͕͜ͷதͰ࠷খ w ίʔϧόοΫ͕ଟ͘ίʔυͷՄ ಡੑ͕௿͍

React 使いじゃなくても知っておきたい教養としての React

React 使いじゃなくても知っておきたい教養としての React

More Decks by Yuka O’oka

Other Decks in Programming

Featured

Transcript