この1年でNext.jsで学んだこと あれこれ

Transcript

1. ͜ͷ೥Ͱ/FYUKTͰֶΜͩ͜ͱ 
 ͋Ε͜Ε $0%&#"4&
   ଔۀੜ-5େձ
2. ઒ຬ
   าو
   ͔ΘΈͭ
   ͍Ϳ͖
   גࣜձࣾ&#*-"#
   ༗ݶձࣾΚͼ΍
   ιϑτ΢ΣΞΤϯδχΞ
   ࡾॏݝҏ੎ࢢࡏॅ
   $0%&
   #"4&
   ظੜ
   ݩߨࢣ
   ࠓͷΧϦΩϡϥϜͷલ൒ͷߨ࠲ಈըͷ੠Λ୲౰ͯ͠·͢
   
   ϑϩϯτΤϯυΑΓͷͳΜͰ΋԰ !LBJCVLJ ˣ͜͜Ͱຖ೔࢓ࣄͯ͠·͢
3. ࠓ೔࿩͢͜ͱͱ໨త w લ൒͸ॳֶऀ޲͚ʹ/FYUKTͷ঺հͱֶश͢Δ্Ͱ࠷௿ݶ஌͓͍ͬͯ ͨ΄͏͕͍͍͜ͱΛ࿩͠·͢ɻ
   w ϑϩϯτΤϯυʹڵຯ͋Δํ͕͜ΕΛػʹ3FBDU
   /FYUKTΛ৮ͬͯΈ Α͏ͱࢥͬͯ͘ΕͨΒ޾͍
   w ޙ൒͸3FBDU
   /FYUKTΛ͢Ͱʹ৮ͬͯΔਓ޲͚ʹ$44ͷ࿩΍ঢ়ଶ؅ཧ ͷ࿩Λͯ͠Έ·͢ɻ ͕࣌ؒ͋Ε͹
4. /FYUKTͱ͸
5. ग़య
   IUUQTOFYUKTPSH
6. /FYUKTͱ͸ w /FYUKT͸3FBDUΛϕʔεʹͨ͠ϑϩϯτΤϯυϑϨʔϜϫʔΫ
   w ϑϩϯτΤϯυ։ൃʹ͓͚Δઃఆ΍ύϑΥʔϚϯεɺϧʔςΟϯά ͷ഑ஔΛ͢΂ͯϑϨʔϜϫʔΫͰѲͬͯ͘ΕΔͷͰ։ൃମݧ͕͔ͳ Γྑ͍
7. ͳͥ/FYUKT͔
8. ͳͥ/FYUKT͔ w ೥ʑେ͖͘ͳΔϑϩϯτΤϯυͷύϑΥʔϚϯεͷधཁʹɺଞͷٕ ज़ɺϑϨʔϜϫʔΫΑΓ΋ઌߦͯ͠ϑϩϯτΤϯυͷਐԽΛݗҾ͠ ͍ͯΔ
   1SF3FOEFSJOH
   ը૾࠷దԽ
   3VTU
   $PNQJMFS
   3FBDUS
   4FSWFS
   $PNQPOFOUͳͲ
   w ઃఆ͍ΒͣͰ࣮૷ʹணखͰ͖ΔθϩίϯϑΟάΛܝ͍͛ͯͯɺ։ൃ ऀମݧ͕ྑ͍
9. w $MBTT
   $PNQPOFOUͱ'VODUJPOBM
   $PNQPOFOU
   w 4UZMJOH
   $44
   .PEVMF
   $44
   JO
   +4
   5BJMXJOE
   $44
   w ঢ়ଶ؅ཧ
10. w $MBTT
    $PNQPOFOUͱ'VODUJPOBM
    $PNQPOFOU
    w 4UZMJOH
    $44
    .PEVMF
    $44
    JO
    +4
    5BJMXJOE
    $44
    w ঢ়ଶ؅ཧ
11. $MBTT
    $PNQPOFOUͱ'VODUJPOBM
    $PNQPOFOU w ΋ͱ΋ͱ3FBDUͰίϯϙʔωϯτΛ࣮૷͢Δʹ͸$MBTT
    $PNQPOFOUͱ ݺ͹ΕΔछྨͷ΋ͷͰॻ͘ඞཁ͕͋ͬͨ
    w ίϯϙʔωϯτͷϚ΢ϯτ࣌΍ίϯϙʔωϯτͷߋ৽ͳͲͷΠϕ ϯτʹԠͯ͡ॲཧ͕ߦΘΕΔϥΠϑαΠΫϧϝιου͔͠౰࣌͸ खஈ͕ͳ͔ͬͨ
    w ίϯϙʔωϯτͷঢ়ଶΛද͢TUBUF Մม ্͕هͷཧ༝ΑΓಉ༷ʹ $MBTT
    $PNQPOFOUͰ͔͠؅ཧ͕Ͱ͖ͳ͔ͬͨ
12. $MBTT
    $PNQPOFOUͱ'VODUJPOBM
    $PNQPOFOU w 3FBDU
    WΑΓ)PPLTͱݺ͹ΕΔػೳ͕࣮૷͞ΕɺVTF4UBUF
    VTF&GGFDUΛ࢖ͬͯίϯϙʔωϯτͷঢ়ଶ؅ཧͱΠϕϯτϥΠϑαΠ ΫϧʹԠͨ͡ॲཧΛɺ'VODUJPOBM
    $PNQPOFOUͰ΋ॻ͚ΔΑ͏ʹͳͬ ͨɻͦΕ΋؆ܿʹɻ
13. 4UBUF
    $MBTT
    $PNQPOFOU
14. 4UBUF
    'VODUJPOBM
    $PNQPOFOU
15. -JGF
    $ZDMF
    $MBTT
    $PNQPOFOU
16. -JGF
    $ZDMF
    'VODUJPOBM
    $PNQPOFOU
17. -JGF
    $ZDMF
    'VODUJPOBM
    $PNQPOFOU VTF& ff FDUͷୈҾ਺ʹม਺Λ౉͢͜ͱͰɺͦͷม਺ʹมߋ͕͋ͬͨͱ͖ͷΈॲཧΛ࣮ߦͤ͞Δࣄ͕Ͱ͖Δ
18. $MBTT
    $PNQPOFOUͱ'VODUJPOBM
    $PNQPOFOU w ΋ͱ΋ͱ͸'VODUJPOBM
    $PNQPOFOUͰ͸TUBUFͷ؅ཧɺϥΠϑαΠΫϧ ʹԠͨ͡ॲཧͷهड़͕೉͔ͬͨ͠
    w )PPLTͷొ৔Ͱͦͷঢ়گ͸େ͖͘มΘΓɺ'VODUJPOBM
    $PNQPOFOUͰ ͷهड़͕Մಡੑ΋ߴ͘؆ܿʹॻ͚Δ
    w $MBTT
    $PNQPOFOUલఏͰઆ໌͕͞Ε͍ͯΔهࣄ΍ॻ੶΋·ͩ·ͩଟ ͍ͷͰɺ'VODUJPOBM
    $PNQPOFOUͰઆ໌͞Ε͍ͯΔ৘ใΛऔΓʹߦ͘ ͜ͱ͕͓͢͢Ί
19. w $MBTT
    $PNQPOFOUͱ'VODUJPOBM
    $PNQPOFOU
    w 4UZMJOH
    $44
    .PEVMF
    $44
    JO
    +4
    5BJMXJOE
    $44
    w ঢ়ଶ؅ཧ
20. $44
    .PEVMF
    WT
    $44
    JO
    +4
21. $44
    .PEVMF
    WT
    $44
    JO
    +4 w ະͩʹ͜͜ͷ࿦૪͸ଓ͍͍ͯΔɻͲͪΒ͕͍͍͔͸޷Έͷ෦෼͕େ ͖͍ɻ
    w /FYUKT͸ඪ४Ͱ$44
    .PEVMF͕ϏϧτΠϯ͞Ε͍ͯΔ
    w $44
    JO
    +4͸ϥΠϒϥϦ͕਺ଟ͋͘ΔͷͰԿΛબ୒͢Δ͔ށ࿭͍΍͢ ͍
    TUZMFEDPNQPOFOUT
    TUZMFEKTY
    FNPUJPO
    -JOBSJBʜ
22. $44
    .PEVMF #VUUPONPEVMFDTT
23. $44
    .PEVMF w $44
    .PEVMF͸ૉͷ$44Ͱ3FBDUʹͳΕͯͳ͍ϚʔΫΞοϓΤϯδχ Ξ΋ൺֱతೖΓ΍͍͢
    w ͔͠͠ɺ$44ΛNPEVMFͱݟཱͯͯ%0.ΛSFOEFS͢Δίϯϙʔωϯ τͱ͸ผͰ࡞੒͢Δඞཁ͕͋ΔͷͰɺίϯϙʔωϯτઃܭΛݟ͢Δ ͱґଘؔ܎Ͱޙʑർฐͦ͠͏
24. $44
    JO
    +4
    TUZMFEDPNQPOFOU
25. $44
    JO
    +4
    TUZMFEKTY
26. $44
    JO
    +4
    TUZMFEDPNQPOFOU
    TUZMFEKTY w ໊લͷ௨Γ%0.ΛSFOEFSJOH͢Δίϯϙʔωϯτ಺෦ʹͲͪΒ΋TUZMFΛॻ ͚ΔͷͰґଘؔ܎͕໌ࣔతͰΘ͔Γ΍͍͢
    w 4UZMFEDPNQPOFOUʹؔͯ͠͸ɺม਺ʹϚʔΫΞοϓͷλάΛೖΕΔͷͰɺ ͲΕ͕ϐϡΞͳ)5.-ͳͷ͔Θ͔Γʹ͍͘
    w 4UZMFEKTY͸TUZMFͷӨڹൣғ͕໌ࣔతͰΘ͔Γ΍͍͚͢Ͳɺάϩʔόϧʹ࢖ ͍͍ͨ$44Λ͔͚ͳ͍
27. $44
    JO
    +4ͷϥΠϒϥϦͷݸਓతͳબఆج४ w 3FBDUಠಛͷTUZMFͷॻ͖ํΛ͠ͳ͍ͱ͍͚ͳ͍͜ͱ͸ආ͚ͯɺϚʔΫΞοϓΤϯδχ Ξ΋TUZMFΛॻ͚ΔΑ͏ʹϐϡΞʹ$44ΛදݱͰ͖Δ΋ͷΛબͼ͍ͨ
    w "UPNJD
    %FTJHOͰݴ͏ͱ͜ΖͷBUPN͙Β͍ͷن໛ͷίϯϙʔωϯτͷͨΊʹ$44ϑΝ ΠϧΛ༻ҙͨ͘͠ͳ͍ɻάϩʔόϧʹӨڹ͍ͤͨ͞$44͸ϑΝΠϧ෼ׂΛ͠ɺͦΕҎ ֎͸ͳΔ΂͘ίϯϙʔωϯτ಺Ͱ׬݁Ͱ͖ΔΑ͏ʹ͍ͨ͠
    w +4ͷม਺ʹϚʔΫΞοϓͷλάͷίʔυΛೖΕࠐΉΑ͏ͳɺ3FBDUͱີʹॻ͖ͨ͘͸ ͳ͍
    /FYUKT͔Βผ'8ʹҠߦ͢ΔࡍͳͲͷϦεΫ
28. &NPUJPO
    
    5BJMXJOE
    $44👍
29. &NPUJPO w +BWB4DSJQUͰ$44ελΠϧΛهड़͢ΔͨΊʹઃܭ͞ΕͨϥΠϒϥϦ $44
    JO
    +4 ϥΠϒϥϦ
    w ιʔεϚοϓɺϥϕϧɺςετϢʔςΟϦςΟʔͳͲͷػೳʹΑΓɺ։ൃऀʹ ༏ΕͨମݧΛఏڙ͢Δ͚ͩͰͳ͘ɺڧྗͰ༧ଌՄೳͳελΠϧߏ੒Λఏڙ͢Δ
    w ҰൠతͳϐϡΞͳ$44ͷهड़΋Ͱ͖Δ͠ɺଞ$44
    JO
    +4ϥΠϒϥϦͱಉ༷ʹ TUZMFΛΦϒδΣΫτͰ؅ཧ͢Δॻ͖ํͷྍ๏Λαϙʔτ͍ͯ͠Δ ग़య
    IUUQTFNPUJPOTIEPDTJOUSPEVDUJPO
30. &NPUJPO $44ΛϐϡΞʹॻ͍ͯͦΕΛૉͷ)5.-λάʹཁૉͱͯ͠౉ͤΔ
31. &NPUJPO 1SPQTͰड͚औΔ$44ʹίϯϙʔωϯτ಺ͰTUZMFΛ͞Βʹ௥Ճ͢Δ্ॻ͖΋Ͱ͖Δ
32. 5BJMXJOE
    $44 ग़యIUUQTUBJMXJOEDTTDPN
33. 5BJMXJOE
    $44 w ๲େͳϢʔςΟϦςΟΫϥεΛ٧Ί߹ΘͤͨϥΠϒϥϦɻಠࣗͷίϯϙʔω ϯτͳͲ͸༻ҙ͞Ε͍ͯͳ͍ɻ
    w جຊ༻ҙ͞Ε͍ͯΔϢʔςΟϦςΟΫϥεΛ࢖ͬͯελΠϧΛ౰͍ͯͯ͘ͷ Ͱɺ$44ͷઃܭ΍໋໊نଇɺ؅ཧͷίετ͕ݮΔ
    w TNUFYUMFGU
    ͷΑ͏ʹը໘෯͝ͱʹTUZMFΛ౰ͯΔͨΊͷDMBTT͕༻ҙ͞Ε͍ͯΔ
    w ͨͩɺ༻ҙ͞Ε͍ͯͳ͍TUZMFͳͲ͕ग़͖ͯͨࡍʹUBJMXJOEDPOGJHKT΍ͦͷଞಠ ࣗͰ$44ϑΝΠϧΛ༻ҙ͢Δ͜ͱʹͳΓ͕ͪͰத్൒୺ͳ$44ઃܭʹͳΔϦε Ϋ΋༗Γɻ
34. &NPUJPO
    
    5BJMXJOE
    $44ʹ͢Δ͜ͱͰ w جຊͷελΠϦϯά͸5BJMXJOE
    $44Λ࢖ͬͯɺಠࣗίϯϙʔωϯτ ͷ࡞੒΍TUZMFʹ͚ͩؔ৺ͷ͋Δίϯϙʔωϯτ࣮૷ͷࡍʹ͸ FNPUJPO
    w $44ઃܭ΍ӡ༻ͷίετΛ཈͑ͭͭɺ5BJMXJOE
    $44Ͱ༻ҙ͞Ε͍ͯ ͳ͍TUZMFΛͲ͜ʹॻ͔͘͸໌֬ʹͳΔ
35. w $MBTT
    $PNQPOFOUͱ'VODUJPOBM
    $PNQPOFOU
    w 4UZMJOH
    $44
    .PEVMF
    $44
    JO
    +4
    5BJMXJOE
    $44
    w ঢ়ଶ؅ཧ
36. ঢ়ଶ؅ཧͷํ਑ΛܾΊΔલʹ w σʔλͷϦΞϧλΠϜੑͷ༏ઌ౓͕ߴ͍͔Ͳ͏͔
    w ͋Δఔ౓ͷϦΞϧλΠϜੑͰ͋Ε͹ΩϟογϡͷੜଘظؒΛௐ੔͠ͳ͕ Β$43Ͱ੩తϑΝΠϧͷ$%/഑৴͕Մೳ /FYUKTͷ+".TUBDLࢥ૝
    w 3FBE͕ଟ͍ΞϓϦέʔγϣϯͳͷ͔ɺ8SJUF͕ଟ͍ΞϓϦέʔγϣϯͳͷ͔
    w 8SJUF͕ଟ͍ΞϓϦέʔγϣϯͰ͋Ε͹ɺϖʔδΛ·͍ͨͩঢ়ଶͷ؅ཧ͕ ཁ݅ͱͯ͠ग़ͯ͘Δ͜ͱ͕ଟ͍ɻ
37. σʔλͷϢʔεέʔεɺͲͪΒʹدͤΔ͔໰୊ w ϑϩϯτΤϯυͱόοΫΤϯυΛ෼཭ͨ͠৔߹ɺϑϩϯτΤϯυͷϢʔ εέʔεʹ߹Θͤͯ"1*Λ࣮૷͢Δ͔ɺ$36%Ϩϕϧͷγϯϓϧͳ"1*ͷ ৔߹ϑϩϯτΤϯυ͕ෳ਺ϦΫΤετͳͲΛ͢Δ͜ͱͰղܾ͢Δ͔
    w ޙऀͷ৔߹ɺύϑΥʔϚϯεΛ୲อ͢ΔͨΊʹαʔόʔαΠυ͔Βऔಘ ͢Δσʔλ 4FSWFS
    4UBUF ͷঢ়ଶ؅ཧͷ࣮૷ίετ্͕͕Δ 3FEVY
    3FDPJM ͳͲΛ࢖ͬͨ಄ͷ͍͍ϑϩϯτΤϯυ ˠϑϩϯτΤϯυશମͷ࣮૷ίε τ্͕͕ͬͯݸਓతʹਏ͍😩
38. (SBQI2-
    "QPMMP
    $MJFOU
    -4. ✨
39. (SBQI2-
    "QPMMP
    $MJFOU
    -4. w ϑϩϯτΤϯυͱόοΫΤϯυͷதؒʹ(SBQI2-ΛೖΕΔ͜ͱͰ ϢʔεέʔεΛ(SBQI2-ଆͰٵऩͰ͖Δ
    w ϑϩϯτΤϯυɺόοΫΤϯυ͕ͦΕͧΕγϯϓϧͳ࣮૷͕Ͱ͖ Δ
    w ϑϩϯτΤϯυଆͷ"QPMMP
    $MJFOU
    $BDIFΛ3FEVY
    3FDPJMͷΑ͏ͳά ϩʔόϧͳঢ়ଶΛೖΕΔೖΕ෺ͱݟཱͯΔ͜ͱ͕Ͱ͖Δɻ ϩάΠϯ ͍ͯ͠ΔϢʔβʔ৘ใͳͲͷσʔλΛ༻ҙʹ؅ཧͰ͖Δ
40. (SBQI2-
    "QPMMP
    $MJFOU
    -4. ग़య
    IUUQTXXXBQPMMPHSBQIRMDPNEPDTSFBDUMPDBMTUBUFMPDBMTUBUFNBOBHFNFOU
41. (SBQI2-
    "QPMMP
    $MJFOU
    -4. ϩάΠϯ͍ͯ͠ΔϢʔβʔΛऔಘ͢Δ2VFSZΛ࣮ߦ͢ΔIPPLTΛ༻ҙͯ͠ɺͦΕΛඞཁͳίϯϙʔωϯτ಺ Ͱ࣮ߦ͢Δ͚ͩͰϩάΠϯ͍ͯ͠ΔϢʔβʔΛऔಘͰ͖Δ
42. (SBQI2-
    "QPMMP
    $MJFOU
    -4. Λಋೖ͢Δ͜ͱͰ w ϑϩϯτΤϯυଆ͸ຖ౓"QPMMP
    $MJFOUͷ2VFSZΛ࣮ߦ͢Δ͜ͱͰ 4FSWFS
    4UBUFͷ؅ཧ͕༻ҙʹͰ͖Δɻ
    w "QPMMP
    $MJFOUͷ$BDIFΛར༻͢Δ͜ͱͰɺ3FEVYͳͲΛ࢖Θͣʹ )PPLTΛ༻ҙͯ͠γϯϓϧͳ࣮૷͕Մೳ
    w (SBQI2-͍͍ͧ