3FTVNBCMFͳ+BWB4DSJQUϑϨʔϜϫʔΫ 2XJLΛֶͿ 2JJUB/JHIUʙϑϩϯτΤϯυʙ

!,BXBNBUB3ZP 👨💻&OHJOFFS!-"13"4JOD 🔥ݩফ๷࢜ ❤ 5ZQF4DSJQU 7VF %FOP 3FBDU 🏄ݒਨ ݸਓ։ൃ

ࠓ೔࿩͢͜ͱ💬

ɾ2XJLͱ͸Կ͔ʁ ɾ3FTVNBCMFͱ͸Կ͔ʁ ˞⚠ࣗ෼΋2XJLɺ3FTVNBCMFʹ͍ͭͯษڧதͷ਎ͳͷͰෆਖ਼֬ͳ৘ใ͕͋ Δ͔΋஌Ε·ͤΜɻԿ͔͋Ε͹5XJUUFSͰڭ͑ͯ΋Β͑Δͱخ͍͠Ͱ͢🙇

2XJLͱ͸Կʁ

No content

RXJL CVJMEFSJP͕։ൃ͍ͯ͠Δ+BWB4DSJQUϑϨʔϜϫʔΫ˞ ʹϕʔλ൛͕ϦϦʔε ˞ϑϨʔϜϫʔΫΑΓϥΠϒϥϦͰ͸ʁͱ͍͏ํ΋͍Δ͔΋Ͱ͕͢ɺ ຊϓϨθϯͰ͸%PDVNFOUʹهࡌͷ͋ΔϑϨʔϜϫʔΫʹ౷Ұ͠·͢

RXJL "OHVMBS (JO *POJDͳͲͷஶ໊ͳ։ൃऀ͕։ൃʹؔ༩ .JãLP)FWFSZ .BOV"MNFJEB "EBN#SBEMFZ

RXJL 3FBDUϥΠΫʹ+49Ͱ ίϯϙʔωϯτΛهड़

RXJL ΞϓϦέʔγϣϯͷن໛ʹΑͬͯॳظϩʔυͷ +4ͷαΠζ͕มΘΒͳ͍ॳͷ0 ϑϨʔϜϫʔΫ https://www.builder.io/blog/hydration-is-pure-overhead

RXJL 443࣌ͷ)ZESBUJPOΛͳ͘͠ɺ3FTVNBCMFͰϦΞΫςΟϒΛ୲อ https://www.builder.io/blog/hydration-is-pure-overhead

ͳΜ͔ੌͦ͏ Ͱ΋ɺ3FTVNBCMF͕શવΘ͔ΒΜ😇

ͬ͘͟Γཧղ͢Δ3FTVNBCMF

3FTVNBCMF )ZESBUJPOͷ໰୊Λվળͨ͠΋ͷ

ͦ΋ͦ΋)ZESBUJPOͱ͸ʁ🤔

443΍44(ʹͯαʔόʔαΠυͰϨϯμϦϯά͞Εͨ )5.-ʹରͯ͠ΠϕϯτϦεφΛొ࿥͠ɺ ϖʔδΛϦΞΫςΟϒʹ͢Δ·ͰͷҰ࿈ͷॲཧͷ͜ͱɻ https://www.builder.io/blog/hydration-is-pure-overhead

͜ΕͷԿ͕໰୊ʁ🤔

ద੾ͳՕॴʹద੾ͳΠϕϯτϦεφΛొ࿥͢ΔͨΊʹ͸ɺ ΫϥΠΞϯτͰ΋ϨϯμϦϯάʢ7%0.ʣΛߦ͍ΞϓϦέʔγϣϯ ͱϑϨʔϜϫʔΫͷঢ়ଶΛ෮ݩ͢Δඞཁ͕͋Δɻ

طʹҰ౓αʔόʔαΠυͰ)5.-Խ͞Ε͍ͯΔίϯϙʔωϯτͷ +4Λ࠶౓μ΢ϯϩʔυ͠ɺύʔε࣮ߦ͢Δඞཁ͕͋Δɻ Φʔόʔϔου ద੾ͳՕॴʹద੾ͳΠϕϯτϦεφΛొ࿥͢ΔͨΊʹ͸ɺ ΫϥΠΞϯτͰ΋ϨϯμϦϯάʢ7%0.ʣΛߦ͍ΞϓϦέʔγϣϯ ͱϑϨʔϜϫʔΫͷঢ়ଶΛ෮ݩ͢Δඞཁ͕͋Δɻ

Ͳ͏ղফ͢Δ 🤔

w )ZESBUJPOͷ࣮ߦΛඇಉظԽ͠஗Ԇͤ͞Δ w )ZESBUJPOΛߦ͏෦෼Λݶఆͯ͠෼཭͢Δ w )ZESBUJPOΛߦΘͣ)5.-ʹঢ়ଶΛγϦΞϥΠζ͢Δ

w )ZESBUJPOͷ࣮ߦΛඇಉظԽ͠஗Ԇͤ͞Δ w )ZESBUJPOΛߦ͏෦෼Λݶఆͯ͠෼཭͢Δ w )ZESBUJPOΛߦΘͣ)5.-ʹঢ়ଶΛγϦΞϥΠζ͢Δ 3FBDUͷ4FMFDUJWF)ZESBUJPO

w )ZESBUJPOͷ࣮ߦΛඇಉظԽ͠஗Ԇͤ͞Δ w )ZESBUJPOΛߦ͏෦෼Λݶఆͯ͠෼཭͢Δ w )ZESBUJPOΛߦΘͣ)5.-ʹঢ়ଶΛγϦΞϥΠζ͢Δ "TUSP 'SFTIͷ*TMBOET"SDIJUFDUVSF

w )ZESBUJPOͷ࣮ߦΛඇಉظԽ͠஗Ԇͤ͞Δ w )ZESBUJPOΛߦ͏෦෼Λݶఆͯ͠෼཭͢Δ w )ZESBUJPOΛߦΘͣ)5.-ʹঢ়ଶΛγϦΞϥΠζ͢Δ 2XJLͷ3FTVNBCMF

)5.-ʹঢ়ଶΛγϦΞϥΠζ͢Δͱ͸ʁ🤔

Χ΢ϯλʔίϯϙʔωϯτͷ443ϨϯμϦϯά݁Ռ

ίϯϙʔωϯτ΍ϦΞΫςΟϒͷର৅Λ )5.-ίϝϯτͰϚʔΩϯά Χ΢ϯλʔίϯϙʔωϯτͷ443ϨϯμϦϯά݁Ռ

಺෦ߏ଄ΛશͯଐੑͰهड़ DMJDLͷϋϯυϥ͸ɺ஗ԆಡΈࠐΈ͢Δ+4ϑΝΠϧΛࢦఆ Χ΢ϯλʔίϯϙʔωϯτͷ443ϨϯμϦϯά݁Ռ

ΞϓϦέʔγϣϯ΍ϑϨʔϜϫʔΫͷঢ়ଶ΋ɺ γϦΞϥΠζͯ͠TDSJQUͰهड़ Χ΢ϯλʔίϯϙʔωϯτͷ443ϨϯμϦϯά݁Ռ

งғؾ͸ཧղ͕ͨ͠ɺɺ ࣮ࡍʹಈ͘΍ͭΛݟͯΈ͍ͨ👀

https://qwik-sample-app.pages.dev/

https://qwik-sample-app.pages.dev/ 2XJLͷಈ࡞֬ೝͷҝʹ࡞ͬͨɺ (JU)VCͷ૲Λࢥ͍ͷ··ʹੜ΍ͤΔδϣʔΫΞϓϦ🪴

https://qwik-sample-app.pages.dev/ ଞϑϨʔϜϫʔΫͱͷಈ࡞Λݕূ͢ΔͨΊɺ ಉ಺༰Ͱ/FYUKT൛΋࡞੒ https://qiita-lt-sandbox-next-kawamataryo.vercel.app/ https://qwik-sample-app.pages.dev/ ※ Vercel΁ͷσϓϩΠ ※ Cloud fl are Pages ΁ͷσϓϩΠ WT

https://qwik-sample-app.pages.dev/ ϩʔυ͢Δ+4ͷαΠζࠩΛ Θ͔Γ΍͘͢͢ΔͨΊɺ ૲ίϯϙʔωϯτͰແବʹσΧΠ OPEF@NPEVMFΛ஫ೖ

https://qwik-sample-app.pages.dev/ ॳظϩʔυ͢Δ+4ͷαΠζൺֱ /FYUKT 2XJL https://qiita-lt-sandbox-next-kawamataryo.vercel.app/ https://qwik-sample-app.pages.dev/ ※ Vercel΁ͷσϓϩΠ ※ Cloud fl are Pages ΁ͷσϓϩΠ /FYUʹൺ΂Δͱͱͯ΋খ͍͞

https://qwik-sample-app.pages.dev/ https://qiita-lt-sandbox-next-kawamataryo.vercel.app/ https://qwik-sample-app.pages.dev/ ※ Vercel΁ͷσϓϩΠ ※ Cloud fl are Pages ΁ͷσϓϩΠ .PVTFIPWFSͰ௥Ճϩʔυ ॏ͍OPEF@NPEVMF͸͜͜ʹؚ·ΕΔ มԽͳ͠ ௥Ճϩʔυ͢Δ+4ͷαΠζൺֱ /FYUKT 2XJL

·ͱΊ

ɾ2XJL͸3FTVNBCMFΛίϯηϓτʹ࡞ΒΕͨ ৽͍͠+BWBT4DSJQUϑϨʔϜϫʔΫ ɾ3FTVNBCMF͸)ZESBUJPOͷ໰୊Λɺ)5.-΁ͷঢ়ଶͷγϦ ΞϥΠζͱ஗ԆϩʔυͰղܾ͠Α͏ͱ͢ΔΞϓϩʔν ɾ 3FTVNBCMFͷΑ͏ʹ)ZESBUJPOΛۃྗͳ͘͢ͱ͍͏ߟ͑͸ ࠓޙॏཁʹͳΓͦ͏

ɾ2XJL͸3FTVNBCMFΛίϯηϓτʹ࡞ΒΕͨ ৽͍͠+BWBT4DSJQUϑϨʔϜϫʔΫ ɾ3FTVNBCMF͸)ZESBUJPOͷ໰୊Λɺ)5.-΁ͷঢ়ଶͷγϦ ΞϥΠζͱ஗ԆϩʔυͰղܾ͠Α͏ͱ͢ΔΞϓϩʔν ɾ 3FTVNBCMFͷΑ͏ʹ)ZESBUJPOΛۃྗͳ͘͢ͱ͍͏ߟ͑͸ ࠓޙॏཁʹͳΓͦ͏ 7VFKTͰ΋2XJLΛࢀߟʹ3FTVNBCMFͷ֓೦ΛऔΓೖΕΔΒ͍͠ ʢ7VF'FT&WBO:PVΩʔϊʔτΑΓʣ

ࢀߟࢿྉ w 2XJL%PDVNFOU w IUUQTRXJLCVJMEFSJP w 2XJLͱ͍͏ϑϨʔϜϫʔΫʹ͍ͭͯ w IUUQTMFBMPHIBUFCMPKQFOUSZ w ϦδϡʔϜՄೳͳ+BWBTDSJQUϑϨʔϜϫʔΫ2XJLͱ͸ w IUUQTXXXJOGPRDPNKQOFXTRXJLKBWBTDSJQUGSBNFXPSL w 2XJL$JUZͰ࡞ΔϒϩάΞϓϦ w IUUQT[FOOEFWB[VLJB[VTBBSUJDMFTCMPHBQQCVJMUXJUIRXJLDJUZ w 8IZ& ffi DJFOU)ZESBUJPOJO+BWB4DSJQU'SBNFXPSLTJTTP$IBMMFOHJOH w IUUQTEFWUPUIJTJTMFBSOJOHXIZF ff i DJFOUIZESBUJPOJOKBWBTDSJQUGSBNFXPSLTJTTP DIBMMFOHJOHDB w 2XJL"OPIZESBUJPOJOTUBOUPOQFSTPOBMJ[FEXFCBQQMJDBUJPO w IUUQTXXXUIJTEPUDPCMPHRXJLBOPIZESBUJPOJOTUBOUPOQFSTPOBMJ[FEXFCBQQMJDBUJPO w )ZESBUJPOJT1VSF0WFSIFBE w IUUQTXXXCVJMEFSJPCMPHIZESBUJPOJTQVSFPWFSIFBE

8F"SF)JSJOH

બߟ՝୊΋ެ։த💯