Tweet
Tweet

Slide 1

Slide 1 text

© Crescware ϲ݄Ͱ8FCαʔϏεΛ࡞ͬͨ࿩ %FD 1JZPHSBNNFS$POGFSFODF !DSFTDXBSF ೥ͱ

Slide 2

Slide 2 text

© Crescware ୭ w ΫϨε΢ΣΞגࣜձࣾ w Ԟ໺ݡଠ࿠ !PLVOPLFOUBSP w Իֶָߍߨࢣ 
 ˠ࡞ۂՈ 
 ˠ8FCσϕϩούʔ 
 ˠࣾ௕ w 5ZQF4DSJQU೥ w "OHVMBS೥ɺ /FYUKT 3FBDU ೥

Slide 3

Slide 3 text

© Crescware ͳΜͷ࿩Λ͢Δ͔ w 8FCαʔϏεΛ࡞ͬͨ w ͳͥ࡞ͬͨͷ͔ w Ͳ͏΍ͬͯ࡞ͬͨͷ͔

Slide 4

Slide 4 text

© Crescware 8FCαʔϏεΛ࡞ͬͨ

Slide 5

Slide 5 text

© Crescware

Slide 6

Slide 6 text

© Crescware .PUJGBSZ wʰ͢΂ͯͷۂΛɺ ·ͱΊΑ ͏ɻ ʱ Λϛογϣϯʹܝ͛Δ 
 Իָσʔλϕʔε ɾ αʔϏε w ஍ٿ্͢΂ͯͷɺ ྺ্࢙͢΂ͯͷɺ 
 จࣈ௨Γ͢΂ͯͷۂΛ·ͱΊΔͨΊͷϓϥ ο τϑΥʔϜ

Slide 7

Slide 7 text

© Crescware ͳͥ࡞ͬͨͷ͔

Slide 8

Slide 8 text

© Crescware ೥ w ࡞ۂՈͱͯ͠ऩೖΛಘ͍ͯͨԞ໺ w ࢴͷखாʹ͸๲େͳϝϞ͕ w ͋ͷۂͷίʔ υਐߦɺ ͋ͷۂͷϝϩσΟʜ w ࡭ͷϞϨεΩϯखாʹϏογϦ ͱॻ͖ࠐ·ΕΔ

Slide 9

Slide 9 text

© Crescware ࢴͷݕࡧੑͷѱ͞ w J1IPOFΛ࢖͍ͬͯͨ w Ͱ΋·ͩ·ͩࢴͷ࣌୅ w ϖʔδ͍ۙखாͷͲ͜ʹԿΛϝϞ͔ͨ͠ 
 ୳͢ͷ͕ͭΒ͍

Slide 10

Slide 10 text

© Crescware J1IPOFͷϝϞػೳ w ౰࣌΋ࠓ΋Իָʹ͸ಛԽ͍ͯ͠ͳ͍ w ָේΛϝϞͰ͖ͳ͍ w खாͷԿ࡭໨ͷԿϖʔδʹͲΜͳ৘ใΛ࢒͔ͨ͠ 
 ΤΫηϧͰه࿥͢Δ͜ͱʹ

Slide 11

Slide 11 text

© Crescware ΤΫηϧͷݶք w ೖྗ΋ݕࡧ΋໘౗͘ ͍͞ w Իָ৘ใΛೖྗ͠Α ͏ ͱͯ͠΋ϊʔόϦσʔγϣϯ w ܭࢉࣜ΍ϚΫϩΛ͍Ζ͍ΖؤுΔ͕టপ w ΤΫηϧ͸ϛϡʔδγϟϯʹ༏͘͠ͳ͍

Slide 12

Slide 12 text

© Crescware σʔλϕʔεԽ w ΤΫηϧΛఘΊΔ w 'JMF.BLFS1SPΛ࢝ΊΔ w ͜ͷͱ͖8FCσβΠϯձࣾͰΞϧόΠ τΛ͍ͯͨ͠Ԟ໺ w ͦ͜ͷސ٬؅ཧʹ'JMF.BLFS1SP͕࢖ΘΕ͍ͯͨ w 'JMF.BLFS1SP͸Ϧ ονͳ(6*͕૊ΊΔ

Slide 13

Slide 13 text

© Crescware ϊʔίʔ υͷݶք w 'JMF.BLFS1SPʹ͸εΫ Ϧ ϓτػೳ͕͋Δ w ύϨο τ͔ΒॲཧΛબ୒ͯ͠ υϥ οά ɾ υϩοϓͰฒͼସ͑Δײ͡ w ঃʑʹෳࡶԽ w ςε τ΋ॻ͚ͳ͍ͨΊόά͕໨ཱͭ w σʔλͷೖྗΑ Γ ΋εΫ Ϧ ϓτमਖ਼ʹ࣌ؒΛඅ΍͢͜ͱʹͳΓ ε τ Ϩε

Slide 14

Slide 14 text

© Crescware ΞϓϦԽΛࢥ͍ͭ͘ w 'JMF.BLFS1SPͰࣗ෼ͷཧ૝ͷσʔλϕʔεΛ࡞Δͷ͸ݫ͍͠ w J1IPOFΞϓϦʹ͢Δ ʁ w J1IPOFΞϓϦͬͯͲ͏΍ͬͯ࡞ΕΔ ʁ w ԿΛษڧ͢Ε͹͍͍ ʁ w ͔Ζ͏ ͯ͡K2VFSZ͚ͩ৮ͬͨ͜ͱ͋Δঢ়ଶ w ແ๳ʹ΋0CKFDUJWF$ͷֶशΛ࢝ΊΔ

Slide 15

Slide 15 text

© Crescware Կ͕Θ͔Βͳ͍͔Θ͔Βͳ͍ w 0CKFDUJWF$͕Կ΋Θ͔Βͳ͍ w ΦϒδΣΫ τࢦ޲ͬͯԿ ʁ w ΠϯελϯεͬͯԿ ʁ w γϯάϧ τϯͬͯԿ ʁ w ฉ͍ͨ͜ͱͷͳ͍୯ޠͩΒ͚ͷຊΛಡΜͰ΋ 
 ͦ΋ͦ΋ॻ͔Ε͍ͯΔ͜ͱ͕Ұ੾Θ͔Βͳ͍

Slide 16

Slide 16 text

© Crescware ࠳ં͔Βͷ1)1 w 0CKFDUJWF$ʹͯɺ νϡʔ τ ϦΞϧͷΞϓϦ͢Β׬੒ͤ͞ΒΕͣ࠳ં w ͪΐ ͏ Ͳ8FCσβΠϯͷόΠ τͰ8PSE1SFTTͷҊ݅Λॳ୲౰ w QIQ.Z"ENJOΛΑ ͘৮Δ w 1)1ͩͬͨΒ0CKFDUJWF$Α Γ؆୯ ʁ

Slide 17

Slide 17 text

© Crescware .".1ελοΫ w .".1ελοΫΛֶͿ w .BDJOUPTI "QBDIF .Z42- 1)1ʹΑΔߏ੒ͷ͜ͱ

Slide 18

Slide 18 text

© Crescware .&"/ελοΫ w ΄Ͳͳ͘ ͯ͠ʜ w .&"/ελοΫΛֶͿ w .POHP%# &YQSFTT+4 "OHVMBS+4 /PEFKTʹΑΔߏ੒ͷ͜ͱ

Slide 19

Slide 19 text

© Crescware ୤"QQMFɺ ͦͯ͠8FC΁ w ೥ w ΋͠0CKFDUJWF$ΛۃΊͯ΋ 
 "QQMF͕কདྷ ʮ0CKFDUJWF$΍Ί·͢ʯ ͱ͔ݴ͍ग़ͨ͠ΒແବʹͳΓͦ͏ w "QQMFҎ֎΋࢖ͬͯΔݴޠ ɾ ٕज़ͷํ͕౤ࢿͷՁ஋͕͋Γͦ͏ w .&"/ελοΫΛؤுͬͯΈΕ͹ 
 ͲΜͳ؀ڥͰ΋ಈ͖ͦ͏ͳͷͰɺ ΍ΔՁ஋͋ΔͷͰ͸ ʁ w 8FCΛͪΌΜͱ΍Ζ͏ ͱܾ৺͢Δ w ح੻తʹͦΕʹؾ෇͍ͨ൒೥ޙɺ "QQMF͕4XJGUΛެ։͢Δ͜ͱͱͳΔ

Slide 20

Slide 20 text

© Crescware "OHVMBS+45ZQF4DSJQU w .&"/ελοΫͰάάΔͱ৭ʑग़ͯ͘ Δ wʮ͍·ΞϓϦέʔγϣϯΛ࡞ΔͷͰ͋Ε͹"OHVMBS+4͕͍͍Αʯ wʮ͍·ֶͿͳΒ"MU+4͕͍͍Αʯ w "MU+4ʹ͸$PGGFF4DSJQUͱ͔5ZQF4DSJQUͱ͔͕͋ΔΒ͍͠ • https://teppeis.hatenablog.com/entry/typescript-0.9.1 w 0CKFDUJWF$Λগͳ͔Βͣ৮ͬͨͷͰ 
 ܕ෇͖ίϯύΠϧ͋Γͷ5ZQF4DSJQUͷ΄͏͕خ͔ͬͨ͠

Slide 21

Slide 21 text

© Crescware ษڧձσϏϡʔ w "OHVMBS+4͕શવΘ͔ΒΜ w ख୳ΓͰ͍Ζ͍Ζ͕Μ͹Δ w 5ZQF4DSJQUͷ೔ຊޠࢿྉ΋΄΅ͳ͍ w Α ͏΍͘5ZQF4DSJQU͕ग़ͨ w "OHVMBS+4ษڧձʹࢀՃ͢Ε͹ɺ ͦ͜Ͱ஌Γ߹ͬͨਓʹ࣭໰Ͱ͖Δ͔΋ w ژ౎ʹॅΜͰ͍ͨͷͰେࡕͷษڧձʹਃ͠ࠐΉ

Slide 22

Slide 22 text

© Crescware ਓੜΛม͑ͯ͠·ͬͨग़ձ͍

Slide 23

Slide 23 text

© Crescware ࠷ڧͷ༑ਓ w ೔ຊେֶจཧֶ෦৘ใՊֶՊඌ্ݚڀࣨͷ 
 ඌ্༸հ͞Μ !MJLS ͱ͸͜͜Ͱ஌Γ߹͏ w ٕज़ྗ͕ڪΖ͍͘͠ Β͍ߴ͍ w ࡀ͕ಉ͘͡ Β͍ͷ͸ͣͳͷʹ࠷ڧײ͕ඬ͍ͬͯΔ wʮ͜Ε͕ϓϩͷΤϯδχΞͬͯ΍͔ͭ ʂ ʂ ʯ w ౰࣌8FC੍࡞ͷΞϧόΠ τͩͬͨԞ໺ 
 ΤϯδχΞͷҰൠతͳਫ४ඌ্͞ΜͰ͋Δͱࢥ͍͜ΜͰ͠· ͏ w ͻΑ͜͸ॳΊͯݟͨ΋ͷΛ਌ͩͱೝࣝ͢Δͱ͍͏ ΞϨ

Slide 24

Slide 24 text

© Crescware 8FCͷྗ w ඌ্͞Μʹग़ձͬͯ͠·ͬͨ͜ͱͰ 
 8FCͷٕज़Λຏ͖8FCٕज़Λۦ࢖ͯ͠Կ͔ΛੜΈग़͢͜ͱʹڧ͘ڵຯΛ࣋ͭ w Իָۀքͷ࢓ࣄͱ8FC੍࡞ͷΞϧόΠ τͷɺ ೋ଍ͷΘΒ͡ͷԞ໺ 
 ʮԻָͱ8FCΛ྆ํͰ͖Δ།Ұແೋͷϓϩʯ ʹͳΓ͍ͨͱߟ͑࢝ΊΔ

Slide 25

Slide 25 text

© Crescware .PUJGBSZͷ๖ժ w ೥͔Β೥·Ͱɺ ࢼߦࡨޡͯ͠͸࠳ં͍ͯͨ͠Իָσʔλϕʔε΋ 
 ΋ͬͱ಺༰Λݕ౼ͨ͠Βࣗ෼Ҏ֎ͷਓͷ໾ʹ΋ཱͯΔΜ͡Όͳ͔Ζ͏͔ ʁ w ࣗ෼༻ͷศརπʔϧͱͯ͠"OHVMBS+4ͳͲΛؤு͍͕ͬͯͨ 
 ͔ͤͬ͘ͳΒଟ͘ͷਓʹ࢖ͬͯ΋Β͑Δ΋ͷʹ͍ͨ͠

Slide 26

Slide 26 text

© Crescware 8FCαʔϏεͱ ͯ͠ग़͢͜ͱͰੈքΛม͍͑ͨ

Slide 27

Slide 27 text

© Crescware 8FCۀք΁

Slide 28

Slide 28 text

© Crescware ษڧձొஃσϏϡʔ w "OHVMBS+4ษڧձͷελοϑͷํ͔Β 
 Ͱ஻Βͳ͍͔ͱ༠ΘΕΔ w ͜Μͳ8FC੍࡞όΠ τͷ υૉਓ͕ 
 ਓલͰ஻͍͍ͬͯͷ͔ʜͱͳΔ w ͜ͷ࣌·ͩɺ ੈͷΤϯδχΞ͸શһ͕ඌ্͞ΜΫϥε 
 ͩͱࢥ͍͜ΜͰ͍ΔͷͰ 
 ͦΕʹஏ͡ͳ͍಺༰ʹͤͶ͹ɺ ͱؾ߹ΛೖΕΔ w ਓલͰ੹೚Λ࣋ͬͯԿ͔Λ఻͑ΔͨΊʹ 
 ཪऔΓΛ೦ೖΓʹ͢Δ

Slide 29

Slide 29 text

© Crescware ඌ্͞ΜΫϥεʹͳΔͨΊʹ w ษڧձొஃσϏϡʔΛܦͯɺ w ษڧձͰൃද͢Δ w -5Ͱ஻Δ w ٕज़هࣄΛॻ͍ͯಡΜͰ΋Β͏ 
 ͜ͱ͕ࣗ෼ͷதͰ౰ͨΓલʹͳ͍ͬͯ͘ w Ξ΢ τϓο τͷ਺͚ͩ੒௕Λ࣮ײ͢Δ w ͜ͷͱ͖͸·ͩɺ ੒௕ͨ͠Β͍͔ͭඌ্͞ΜΫϥεʹͳΔͱࢥͬͯΔ

Slide 30

Slide 30 text

© Crescware ࣌͸ྲྀΕͯʜ w ژ౎͔Βϓϩࢤ๬Ͱస৬׆ಈΛ࢝ΊͨΒ 
 $IBUXPSLגࣜձࣾʹ༠͍͚ͬͯͨͩΔ w ͦͯ͠ɺ גࣜձࣾϐΫηϧάϦ ο υʹస৬͢Δ w ͦͯ͠ɺ ϑ Ϧʔϥϯεͷϑϩϯ τΤϯ υʹͳΔ

Slide 31

Slide 31 text

© Crescware Ͱɺ .PUJGBSZ͸ ʁ ʁ w ͳ·͡4BB4اۀ΍डୗاۀʹॴଐͨ͠ͷͰɺ ͍Ζ͍Ζͱݱ࣮͕ݟ͑ͯ͘ Δ w ҰਓͰ8FCαʔϏεͷ͢΂ͯΛ࣮૷͢ΔͭΒ͞ΛޛΔ w ϑϩϯ τΤϯ υ΋େม w όοΫΤϯ υͳΜͯ΍ͬͨ͜ͱ͢Βͳ͍ w σʔλϕʔεΠϯϑϥ΋Α ͘෼͔ͬͯͳ͍ w ͦ΋ͦ΋8FCαʔϏεͬͯɺ Ͳ͏΍ͬͯͰ͖ͯΔͷ͔࣮͸Θ͔ͬͯͳ͍ w ࣗ෼ͷٕज़ྗͷແ͞ΛטΈకΊɺ ΍Γ͍͕ͨલʹ౿Έग़ͤͳ͍ w ͋ͱඌ্͞Μ͸όέϞϊ

Slide 32

Slide 32 text

© Crescware ࠓ͸·ͩૣ͍Λݴ͍༁ʹͯ͠͠· ͏ w ࠓͷࣗ෼ͷεΩϧͰ͸·ͩ8FCαʔϏεΛ࡞ΔҬʹୡ͍ͯ͠ͳ͍ w ͱ͸͍͑8FCαʔϏεΛ࡞Βͳ͘ ͯ΋ੜ׆අ͸Ք͛ͯΔ͠ɺ 
 ָ͍͠5ZQF4DSJQUͰͷ։ൃۀ຿͸ଓ͚ΒΕΔ͠ɺ 
 ࠓͦ΋ͦ΋ࣗ෼͸΋͏Իָۀք཭Εͨ͠ɺ 
 ΋͏͍͍͔ͳʜ

Slide 33

Slide 33 text

© Crescware ʮ͍ͭϦ Ϧʔε͢ΔΜͰ͔͢ʯ

Slide 34

Slide 34 text

© Crescware ͋ͷͱ͖ͷ೤ҙ w ೥ w ඌ্͞Μͱग़ձͬͨͱ͖ͷিܸ w .PUJGBSZΛ͍͔ͭੈʹग़͢ͱ͍͏೤ҙ w ෆ޾ʹ΋ඌ্͞ΜʹͦΕΛᕵʑ ͱઆ͍ͨͨΊʹ 
 ඌ্͞Μ͔Β ʮͰɺ ͍ͭϦ Ϧʔε͢Δͷʯ ͱຖ೥ແݶʹݴΘΕଓ͚Δ w ͜͜Ͱग़͞ͳ͔ͬͨΒࢮ͵·ͰݴΘΕͦ͏ w ͦ͏ͩɺ Զ͸Ϧ Ϧʔε͢ΔΜͩ

Slide 35

Slide 35 text

© Crescware Ͱɺ Ϧ Ϧʔεͨ͠

Slide 36

Slide 36 text

© Crescware ҰਓͰͲ͜·ͰͰ͖Δ͔ w ޾͍/PEFKT5ZQF4DSJQUͷ͜ͱ͚ͩΛߟ͑Ε͹ 
 ϑϩϯ τΤϯ υόοΫΤϯ υશମΛಠྗͰ࣮૷͖͠ΔεΩϧ͸͍ͭͨ w ίʔ υΛॻ͚ͩ͘ͳΒ୯७ʹͻͨ͢Βॻ͚͹Ͱ͖ͦ͏ w ۀ຿தɺ ଞਓʹ೚͍ͤͯͨྖҬ w σʔλϕʔεͷҡ࣋΍ϚΠάϨʔγϣϯͷۀ຿ϊ΢ϋ΢͸ͳ͍ w Πϯϑϥҡ࣋ͷϊ΢ϋ΢΋࣋ͬͯͳ͍ w ͦͷ΁ΜͷྖҬΛͲ͏͢Δ͔

Slide 37

Slide 37 text

© Crescware Ξ΢ τιʔε͢Δ w ೥݄ʹΫϨε΢ΣΞגࣜձࣾͱͯ͠๏ਓԽͨ͠ w Ͱ΋ैۀһΛޏ͑Δ΄Ͳͷച্͸ͳ͍ w ࣗ෼ͷۤखͳྖҬΛ೚ͤΒΕΔਓΛޏ͏ Α Γɺ 
 4BB4 #BB4Λ׆༻͍ͯ͘͠ w ͜ΕΒ4BB4ͷ஌ࣝ͸ɺ ೔ࠒͷۀ຿ܦݧͷࣀ෺ w ࠷ऴతʹɺ ӬଓԽ͞Εͨ஋Λϒϥ΢β্ʹදࣔͰ͖Ε͹উͪ

Slide 38

Slide 38 text

© Crescware ιϩ։ൃΛࢧ͑Δ4BB4ͨͪ

Slide 39

Slide 39 text

© Crescware "VUI w ೝূܥ4BB4 
 ύεϫʔ υ؅ཧΛࣗ࡞͢Δ࣌୅͸ͨͿΜऴΘͬͨͱࢥ͍ͬͯΔ w 5XJUUFS0"VUI (PPHMF0"VUIͳͲͷ 
 ιʔγϟϧϩάΠϯ΋ରԠҰॠ w 'JSFCBTF"VUI೿΋͍Δͱࢥ͏͚Ͳ 
 "VUI+85WFSJGZͷۀ຿ܦݧ͕͋ͬͨͨΊͪ͜ΒΛ࠾༻

Slide 40

Slide 40 text

© Crescware )"463" w ӬଓԽϨΠϠʔͷ#BB4 w 1PTUHSF42-ͱ઀ଓ͢Δ͜ͱͰɺ ͦͷϚΠάϨʔγϣϯΛࣗಈԽ w ಉ࣌ʹ(SBQI2-ͷSFTPMWFSΛ͢΂ͯͷΧϥϜʹ͍ͭͯࣗಈੜ੒ w ͖Ίࡉ͔͍3PMFͱ1FSNJTTJPOͷઃఆʹΑͬͯ"VUIͷ 
 +85τʔΫϯʹج͍ͮͨσʔλऔಘͷ੍ݶΛॊೈʹ࣮૷

Slide 41

Slide 41 text

© Crescware 7FSDFM w σϓϩΠ ɾ ϗεςΟ ϯάϨΠϠʔͷ#BB4 w (JU)VCͱ࿈ܞ͠ɺ NBJOCSBODIʹNFSHF͢Δ͚ͩͰϓϩμΫγϣϯσϓϩΠ w ։ൃ؀ڥσϓϩΠ΋༰қ w υϝΠϯઃఆ΋Ұॠ w ଞͷ$*αʔϏεΛೖΕͣͱ΋׬݁͢ΔϏϧυॲཧ ʢ-JOU΍ςε τ΋ಉ࣮࣌ߦʣ w ॊೈͳ؀ڥม਺ઃఆ

Slide 42

Slide 42 text

© Crescware 'JSFCBTF w ը૾ͷΞοϓϩʔ υ·ΘΓ w ϦΞϧλΠϜσʔλϕʔεʹΑΔଈ࣌ߋ৽·ΘΓ

Slide 43

Slide 43 text

© Crescware 4FOUSZ w ΤϥʔऩूͱϩΪϯά w τϥϯβΫγϣϯ୯Ґͷύϑ ΥʔϚϯεܭଌͱΞϥʔ τ

Slide 44

Slide 44 text

© Crescware γεςϜΞʔΩςΫνϟ .PUJGBSZ؅ཧ .PUJGBSZຊମ .PUJGBSZ؅ཧ 7FSDFM 7FSDFM 7FSDFM )BTVSB ϓϩμΫγϣϯ؀ڥ εςʔδϯά؀ڥ "VUI )FSPLV1PTUHSF42- )FSPLV1PTUHSF42- 4FOUSZ "VUI 7FSDFM )BTVSB .PUJGBSZຊମ 3FBDU 5ZQF4DSJQU FTMJOU KFTU QSFUUJFS

Slide 45

Slide 45 text

© Crescware ͦΕ($1c"84ͰͰ͖ΔΑ w ஌ͬͯΔ w ($1 "84ͷ υΩϡϝϯ τ͸͍ͣΕ΋ඇৗʹաࠅ w ͍··Ͱͷۀ຿Ͱ͸ৗʹ 
 ($1ͷϓϩϑΣογϣφϧɺ "84ͷϓϩϑΣογϣφϧͱڞʹ͍ͯͨ͠ w ࠓճ͸׬શιϩͳͷͰɺ ීஈۀ຿Ͱ࢖ͬͨ͜ͱͷ͋ͬͨ4BB4ͳͲͰ 
 ͦͬͪͷܦݧ஋ͷ׆༻ʹશৼΓ ͨ͠ wʮҡ࣋අ͕Ͳͬͪͷ΄͏͕͍͘ Β͍҆ʯ ͳͲ͸׬શʹ౓֎ࢹͷϑΣʔζ

Slide 46

Slide 46 text

© Crescware 8FCαʔϏεˠ஫ҙ఺

Slide 47

Slide 47 text

© Crescware ؀ڥม਺ͷऔΓѻ͍͕൥ࡶ w 4BB4͕ͨ͘ ͞Μग़ͯ͘ Δͱɺ ΞΫηε τʔΫϯ΍γʔΫϨο τͷࢁʹͳΔ w ຊ൪؀ڥͱ։ൃ؀ڥͷܥ౷༻ҙ͢Δͱɺ ͦΕΒ ʷͱͳΓऔΓҧ͑ʹ஫ҙ w 1BTTXPSEͱ͔ʹಥͬࠐΜͰ͓͘ ͱɺ ෳ਺ϚγϯͰͷ։ൃͰศར w npx vercel env pullͱ͍͏ ίϚϯ υ΋ศར

Slide 48

Slide 48 text

© Crescware ྫ֎ॲཧΛ೦ೖΓʹ w Կ͔໰୊͕ىͬͨ͜ͱ͖ʹɺ ໰୊͕ىͬͨ͜ॠؒͰྫ֎ѻ͍ʹ͢Δ w ͨͱ͑͹ ͳͲΛ࢖ͬͯ஋͕ͳ͍৔߹ʹɺ ͷ͏ͷ͏ ͱੜ͖ଓ͚ͳ͍ w 6ODBVHIU&YDFQUJPOΛݶΓͳ͘ແ͘ ͢ wʮͳ͔ͥͲ͔͜ͰόάͬͯΔʯ Ͱ͸ͳ͘ɺ ΤϥʔϩάΛಡΜͩॠؒ 
 ൜ਓΛಛఆͰ͖Δఔ౓·Ͱ͸ΤϥʔϩΪϯάΛۃΊΔ w ܖ໿ϓϩάϥϛϯάɺ ๷ޚతϓϩάϥϛϯά w 4FOUSZΛಋೖ͢Δ͜ͱͰຊ൪؀ڥͷྫ֎Λྻڍ͠ɺ ॱ࣍मਖ਼͢Δ w Ұਓ͔͍͠ͳ͍ͷͰௐࠪΛґཔ͢Δͱ͔΋Ͱ͖ͳ͍ɺ ղܾ͸࣌ؒউෛʹͳΔ

Slide 49

Slide 49 text

© Crescware ա౓ͳந৅Խ͸ආ͚Δɺ ڞ௨Խ͸͢Δ wʮকདྷ͍͋͋͏ϢʔεέʔεΛ࣮ݱ͢ΔͨΊʹɺ ࠓͷ͏ ͪʹ͜͏͍͏ߏ଄ʹͯ͠ʜʯ w ͍͍ͩͨె࿑ʹऴΘΔ w ͍ΘΏΔ:"(/* w ͍͍ͩͨͦͷϢʔεέʔεΛ࣮ݱ͢Δͱ͖ʹ͸ɺ ΋ͬͱ͍͍؀ڥ͕ੜ·ΕͯΔ w ͋Δ͍͸ͦͷϢʔεέʔεΛ΍Βͳ͍ࣄۀ൑அͱ͔͕ԼΔ w ͨͩɺ ໌Β͔ʹ܁Γฦ͠ॻ͘όϦσʔγϣϯͷؔ਺΍ఆ਺ͳͲ͸ 
 ԣணͤͣʹ֎෦ϑΝΠϧʹಀͯ͠JNQPSUͰڞ༗͢Δ

Slide 50

Slide 50 text

© Crescware ຊ൪؀ڥͰͷσϓϩΠ ͱಈ࡞֬ೝ͸೦ೖΓʹ w ։ൃ͕௕Ҿ͘৔߹ w ˠͷϑΣʔζͰ͋Ε͹ҡ࣋අΛݒ೦ͯ͠ 
 εςʔδϯάͱͯ͠ແྉϓϥϯͰ࡞Γଓ͚ͯɺ 
 Ϣʔεέʔε͕ݻ·ͬͨΒ༗ྉϓϥϯͰϓϩμΫγϣϯ ɾ σϓϩΠɺ 
 ͱ͍͏ ͜ͱ͕͋Δ ʢಛʹ υϕϯνϟʔʣ w ؀ڥม਺ͷ࿩୊Ͱ΋৮Ε͕ͨɺ 
 εςʔδϯάͰ͸ಈ͘ͷʹϓϩμΫγϣϯͰ͸ࢮ͵ 
 Έ͍ͨͳࣄଶׂ͕ͱසൃ͢Δ w ༧ࢉʹ༨༟͕͋ΔͷͰ͋Ε͹ɺ ͬ͞͞ͱ༗ྉܖ໿Λͯ͠ૄ௨͓ͯ͘͠ ͱΑ͍

Slide 51

Slide 51 text

© Crescware ͏ ͔ͬΓ๨Ε͕ͪࣄ߲ w 0(1ϝλσʔλͱ0(1༻ը૾Λઃఆ͢Δ w UP$ઐ໳Ͱଓ͚͍ͯΔਓʹ͸ ʮͦΜͳͷ౰ͨΓલͰ͸ʯ ͱͳΔ͔΋ w UP#ઐ໳ͷۀ຿Λଓ͚͍ͯΔͱૉͰ0(1ͱ͍͏֓೦ࣗମ๨٫͢Δ ʢݴ͍༁ʣ w ಉ༷ʹ'BWJDPO΋๨Εͳ͍Α ͏ʹ w -JHIUIPVTF΋ͪΌΜͱຊ൪؀ڥͰ௨ͯ͠ 
 ՄೳͰ͋Ε͹Ϧ Ϧʔεલʹ఺਺ΛߴΊ͓ͯ͘ w ͱʹ͔͘ Ϧ Ϧʔεεέδϡʔϧʹ༨༟Λ࣋ͭ

Slide 52

Slide 52 text

© Crescware ϲ݄։ൃͷഎܠ

Slide 53

Slide 53 text

© Crescware ϑ Ϧʔϥϯε࣌୅ʹϦ Ϧʔε͍ͯ͠ͳ͍ͷ͸ͳͥ w εΩϧతʹ͸೥ͱ೥Ͱ͸ׂͱ͍ۙ΋ͷ͕͋Δ w ͜Ε͸େਓͷࣄ৘ w ݸਓ໊ٛͰԻָؔ܎ͷαʔϏεΛ Ϧ Ϧʔεͯ͠͠· ͏ ͱ 
 ݖརؔ܎Ͱ໰୊͕ൃੜͨ͠৔߹ͷ༗ݶ੹೚͕ൃੜͤͣݒ೦͕࢒Δ w ݸਓࣄۀओ͸ແݶ੹೚ w גࣜձࣾ͸༗ݶ੹೚ w ͜ͷ৔Ͱݴ͏ ͜ͱͰ͸ͳ͍͕ɺ ๏ਓԽ͸ଞʹ΋༷ʑͳཧ༝͕͋Δ

Slide 54

Slide 54 text

© Crescware ར༻ن໿ͱ ϓϥΠόγʔϙϦγʔ w ݸਓͰ্ཱͪ͛Δ8FCαʔϏεͷ৔߹ 
 ͋· Γؾʹ͞Εͳ͍͔΋͠Εͳ͍ɺ ར༻ن໿ͱ ϓϥΠόγʔϙϦγʔ w ๏ਓͱͯ͠Ϧ Ϧʔεɺ ӡӦ͍ͯ͘͠৔߹ʹ͸͜ͷลΓͷΫΦϦςΟ ΋ٻΊΒΕΔ w หޢ࢜ͱͷٞ࿦ʹΑͬͯ͢΂ͯฐࣾ༻ʹॻ͖ԼΖͯ͠΋Β͍ͬͯΔ w ͜ͷล͸ૉਓ͕ςϯϓϨʔ τίϐϖ͢Δͷ͸ ʢ๏ਓͱͯ͠ͳΒ͹ʣ ةݥ

Slide 55

Slide 55 text

© Crescware ঎ඪొ࿥ w λΠ ϛϯάతʹ͋· Γৄ͍͠࿩͸Ͱ͖ͳ͍͕ɺ ։ൃॳظ͔Βख഑͍ͯ͠Δ

Slide 56

Slide 56 text

© Crescware υϝΠϯ໊ w ೥ʹ.PUJGBSZͱ͍͏αʔϏε໊Λࢥ͍͍͍ͭͯΔͷͰɺ ଈ࠲ʹऔಘ w ݁Ռతʹ೥·ͰԘ௮͚ʹͳ͍ͬͯͨ

Slide 57

Slide 57 text

© Crescware ϲ݄Ͱ࡞ͬͨͱ͸Ͳ͏͍͏ ͜ͱ͔ w npx create-next-appΛ࣮ߦ͔ͯ͠Βϲ݄ڧͰެ։೔݄೔Λܴ͑Δ w ࣮͸ϲ݄ఔ౓Ͱ࡞͍ͬͯΔ w ݱଘ͢Δ໿ສߦͷ5ZQF4DSJQUίʔ υ ʢۭߦɺ ςε τϑ ΝΠϧؚΉʣ w ड़΂ສߦͷίϛο τ ʢQBDLBHFMPDLKTPOͷࠩ෼আ͘ʣ w ड़΂࣌ؒ ʢ˺ਓ೔ʣ ໿೥෼ͷΞΠσΞ w ౔೔ɺ ฏ೔໷ͳͲʹਐḿ w ͜Ε·Ͱʹϓϩ τλΠ ϓ͸ੈ୅͘ Β͍ɺ ࡞ͬͯ͸ഁغ͍ͯ͠Δ

Slide 58

Slide 58 text

© Crescware ࠓ೔ݴ͍͔ͨͬͨ͜ͱ w ೥લ͔Βࢥ͍ͬͯͨ͜ͱΛੈʹ൸࿐Ͱ͖ΔͱࠐΈ্͛Δ΋ͷ͕͋Δ w ৴པײͷ͋Δ৘ใൃ৴Λ೔ʑ܁Γฦͤ͹ 
 ೥લʹૉਓͩͱͯ͠΋ɺ ͜͜·ͰདྷΒΕΔ w ৭ʑ׆༻͢Ε͹ιϩ։ൃϲ݄ͰͦΕͳΓͷ8FCαʔϏε͸্ཱͪ͛ΒΕΔ w 8FCͰͳʹ͔Λಈ͔͢ͷ͸ָ͍͔͠Β 
 ΈΜͳ8FC΍Ζ͏ w ͋ͱඌ্͞Μ͸όέϞϊ

Slide 59

Slide 59 text

© Crescware 5IBOLZPV