トレタO/X アーキテクチャ移行記 Next.js App Router化への道のり / TORETA TECH UPDATE 1

by OKUNOKENTARO

Slide 1

Slide 1 text

τ Ϩλ09 ΞʔΩςΫνϟҠߦه /FYUKT"QQ3PVUFSԽ΁ͷಓͷΓ "VH 503&5"5&$)61%"5&ҿ৯Λࢧ͑Δϑϩϯ τΤϯ υ !PLVOPLFOUBSP

Slide 2

Slide 2 text

஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε w Ԟ໺ݡଠ࿠!PLVOPLFOUBSP w ΫϨε΢ΣΞגࣜձࣾ୅දऔక໾ࣾ௕ w גࣜձࣾτ Ϩλٕज़ސ໰ w 8FCΞϓϦέʔγϣϯ ɾ ΞʔΩςΫ τ w 5ZQF4DSJQUྺ೥ ୭

Slide 3

Slide 3 text

஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε ઃܭͱࢲ IUUQTTQFBLFSEFDLDPNPLVOPLFOUBSP

Slide 4

Slide 4 text

஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε wτ Ϩλ09 w ͓ళͷͩ͜ΘΓ఻͑Δө͑ΔϞόΠϧϝχϡʔ w ஫จ͔Β͓ձܭ·Ͱɺ εϚϗͰ׬݁ w ೥ͷ։ൃ։͔࢝࣌Βݱࡏ·Ͱͷɺ ༷ʑͳγεςϜͷมߋɺ ࣄۀͷมԽʹ൐͏ େن໛ͳϦΞʔΩςΫνϟͷ਺ʑͷखॱΛਤղ ࠓ೔͢Δ࿩

Slide 5

Slide 5 text

஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε w ೥ w ϕʔλ൛ͷ։ൃ w ೥ w ҆ఆ൛Ϧ Ϧʔε w ෳࣜ฽هํࣜ΁ͷରԠ w ೥ w "QQ3PVUFSҠߦ w 104Φʔϓϯઓུ΁ͷϦΞʔΩςΫνϟ શମͷྲྀΕ

Slide 6

Slide 6 text

஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε w ϥΠ ϒϥ ϦͷϦ ϑΝϨϯεతͳઆ໌΍ɺ ϝ Ϧ ο τ ɾ σϝ Ϧ ο τ͸࿩͠·ͤΜ w ࣍ͷ͜ͱ͸͢΂ͯ࿩͠·ͤΜ w /FYUKT"QQ3PVUFS͸1BHFT3PVUFSΑ ΓԿ͕༏Ε͍ͯΔ͔ w 3FBDU4FSWFS$PNQPOFOUTʹ͢Δͱߴ଎ԽͰ͖Δ͔ w 5BJMXJOE$44ͱ$44JO+4ͷൺֱ w આ໌ͷॱংΛ༏ઌ͓ͯ͠Γɺ ݫີͳ࣌ܥྻͱ͸Ұ෦ҟͳΓ ·͢ w ࣮ࡍ͸ɺ ࢿྉʹొ৔͠ͳ͍"1*΍γεςϜ͕͋Γ ·͕͢େ෯ʹ؆ུԽ͍ͯ͠·͢ w ਤதͷϖʔδ਺ɺ "1*਺͸ਖ਼֬Ͱ͸͋Γ ·ͤΜ ࠓ೔͠ͳ͍࿩

Slide 7

Slide 7 text

஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε ։ൃ։࢝Ҏલ ೥ॳ಄ ϕʔλ൛։ൃॳظ ೥

Slide 8

Slide 8 text

஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε ։ൃ։࢝Ҏલ ೥ॳ಄ ஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε ։ൃ։࢝Ҏલ ೥ॳ಄

Slide 9

Slide 9 text

஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε ։ൃ։࢝Ҏલ ೥ॳ಄ ઐ༻൛͕Քಇ ঎඼Ϛελ ձܭॲཧ ঎඼஫จॲཧ

Slide 10

Slide 10 text

஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε ύϒϦ οΫ൛ͷ։ൃ։࢝ ೥ॳ಄

Slide 11

Slide 11 text

஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε ύϒϦ οΫ൛ͷ։ൃ։࢝ ೥ॳ಄ (JU)VC3FQPTJUPSZ࡞੒

Slide 12

Slide 12 text

஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε ίϯϙʔωϯ τଆ࣮૷ணख ೥ॳ಄ʙय़

Slide 13

Slide 13 text

஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε ίϯϙʔωϯ τଆ࣮૷ணख ೥ॳ಄ʙय़ ஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε ίϯϙʔωϯ τଆ࣮૷ணख ೥ॳ಄ʙय़ getServerSideProps() /pages/index.tsx w 3FBDU /FYUKTʹͯϖʔδΛ࡞੒ w ελΠ Ϧ ϯάʹ͸FNPUJPO .6*Λ࢖༻ w ϖʔδͱରͰgetServerSideProps() Λ࣮૷

Slide 14

Slide 14 text

஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε αʔόʔଆ࣮૷ணख ೥य़ ஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε αʔόʔଆ࣮૷ணख ೥य़

Slide 15

Slide 15 text

஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε αʔόʔଆ࣮૷ணख ೥य़ ஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε αʔόʔଆ࣮૷ணख ೥य़ /pages/api handleMethod() w /pagesʹ/apiσΟ ϨΫ τ ϦΛ࡞੒ w Τϯ υϙΠϯ τΛྔ࢈͢Δ w Τϥʔϋϯ υ Ϧ ϯάΛ౷Ұతʹߦ͏ͨΊʹ ͢΂ͯͷϋϯ υϥ͸handleMethod()ؔ਺Ͱϥ οϓ

Slide 16

Slide 16 text

஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε ΫϥΠΞϯ τ ɾ αʔόʔͱ΋ʹྔ࢈ ೥य़

Slide 17

Slide 17 text

஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ձܭॲཧϖʔδͱձܭॲཧόοΫΤϯ υΛ࣮૷ ೥य़ʙՆ

Slide 18

Slide 18 text

Slide 19

Slide 19 text

஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ձܭॲཧϖʔδͱձܭॲཧόοΫΤϯ υΛ࣮૷ ೥य़ʙՆ ஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ձܭॲཧϖʔδͱձܭॲཧόοΫΤϯ υΛ࣮૷ ೥य़ʙՆ w getServerSideProps()ʹϦμΠ ϨΫ τΛ൐͏ όϦσʔγϣϯΛ࣮૷ w ձܭॲཧதͷෆਖ਼ͳը໘ભҠʹԠͯ͡ɺ ద੾ͳ ϑϩʔʹ໭ͨ͢Ίͷॲཧ w ͜Ε͕ͷͪʹܹ͠ ͘ෛ࠴Խ͢Δʜ getServerSideProps()

Slide 20

Slide 20 text

஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ϕʔλ൛ͷ׬੒ ೥ळ

Slide 21

Slide 21 text

஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ϕʔλ൛ͷ׬੒ ೥ळ ঎඼Ϛελ ঎඼஫จॲཧ ձܭॲཧ ˞ࠨӈͷઐ༻൛͸࿩୊ʹ্Βͳ͍ͨΊҎޙӅ͢

Slide 22

Slide 22 text

஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ରϝχϡʔ"1*ରࡦ ೥ౙ ύϒϦ οΫ൛Ϧ Ϧʔε ೥ౙʙ೥य़

Slide 23

Slide 23 text

஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ରϝχϡʔ"1*ରࡦ ೥ౙ

Slide 24

Slide 24 text

஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ରϝχϡʔ"1*ରࡦ ೥ౙ º w ͢΂ͯͷϋϯ υϥͰར༻͢ΔhandleMethod()ͷલஈʹͯ isContentfulϑϥάʹΑΔ෼ذΛ࣮૷ w ະདྷӬ߷࢒ΔଆΛfalseͱ ͯ͠ɺ ݹ͘ ͳΔଆΛtrueʹ͢Δ w ֎෦%#ʹอଘ͢Δͱμ΢ϯ࣌ʹٻ·Βͳ͍ͷͰ ର৅ళฮ͸؀ڥม਺ʹ+40/"SSBZΛ֨ೲ if (isContentful) { .. . }

Slide 25

Slide 25 text

஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ϝχϡʔ"1*༻ϋϯ υϥΛ࣮૷ ೥ॳ಄

Slide 26

Slide 26 text

஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ϝχϡʔ"1*༻ϋϯ υϥΛ࣮૷ ೥ॳ಄ º ஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ϝχϡʔ"1*༻ϋϯ υϥΛ࣮૷ ೥ॳ಄ handleGet() -> handleGetContentful() ʹվ໊ handleGet() ৽ن࡞੒ w ͻͱͭͻͱͭͷϋϯ υϥʹ$POUFOUGVM൛෼ذͱϝχϡʔ"1*༻ͷ ෼ذΛઃ͚ͳ͍ w ։ൃऀʹΑͬͯ෼ذՕॴ͕ඍົʹζϨΔͳͲͯ͠ɺ ࠶ར༻ੑ͕ଛͳΘΕΔͨΊ w ॲཧ๯಄ͰisContentfulϑϥάͰ෼ذ͢ΔͱఆΊΔ͜ͱͰ $POUFOUGVM༻ͱϝχϡʔ"1*༻ͷܥ౷Λ࣮૷͠ɺ ׬શʹ෼཭

Slide 27

Slide 27 text

஫จ"1* ϝχϡʔ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ϝχϡʔ"1*ͱͷܨ͗ࠐΈ ೥य़

Slide 28

Slide 28 text

஫จ"1* ϝχϡʔ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ϝχϡʔ"1*ͱͷܨ͗ࠐΈ ೥य़ ঎඼஫จॲཧ ঎඼Ϛελ ঎඼Ϛελ w ܥ౷Λ෼͚ͯ΋Ϩεϙϯε ɾ εΩʔϚ͸ಉҰͷ΋ͷΛڞ༗ w /FYUKTόοΫΤϯ υ͔Βϑϩϯ τΤϯ υ΁ͷ ΠϯλϑΣʔε͕ޓ׵ͳͨΊɺ ϑϩϯ τΤϯ υଆ͸ແվम w +40/4DIFNBΛڞ༗͠ɺ Ϩεϙϯεॲཧͷࣗಈςε τΛ࣮ࢪ w ແఀࢭͰσʔλϕʔε੾Γସ͑Λୡ੒ ޓ׵ͷεΩʔϚͰ ΫϥΠΞϯ τʹฦ٫

Slide 29

Slide 29 text

஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε τ Ϩλ09ύϒϦ οΫ൛Ϧ Ϧʔε ೥݄೔

Slide 30

Slide 30 text

஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε τ Ϩλ09ύϒϦ οΫ൛Ϧ Ϧʔε ೥݄೔ ঎඼஫จॲཧ $POUFOUGVMഇࢭ ঎඼Ϛελ

Slide 31

Slide 31 text

஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε $POUFOUGVMҨߏͷআڈલฤ ೥Ն

Slide 32

Slide 32 text

஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε $POUFOUGVMҨߏͷআڈલฤ ೥Ն ஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε $POUFOUGVMҨߏͷআڈલฤ ೥Ն w $POUFOUGVMΛݺͼग़͢ίʔ υ͕ίʔ υϕʔε಺ʹ ࢒ͬͨ··୭͔Β΋ΞΫηε͞Εͳ͘ ͳͬͨ͜ͱΛ֬ೝ w isContentfulΛϋʔ υίʔ υͰfalseͷఆ਺ʹ ஔ͖׵͑ w ϋϯ υϥΛআڈ͢Δ isContentful Λৗʹ false ʹ handleContentful() ͱɺ͔ͦ͜Βґଘ͢Δࢠؔ਺Λ͢΂ͯআڈ

Slide 33

Slide 33 text

஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε $POUFOUGVMҨߏͷআڈޙฤ ೥Ն

Slide 34

Slide 34 text

஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε $POUFOUGVMҨߏͷআڈޙฤ ೥Ն ஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε $POUFOUGVMҨߏͷআڈޙฤ ೥Ն w ෼ذࣗମΛ࣮૷͔Βআڈ͢Δ w $POUFOUGVMؔ࿈ͷίʔ υΛ͢΂ͯআڈ͢Δ w আڈ࿙Εݕ஌ʹ͸,OJQϥΠ ϒϥ ϦΛ࢖͏

Slide 35

Slide 35 text

஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ෳࣜ฽هରԠͷγεςϜվम ೥ळʙౙ ෳࣜ฽هܗࣜ΁ͷରԠ ೥ळʙౙ

Slide 36

Slide 36 text

஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ෳࣜ฽هରԠͷγεςϜվम ೥ळʙౙ

Slide 37

Slide 37 text

஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ෳࣜ฽هରԠͷγεςϜվम ೥ळʙౙ ஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ෳࣜ฽هରԠͷγεςϜվम ೥ळʙౙ w ஫จϚΠΫϩαʔϏεͷצఆܥॲཧʹ ˙ैདྷํࣜʹՃ͑ͯ˙ෳࣜ฽هํ͕ࣜ ࣮૷͞Εͨ

Slide 38

Slide 38 text

஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ෳࣜ฽هରԠͷͨΊͷ"1*࣮૷ ೥ळʙౙ

Slide 39

Slide 39 text

஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ෳࣜ฽هରԠͷͨΊͷ"1*࣮૷ ೥ळʙౙ ஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ෳࣜ฽هରԠͷͨΊͷ"1*࣮૷ ೥ळʙౙ w ஫จ"1*ʹ৽ܥ౷ͷΤϯ υϙΠϯ τ͕ ࣮૷͞Εɺ ෳࣜ฽هܥΛѻ͑ΔΑ ͏ʹͳͬͨ w ύϒϦ οΫ൛͸·ͩैདྷํࣜʹ͔͠ରԠ Ͱ͖͍ͯͳ͍ ஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ෳࣜ฽هରԠͷͨΊͷ"1*࣮૷ ೥ळʙౙ

Slide 40

Slide 40 text

Slide 41

Slide 41 text

஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ෳࣜ฽هରԠʹҠߦ͢ΔͨΊͷ෼ذॲཧΛ௥Ճ ೥ౙ ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ෳࣜ฽هରԠʹҠߦ͢ΔͨΊͷ෼ذॲཧΛ௥Ճ ೥ౙ ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε w ໿൒೥ޙʹશళฮ͕ෳࣜ฽هରԠʹҠߦ͢Δͱ͍͏ ࣄۀܭըʹج͖ͮɺ ैདྷํࣜΛ͙͢আڈͰ͖ΔΑ ͏ʹ ifϒϩοΫ಺ʹҠ͢ w ͜ͷ൑அ͕ɺ ͷͪʹཪ໨ʹͰΔ if (isLegacyInvoice) { .. . }

Slide 42

Slide 42 text

Slide 43

Slide 43 text

Slide 44

Slide 44 text

஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε 104Φʔϓϯઓུͷ࢝ಈ ೥ॳ಄ ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε 104Φʔϓϯઓུͷ࢝ಈ ೥ॳ಄ w ࣗࣾϞόΠϧϝχϡʔࣗࣾ104ͱ͍͏ ΞʔΩςΫνϟʹ ࣄۀܭը্ͷ࠷େͷస׵ظ͕๚ΕΔ w ଞࣾͷ104γεςϜͱͷ࿈ܞػೳͷ࣮૷͕ܾ·Δ w εέδϡʔϧ͸λΠ τ

Slide 45

Slide 45 text

஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε 104Φʔϓϯઓུͷ࢝ಈ ೥ॳ಄ ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε 104Φʔϓϯઓུͷ࢝ಈ ೥ॳ಄ w 104࿈ܞεέδϡʔϧతʹɺ Ұ౓૸Γ࢝ΊͨΒळظࠒ·Ͱ શͯͷ։ൃϦ ιʔε͕ͦͪΒΛ޲͘ؾ഑͕͋ͬͨ w /&$ϞόΠϧ104ணखલʹɺ ؾ߹͍ͷ"QQ3PVUFSҠߦ

Slide 46

Slide 46 text

Slide 47

Slide 47 text

஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε "QQ3PVUFSԽͷணख ೥ॳ಄ʙय़ ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε "QQ3PVUFSԽͷணख ೥ॳ಄ʙय़ w ·ͣશͯͷϖʔδͷϧʔ τίϯϙʔωϯ τΛࢠίϯϙʔωϯ τԽ͠ ͦΕΒΛϥ οϓ͢Δ৽ϧʔ τίϯϙʔωϯ τΛ࡞੒͢Δ

Slide 48

Slide 48 text

஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε "QQ3PVUFSԽͷணख ೥ॳ಄ʙय़ ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε "QQ3PVUFSԽͷணख ೥ॳ಄ʙय़ w ͰձܭϖʔδͷϦμΠ ϨΫ τॲཧΛgetServerSideProps()ʹ࣮૷ͨ͠ w དྷ٬ͷձܭঢ়گΛαʔόʔʹ໰͍߹Θͤͯɺ ͦͷঢ়گʹԠͯ͡ϦμΠ ϨΫ τ͢Δ w ͜ͷॲཧΛଞͷ৔ॴʹҠઃ͠ͳ͍ͱ"QQ3PVUFSԽ͕ୡ੒Ͱ͖ͳ͍

Slide 49

Slide 49 text

Slide 50

Slide 50 text

஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε HFU4FSWFS4JEF1SPQT ͷड͚ࡼ"1*Λ࣮૷ ೥य़ ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε HFU4FSWFS4JEF1SPQT ͷड͚ࡼ"1*Λ࣮૷ ೥य़ w redirect-destination "1*Λ࣮૷ͨ͠ w ܾࡁঢ়گʹج͍ͮͨϦμΠ ϨΫ τܥͷॲཧΛҰखʹҾ͖ड͚Δ w ͜ͷ"1*Λઃ͚Δ͜ͱͰɺ όοΫΤϯ υͰ͸ͳ͘ ϑϩϯ τΤϯ υ͔Β ϦμΠ ϨΫ τઌܭࢉͷ݁ՌΛಘΔ͜ͱ͕Ͱ͖Δ

Slide 51

Slide 51 text

Slide 52

Slide 52 text

஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε HFU4FSWFS4JEF1SPQT Ҡߦલฤ ೥य़ ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε HFU4FSWFS4JEF1SPQT Ҡߦલฤ ೥य़ w getServerSideProps()Ͱ࣮ࢪ͍ͯ͠ΔURLSearchParamsͷ όϦσʔγϣϯॲཧΛɺ ը໘͚ͩΫϥΠΞϯ τ ɾ αΠ υʹҠઃ w Ͱ৽ϧʔ τίϯϙʔωϯ τΛઃ͚͍ͯΔͷͰɺ ͦͷ༨஍ʹҠઃ͢Δ

Slide 53

Slide 53 text

Slide 54

Slide 54 text

஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε HFU4FSWFS4JEF1SPQT Ҡߦޙฤ ೥य़ ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε HFU4FSWFS4JEF1SPQT Ҡߦޙฤ ೥य़ w getServerSideProps()ͰݺͿ͚ͩʹมߋͨ͠ redirect-destination"1*ΛΫϥΠΞϯ τ ɾ αΠ υ͔Β ݺͿΑ ͏ʹมߋ w ·ͣ͸ը໘͚ͩ

Slide 55

Slide 55 text

Slide 56

Slide 56 text

஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε HFU4FSWFS4JEF1SPQT શഇ ೥य़ ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε HFU4FSWFS4JEF1SPQT શഇ ೥य़ w ஫จܥϖʔδͷURLSearchParamsͷόϦσʔγϣϯɺ ձܭॲཧܥϖʔδͷϦμΠ ϨΫ τॲཧΛ͢΂ͯΫϥΠΞϯ ταΠ υʹҠઃ w getServerSideProps()ΛҰ੾࢖Θͳ͍/FYUKT1BHFT3PVUFS ͷΞʔΩςΫνϟΛୡ੒

Slide 57

Slide 57 text

Slide 58

Slide 58 text

Slide 59

Slide 59 text

஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε "QQ3PVUFSԽΛୡ੒ ೥य़ ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε "QQ3PVUFSԽΛୡ੒ ೥य़ w ͢΂ͯͷ/pages/index.tsxΛ/app/page.tsxʹҠಈ ɾ ϦωʔϜ w pages/app.tsxͳͲͷॲཧΛ/app/layout.tsxʹదٓҠઃ /app /app/page.tsx

Slide 60

Slide 60 text

஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε "QQ3PVUFSԽΛୡ੒ ೥य़ ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε "QQ3PVUFSԽΛୡ੒ ೥य़ w ͔ͭͯϖʔδͷϧʔ τͩͬͨࢠίϯϙʔωϯ τʹ Ұ཯Ͱ"use client"Λ෇༩͢Δ "use client"

Slide 61

Slide 61 text

Slide 62

Slide 62 text

Slide 63

Slide 63 text

Slide 64

Slide 64 text

஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ର104Φʔϓϯઓུͷج൫Λ࣮૷ ೥य़ ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ର104Φʔϓϯઓུͷج൫Λ࣮૷ ೥य़ w 104࿈ܞ͸isContentfulϑϥάͱ͸ҟͳΓɺ ߃ٱతʹ࢒Δ֓೦ͷ ͨΊɺ ࢓૊ΈΛ੔උ͢Δඞཁ͕͋Δ w handleFacade()ؔ਺Λ࣮૷ w 'BDBEFύλʔϯͱ4USBUFHZύλʔϯΛ૊Έ߹Θͤͯɺ ෳ਺ͷ104޲͚ͷ ॲཧ෼ذ͕Ұͭͷؔ਺ͷதͰࠞࡏ͠ͳ͍Α ͏ʹ׬શʹ෼཭ͤ͞Δ handleFacade()

Slide 65

Slide 65 text

Slide 66

Slide 66 text

஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε /&$ϞόΠϧ104༻ͷϋϯ υϥΛ࣮૷ ೥य़ ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε /&$ϞόΠϧ104༻ͷϋϯ υϥΛ࣮૷ ೥य़ w طଘͷࣾ಺੡104 09104 ͱ͸શ͘ҟͳΔܥ౷Ͱ /&$ϞόΠϧ104༻ϋϯ υϥΛ࣮૷ w "EBQUFS૚Ͱߏ଄Λ09104ޓ׵ʹม׵͠ ΫϥΠΞϯ τ ɾ αΠ υʹฦ٫͢Δσʔλͷޓ׵ੑΛҡ࣋ w $POUFOUGVM࣌୅Λܦݧ͍ͯ͠ΔͷͰϋϚΓ Ͳ͜ΖΛ ཧղ͍ͯͨ͠ ঎඼Ϛελ ঎඼Ϛελ ޓ׵ͷεΩʔϚͰ ΫϥΠΞϯ τʹฦ٫

Slide 67

Slide 67 text

஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ෳࣜ฽هରԠͷԆ໋ରࡦ ೥य़

Slide 68

Slide 68 text

஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ෳࣜ฽هରԠͷԆ໋ରࡦ ೥य़ ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ෳࣜ฽هରԠͷԆ໋ରࡦ ೥य़ w ʮશళฮ͕ෳࣜ฽هରԠʹҠߦ͢Δʯ ͱ͍͏ࣄۀܭը͕ ԆظʹͳͬͨͨΊɺ ͙͢ফͤΔΑ ͏ʹif෼ذͰ࡞ͬͨ Օॴ͕ු͖࢝ΊΔ w 104ผ෼ذͷ࢓૊ΈͱձܭॲཧํࣜʹΑΔ෼ذ͕ νάϋάʹͳ͍ͬͯΔͷͰ౷Ұ͍ͨ͠

Slide 69

Slide 69 text

஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ෳࣜ฽هରԠͷԆ໋ରࡦ ೥य़ ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ෳࣜ฽هରԠͷԆ໋ରࡦ ೥य़ w 104ผ෼ذͷ࢓૊ΈhandleFacade()Ͱ ձܭॲཧํࣜ΋֬ೝ͢ΔΑ ͏վम w ෳ੡ͨ͠ϋϯ υϥͷยํͷisLegacyInvoice ϑϥάΛfalseʹϋʔ υίʔ υ w ΋͏ยํͷisLegacyInvoiceϑϥάΛ trueʹϋʔ υίʔ υ const isLegacyInvoice = false; const isLegacyInvoice = true;

Slide 70

Slide 70 text

஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ෳࣜ฽هରԠॲཧͷ4USBUFHZԽ ೥य़

Slide 71

Slide 71 text

஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ෳࣜ฽هରԠॲཧͷ4USBUFHZԽ ೥य़ ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ෳࣜ฽هରԠॲཧͷ4USBUFHZԽ ೥य़ w boolean஋͕ϋʔ υίʔ υ͞Εͨఆ਺Λࢀর͢ΔifϒϩοΫ͸ ৑௕Ͱ͔͠ͳ͍ͷͰɺ ֘౰͠ͳ͍ॲཧΛ͢΂ͯআڈ w ͜ΕͰैདྷํࣜͱෳࣜ฽هํࣜͷ࣮૷͕ࠩ104ผͷ࣮૷ࠩͱ ಉ౳ʹѻ͑ΔΑ ͏ʹͳΓɺ ίʔ υͷݟ௨͕͠େ෯ʹվળ͞Εͨ

Slide 72

Slide 72 text

஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε /&$ϞόΠϧ104ରԠ൛ΛϦ Ϧʔε ೥݄೔

Slide 73

Slide 73 text

஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε /&$ϞόΠϧ104ରԠ൛ΛϦ Ϧʔε ೥݄೔ ঎඼Ϛελ ঎඼஫จॲཧ ʢ09ʣ ձܭॲཧ ʢچࣜʣ ձܭॲཧ ʢෳࣜ฽هʣ ঎඼஫จॲཧ ʢ/&$ϞόΠϧ104ʣ ঎඼Ϛελ

Slide 74

Slide 74 text

Slide 75

Slide 75 text

஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε 104Φʔϓϯઓུج൫ͷணख ೥Ն ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε 104Φʔϓϯઓུج൫ͷணख ೥Ն w ͞Βʹଞࣾ࿈ܞΛ֦͛ΔͨΊʹ104Φʔϓϯઓུج൫ͷ։ൃʹணख w /&$ϞόΠϧ104ͱ͸௚઀ϞόΠϧϝχϡʔΞϓϦͷόοΫΤϯ υ͕ ௨৴͕ͨ͠ɺ ࠓޙ͸104Φʔϓϯઓུج൫Λܦ༝ͤ͞Δ

Slide 76

Slide 76 text

஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε 104Φʔϓϯઓུج൫ʹ޲͚ͨϋϯ υϥͷ࣮૷ ೥Ն

Slide 77

Slide 77 text

஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε 104Φʔϓϯઓུج൫ʹ޲͚ͨϋϯ υϥͷ࣮૷ ೥Ն ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε 104Φʔϓϯઓུج൫ʹ޲͚ͨϋϯ υϥͷ࣮૷ ೥Ն ޓ׵ͷεΩʔϚͰ ΫϥΠΞϯ τʹฦ٫ ঎඼Ϛελ ঎඼Ϛελ ঎඼Ϛελ w 4USBUFHZύλʔϯͷج൫Λ࣮૷ࡁΈͳͷͰɺ ͔͜͜Β͞Βʹผܥ౷ͷ 104Λ௥Ճ͢Δͷ͸༰қͱͳͬͨ w 104Φʔϓϯઓུج൫༻ͷܥ౷Λ৽ͨʹઃ͚Δ w /&$ϞόΠϧ104ͱ͸௚઀௨৴͢Δ͕ɺ ͍ͣΕج൫ଆʹҠઃ͍ͨ͠

Slide 78

Slide 78 text

஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε "QQ3PVUFS34$લఏͷ৽نϖʔδͷ࡞੒ ೥Ն

Slide 79

Slide 79 text

஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε "QQ3PVUFS34$લఏͷ৽نϖʔδͷ࡞੒ ೥Ն ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε ஫จ"1* 104Φʔϓϯઓུج൫ /&$ϞόΠϧ104 ϝχϡʔ"1* ஫จϚΠΫϩαʔϏε "QQ3PVUFS34$લఏͷ৽نϖʔδͷ࡞੒ ೥Ն w ೥ՆҎ߱ͷ৽نϖʔδ͸"QQ3PVUFSલఏͷઃܭ w getServerSideProps()༻ͷޓ׵ؔ਺Λ࠷ॳ͔Β ࣮૷ͤͣɺ 5BJMXJOE$44લఏͰελΠ Ϧ ϯά w 4FSWFS"DUJPOTΛલఏͱͨ͠'PSNॲཧ

Slide 80

Slide 80 text

஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε w /PEFKTYˠY w 5ZQF4DSJQUˠ w /FYUKTˠ w 3FBDUˠ ϥΠ ϒϥ Ϧͷมભ

Slide 81

Slide 81 text

஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε w खͣͭਐΊΔ͜ͱΛৗʹҙࣝͨ͠ w ϋϊΠͷౝΛղ͘ Α ͏ʹࠜؾڧ͘खͣͭਐΊΔ wʮ"Λ͠ͳ͕Βಉ࣌ʹ#΋΍ͬͪΌ͓͏ʯ ͸ࣄނͷݩ wʮ"͕׬ྃ͢Δ·Ͱ#͸΍Βͳ͍ʯ Λ؏͖νʔϜ಺ͰೝࣝΛἧ͑ͨ w ͋ΒΏΔ ϦΞʔΩςΫνϟʹ͍ͭͯ໖ີʹ޻ఔΛ࿅ͬͯνʔϜ಺Ͱਤղ͠ ݶΒΕͨ޻਺Ͱߦ͖౰ͨΓ͹ͬͨΓͳϦ ϑΝΫλ Ϧ ϯάΛ࣮ࢪ͠ͳ͍Α ͏ܭըͨ͠ ԿʹؾΛ͚͔ͭͨ

Slide 82

Slide 82 text

஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε w ΞʔΩςΫνϟ͕ෳࡶʹͳΓɺ ࿈ܞ͢ΔγεςϜ͕૿͑Δ΄Ͳ ίʔ υ ϨϏϡʔͰͷώϡʔϚϯΤϥʔ͕૿͑࢝ΊΔ w ͱʹ͔͘ ࣗಈԽ͢Δ w 5ZQF4DSJQU 7JUFTU &4-JOU 1SFUUJFS ,OJQ w ґଘؔ܎ͷଥ౰ੑΛௐࠪ͢ΔϧʔϧΛ&4-JOUno-restricted-pathsͰ ఆٛͨ͠ w 5ZQF4DSJQU ϑΝΠϧҎ্ͷݕࠪʹ෼͔͔ΔͨΊݕࠪϥΠ ϒϥ ϦΛࣗ࡞ͨ͠ w ಉ಺༰ͷݕ͕ࠪඵͰऴΘΔΑ ͏ʹͳͬͨͷͰɺ ޙ೔044Խ͢Δ༧ఆ ࣗಈԽࢧԉ

Slide 83

Slide 83 text

஫จ"1* $POUFOUGVMʢ঎඼$.4ʣ ஫จϚΠΫϩαʔϏε w :"(/*ݪଇʹै͏ w ࠓͷઃܭʹ໰୊͕ͳ͍͔৺഑͗͢͠ͳ͍ w ࣗ෼ͨͪͷࠓͷ஌ࣝͱࠓͷεΩϧΛ৴͡Δ w ະདྷ͕ͲͬͪʹసΜͰ΋Կ͔͠Β໰୊͸ى͜Δ w ͢΂ͯͷॲཧʹςε τΛॻ͘ w ͱʹ͔͘ ςε τΛॻ͍ͯଉΛ͢ΔΑ ͏ʹϦ ϑΝΫλ Ϧ ϯάΛ࣮ࢪ͢Δ w ෼ذॲཧ͸͍͔ͳΔঢ়گͰ΋ѱɺ ਺͕࠷খʹͳΔ޻෉Λܧଓ͢Δ w ͋ΒΏΔ΋ͷ͸ɺ ࠶ར༻ੑΑ Γ ΋ࣺͯ΍͢͞Λ࠷༏ઌʹ͢Δ $PODMVTJPO