10年と3ヶ月でWebサービスを作った話 / Piyogrammer Conference 2021

2021/12/4に、Piyogrammer Conference 2021にて登壇した際の資料です。

Transcript

1. © Crescware ϲ݄Ͱ8FCαʔϏεΛ࡞ͬͨ࿩ %FD
   
   
   
   1JZPHSBNNFS
   $POGFSFODF
   
   !DSFTDXBSF ೥ͱ
2. © Crescware ୭ w ΫϨε΢ΣΞגࣜձࣾ
   w Ԟ໺
   ݡଠ࿠
   !PLVOPLFOUBSP
   w Իֶָߍߨࢣ 
 ˠ
   ࡞ۂՈ 
 ˠ
   8FCσϕϩούʔ 
 ˠ
   ࣾ௕
   w 5ZQF4DSJQU
   ೥
   w "OHVMBS
   ೥ɺ /FYUKT
   3FBDU
   ೥
3. © Crescware ͳΜͷ࿩Λ͢Δ͔ w 8FCαʔϏεΛ࡞ͬͨ
   w ͳͥ࡞ͬͨͷ͔
   w Ͳ͏΍ͬͯ࡞ͬͨͷ͔
4. © Crescware 8FCαʔϏεΛ࡞ͬͨ
5. © Crescware
6. © Crescware .PUJGBSZ wʰ͢΂ͯͷۂΛɺ ·ͱΊΑ ͏ɻ ʱ Λϛογϣϯʹܝ͛Δ 
 Իָσʔλϕʔε ɾ αʔϏε
   w ஍ٿ্͢΂ͯͷɺ ྺ্࢙͢΂ͯͷɺ 
 จࣈ௨Γ͢΂ͯͷۂΛ·ͱΊΔͨΊͷϓϥ ο τϑΥʔϜ
7. © Crescware ͳͥ࡞ͬͨͷ͔
8. © Crescware ೥ w ࡞ۂՈͱͯ͠ऩೖΛಘ͍ͯͨԞ໺
   w ࢴͷखாʹ͸๲େͳϝϞ͕
   w ͋ͷۂͷίʔ υਐߦɺ ͋ͷۂͷϝϩσΟʜ
   w ࡭ͷϞϨεΩϯखாʹϏογϦ ͱॻ͖ࠐ·ΕΔ
9. © Crescware ࢴͷݕࡧੑͷѱ͞ w J1IPOF
   Λ࢖͍ͬͯͨ
   w Ͱ΋·ͩ·ͩࢴͷ࣌୅
   w  ϖʔδ͍ۙखாͷͲ͜ʹԿΛϝϞ͔ͨ͠ 
 ୳͢ͷ͕ͭΒ͍
10. © Crescware J1IPOFͷϝϞػೳ w ౰࣌΋ࠓ΋Իָʹ͸ಛԽ͍ͯ͠ͳ͍
    w ָේΛϝϞͰ͖ͳ͍
    w खாͷԿ࡭໨ͷԿϖʔδʹͲΜͳ৘ใΛ࢒͔ͨ͠ 
 ΤΫηϧͰه࿥͢Δ͜ͱʹ
11. © Crescware ΤΫηϧͷݶք w ೖྗ΋ݕࡧ΋໘౗͘ ͍͞
    w Իָ৘ใΛೖྗ͠Α ͏ ͱͯ͠΋ϊʔόϦσʔγϣϯ
    w ܭࢉࣜ΍ϚΫϩΛ͍Ζ͍ΖؤுΔ͕టপ
    w ΤΫηϧ͸ϛϡʔδγϟϯʹ༏͘͠ͳ͍
12. © Crescware σʔλϕʔεԽ w ΤΫηϧΛఘΊΔ
    w 'JMF.BLFS
    1SPΛ࢝ΊΔ
    w ͜ͷͱ͖8FCσβΠϯձࣾͰΞϧόΠ τΛ͍ͯͨ͠Ԟ໺
    w ͦ͜ͷސ٬؅ཧʹ'JMF.BLFS
    1SP͕࢖ΘΕ͍ͯͨ
    w 'JMF.BLFS
    1SP͸Ϧ ονͳ(6*͕૊ΊΔ
13. © Crescware ϊʔίʔ υͷݶք w 'JMF.BLFS
    1SPʹ͸εΫ Ϧ ϓτػೳ͕͋Δ
    w ύϨο τ͔ΒॲཧΛબ୒ͯ͠ υϥ οά ɾ υϩοϓͰฒͼସ͑Δײ͡
    w ঃʑʹෳࡶԽ
    w ςε τ΋ॻ͚ͳ͍ͨΊόά͕໨ཱͭ
    w σʔλͷೖྗΑ Γ ΋εΫ Ϧ ϓτमਖ਼ʹ࣌ؒΛඅ΍͢͜ͱʹͳΓ ε τ Ϩε
14. © Crescware ΞϓϦԽΛࢥ͍ͭ͘ w 'JMF.BLFS
    1SPͰࣗ෼ͷཧ૝ͷσʔλϕʔεΛ࡞Δͷ͸ݫ͍͠
    w J1IPOFΞϓϦʹ͢Δ ʁ
    w J1IPOFΞϓϦͬͯͲ͏΍ͬͯ࡞ΕΔ ʁ
    w ԿΛษڧ͢Ε͹͍͍ ʁ
    w ͔Ζ͏ ͯ͡K2VFSZ͚ͩ৮ͬͨ͜ͱ͋Δঢ়ଶ
    w ແ๳ʹ΋0CKFDUJWF$ͷֶशΛ࢝ΊΔ
15. © Crescware Կ͕Θ͔Βͳ͍͔Θ͔Βͳ͍ w 0CKFDUJWF$͕Կ΋Θ͔Βͳ͍
    w ΦϒδΣΫ τࢦ޲ͬͯԿ ʁ
    w ΠϯελϯεͬͯԿ ʁ
    w γϯάϧ τϯͬͯԿ ʁ
    w ฉ͍ͨ͜ͱͷͳ͍୯ޠͩΒ͚ͷຊΛಡΜͰ΋ 
 ͦ΋ͦ΋ॻ͔Ε͍ͯΔ͜ͱ͕Ұ੾Θ͔Βͳ͍
16. © Crescware ࠳ં͔Βͷ1)1 w 0CKFDUJWF$ʹͯɺ νϡʔ τ ϦΞϧͷΞϓϦ͢Β׬੒ͤ͞ΒΕͣ࠳ં
    w ͪΐ ͏ Ͳ8FCσβΠϯͷόΠ τͰ8PSE1SFTTͷҊ݅Λॳ୲౰
    w QIQ.Z"ENJOΛΑ ͘৮Δ
    w 1)1ͩͬͨΒ0CKFDUJWF$Α Γ؆୯ ʁ
17. © Crescware .".1ελοΫ w .".1ελοΫΛֶͿ
    w .BDJOUPTI
    "QBDIF
    .Z42-
    1)1ʹΑΔߏ੒ͷ͜ͱ
18. © Crescware .&"/ελοΫ w ΄Ͳͳ͘ ͯ͠ʜ
    w .&"/ελοΫΛֶͿ
    w .POHP%#
    &YQSFTT+4
    "OHVMBS+4
    /PEFKTʹΑΔߏ੒ͷ͜ͱ
19. © Crescware ୤"QQMFɺ ͦͯ͠8FC΁ w ೥
    w ΋͠0CKFDUJWF$ΛۃΊͯ΋ 
 "QQMF͕কདྷ ʮ0CKFDUJWF$΍Ί·͢ʯ ͱ͔ݴ͍ग़ͨ͠ΒແବʹͳΓͦ͏
    w "QQMFҎ֎΋࢖ͬͯΔݴޠ ɾ ٕज़ͷํ͕౤ࢿͷՁ஋͕͋Γͦ͏
    w .&"/ελοΫΛؤுͬͯΈΕ͹ 
 ͲΜͳ؀ڥͰ΋ಈ͖ͦ͏ͳͷͰɺ ΍ΔՁ஋͋ΔͷͰ͸ ʁ
    w 8FCΛͪΌΜͱ΍Ζ͏ ͱܾ৺͢Δ
    w ح੻తʹͦΕʹؾ෇͍ͨ൒೥ޙɺ "QQMF͕4XJGUΛެ։͢Δ͜ͱͱͳΔ
20. © Crescware "OHVMBS+4
    
    5ZQF4DSJQU w .&"/ελοΫͰάάΔͱ৭ʑग़ͯ͘ Δ
    wʮ͍·ΞϓϦέʔγϣϯΛ࡞ΔͷͰ͋Ε͹"OHVMBS+4͕͍͍Αʯ
    wʮ͍·ֶͿͳΒ"MU+4͕͍͍Αʯ
    w "MU+4ʹ͸$PGGFF4DSJQUͱ͔5ZQF4DSJQUͱ͔͕͋ΔΒ͍͠
    • https://teppeis.hatenablog.com/entry/typescript-0.9.1 w 0CKFDUJWF$Λগͳ͔Βͣ৮ͬͨͷͰ 
 ܕ෇͖ίϯύΠϧ͋Γͷ5ZQF4DSJQUͷ΄͏͕خ͔ͬͨ͠
21. © Crescware ษڧձσϏϡʔ w "OHVMBS+4͕શવΘ͔ΒΜ
    w ख୳ΓͰ͍Ζ͍Ζ͕Μ͹Δ
    w 5ZQF4DSJQUͷ೔ຊޠࢿྉ΋΄΅ͳ͍
    w Α ͏΍͘5ZQF4DSJQU
    ͕ग़ͨ
    w "OHVMBS+4ษڧձʹࢀՃ͢Ε͹ɺ ͦ͜Ͱ஌Γ߹ͬͨਓʹ࣭໰Ͱ͖Δ͔΋
    w ژ౎ʹॅΜͰ͍ͨͷͰେࡕͷษڧձʹਃ͠ࠐΉ
22. © Crescware ਓੜΛม͑ͯ͠·ͬͨग़ձ͍
23. © Crescware ࠷ڧͷ༑ਓ w ೔ຊେֶจཧֶ෦৘ใՊֶՊ
    ඌ্ݚڀࣨͷ 
 ඌ্༸հ͞Μ
    !MJLS
    ͱ͸͜͜Ͱ஌Γ߹͏
    w ٕज़ྗ͕ڪΖ͍͘͠ Β͍ߴ͍
    w ࡀ͕ಉ͘͡ Β͍ͷ͸ͣͳͷʹ࠷ڧײ͕ඬ͍ͬͯΔ
    wʮ͜Ε͕ϓϩͷΤϯδχΞͬͯ΍͔ͭ ʂ ʂ ʯ
    w ౰࣌8FC੍࡞ͷΞϧόΠ τͩͬͨԞ໺ 
 ΤϯδχΞͷҰൠతͳਫ४
    
    ඌ্͞ΜͰ͋Δͱࢥ͍͜ΜͰ͠· ͏
    w ͻΑ͜͸ॳΊͯݟͨ΋ͷΛ਌ͩͱೝࣝ͢Δͱ͍͏ ΞϨ
24. © Crescware 8FCͷྗ w ඌ্͞Μʹग़ձͬͯ͠·ͬͨ͜ͱͰ 
 8FCͷٕज़Λຏ͖8FCٕज़Λۦ࢖ͯ͠Կ͔ΛੜΈग़͢͜ͱʹڧ͘ڵຯΛ࣋ͭ
    w Իָۀքͷ࢓ࣄͱ8FC੍࡞ͷΞϧόΠ τͷɺ ೋ଍ͷΘΒ͡ͷԞ໺ 
 ʮԻָͱ8FCΛ྆ํͰ͖Δ།Ұແೋͷϓϩʯ ʹͳΓ͍ͨͱߟ͑࢝ΊΔ
25. © Crescware .PUJGBSZͷ๖ժ w ೥͔Β೥·Ͱɺ ࢼߦࡨޡͯ͠͸࠳ં͍ͯͨ͠Իָσʔλϕʔε΋ 
 ΋ͬͱ಺༰Λݕ౼ͨ͠Βࣗ෼Ҏ֎ͷਓͷ໾ʹ΋ཱͯΔΜ͡Όͳ͔Ζ͏͔ ʁ
    w ࣗ෼༻ͷศརπʔϧͱͯ͠"OHVMBS+4ͳͲΛؤு͍͕ͬͯͨ 
 ͔ͤͬ͘ͳΒଟ͘ͷਓʹ࢖ͬͯ΋Β͑Δ΋ͷʹ͍ͨ͠
26. © Crescware 8FCαʔϏεͱ ͯ͠ग़͢͜ͱͰੈքΛม͍͑ͨ
27. © Crescware 8FCۀք΁
28. © Crescware ษڧձొஃσϏϡʔ w "OHVMBS+4ษڧձ
    ͷελοϑͷํ͔Β 
 Ͱ஻Βͳ͍͔ͱ༠ΘΕΔ
    w ͜Μͳ8FC੍࡞όΠ τͷ υૉਓ͕ 
 ਓલͰ஻͍͍ͬͯͷ͔ʜͱͳΔ
    w ͜ͷ࣌·ͩɺ ੈͷΤϯδχΞ͸શһ͕ඌ্͞ΜΫϥε 
 ͩͱࢥ͍͜ΜͰ͍ΔͷͰ 
 ͦΕʹஏ͡ͳ͍಺༰ʹͤͶ͹ɺ ͱؾ߹ΛೖΕΔ
    w ਓલͰ੹೚Λ࣋ͬͯԿ͔Λ఻͑ΔͨΊʹ 
 ཪऔΓΛ೦ೖΓʹ͢Δ
29. © Crescware ඌ্͞ΜΫϥεʹͳΔͨΊʹ w ษڧձొஃσϏϡʔΛܦͯɺ
    w ษڧձͰൃද͢Δ
    w -5Ͱ஻Δ
    w ٕज़هࣄΛॻ͍ͯಡΜͰ΋Β͏ 
 ͜ͱ͕ࣗ෼ͷதͰ౰ͨΓલʹͳ͍ͬͯ͘
    w Ξ΢ τϓο τͷ਺͚ͩ੒௕Λ࣮ײ͢Δ
    w ͜ͷͱ͖͸·ͩɺ ੒௕ͨ͠Β͍͔ͭඌ্͞ΜΫϥεʹͳΔͱࢥͬͯΔ
30. © Crescware ࣌͸ྲྀΕͯʜ w ژ౎͔Βϓϩࢤ๬Ͱస৬׆ಈΛ࢝ΊͨΒ 
 $IBUXPSLגࣜձࣾʹ༠͍͚ͬͯͨͩΔ
    w ͦͯ͠ɺ גࣜձࣾϐΫηϧάϦ ο υʹస৬͢Δ
    w ͦͯ͠ɺ ϑ Ϧʔϥϯεͷϑϩϯ τΤϯ υʹͳΔ
31. © Crescware Ͱɺ .PUJGBSZ͸ ʁ ʁ w ͳ·͡4BB4اۀ΍डୗاۀʹॴଐͨ͠ͷͰɺ ͍Ζ͍Ζͱݱ࣮͕ݟ͑ͯ͘ Δ
    w ҰਓͰ8FCαʔϏεͷ͢΂ͯΛ࣮૷͢ΔͭΒ͞ΛޛΔ
    w ϑϩϯ τΤϯ υ΋େม
    w όοΫΤϯ υͳΜͯ΍ͬͨ͜ͱ͢Βͳ͍
    w σʔλϕʔεΠϯϑϥ΋Α ͘෼͔ͬͯͳ͍
    w ͦ΋ͦ΋8FCαʔϏεͬͯɺ Ͳ͏΍ͬͯͰ͖ͯΔͷ͔࣮͸Θ͔ͬͯͳ͍
    w ࣗ෼ͷٕज़ྗͷແ͞ΛטΈకΊɺ ΍Γ͍͕ͨલʹ౿Έग़ͤͳ͍
    w ͋ͱඌ্͞Μ͸όέϞϊ
32. © Crescware ࠓ͸·ͩૣ͍Λݴ͍༁ʹͯ͠͠· ͏ w ࠓͷࣗ෼ͷεΩϧͰ͸·ͩ8FCαʔϏεΛ࡞ΔҬʹୡ͍ͯ͠ͳ͍
    w ͱ͸͍͑8FCαʔϏεΛ࡞Βͳ͘ ͯ΋ੜ׆අ͸Ք͛ͯΔ͠ɺ 
 ָ͍͠5ZQF4DSJQUͰͷ։ൃۀ຿͸ଓ͚ΒΕΔ͠ɺ 
 ࠓͦ΋ͦ΋ࣗ෼͸΋͏Իָۀք཭Εͨ͠ɺ 
 ΋͏͍͍͔ͳʜ
33. © Crescware ʮ͍ͭϦ Ϧʔε͢ΔΜͰ͔͢ʯ
34. © Crescware ͋ͷͱ͖ͷ೤ҙ w ೥
    w ඌ্͞Μͱग़ձͬͨͱ͖ͷিܸ
    w .PUJGBSZΛ͍͔ͭੈʹग़͢ͱ͍͏೤ҙ
    w ෆ޾ʹ΋ඌ্͞ΜʹͦΕΛᕵʑ ͱઆ͍ͨͨΊʹ 
 ඌ্͞Μ͔Β ʮͰɺ ͍ͭϦ Ϧʔε͢Δͷʯ ͱຖ೥ແݶʹݴΘΕଓ͚Δ
    w ͜͜Ͱग़͞ͳ͔ͬͨΒࢮ͵·ͰݴΘΕͦ͏
    w ͦ͏ͩɺ Զ͸Ϧ Ϧʔε͢ΔΜͩ
35. © Crescware Ͱɺ Ϧ Ϧʔεͨ͠
36. © Crescware ҰਓͰͲ͜·ͰͰ͖Δ͔ w ޾͍/PEFKT
    
    5ZQF4DSJQUͷ͜ͱ͚ͩΛߟ͑Ε͹ 
 ϑϩϯ τΤϯ υ
    
    όοΫΤϯ υશମΛಠྗͰ࣮૷͖͠ΔεΩϧ͸͍ͭͨ
    w ίʔ υΛॻ͚ͩ͘ͳΒ୯७ʹͻͨ͢Βॻ͚͹Ͱ͖ͦ͏
    w ۀ຿தɺ ଞਓʹ೚͍ͤͯͨྖҬ
    w σʔλϕʔεͷҡ࣋΍ϚΠάϨʔγϣϯͷۀ຿ϊ΢ϋ΢͸ͳ͍
    w Πϯϑϥҡ࣋ͷϊ΢ϋ΢΋࣋ͬͯͳ͍
    w ͦͷ΁ΜͷྖҬΛͲ͏͢Δ͔
37. © Crescware Ξ΢ τιʔε͢Δ w ೥݄ʹΫϨε΢ΣΞגࣜձࣾͱͯ͠๏ਓԽͨ͠
    w Ͱ΋ैۀһΛޏ͑Δ΄Ͳͷച্͸ͳ͍
    w ࣗ෼ͷۤखͳྖҬΛ೚ͤΒΕΔਓΛޏ͏ Α Γɺ 
 4BB4
    #BB4Λ׆༻͍ͯ͘͠
    w ͜ΕΒ4BB4ͷ஌ࣝ͸ɺ ೔ࠒͷۀ຿ܦݧͷࣀ෺
    w ࠷ऴతʹɺ ӬଓԽ͞Εͨ஋Λϒϥ΢β্ʹදࣔͰ͖Ε͹উͪ
38. © Crescware ιϩ։ൃΛࢧ͑Δ4BB4ͨͪ
39. © Crescware "VUI w ೝূܥ4BB4 
 ύεϫʔ υ؅ཧΛࣗ࡞͢Δ࣌୅͸ͨͿΜऴΘͬͨͱࢥ͍ͬͯΔ
    w 5XJUUFS
    0"VUI
    (PPHMF
    0"VUIͳͲͷ 
 ιʔγϟϧϩάΠϯ΋ରԠҰॠ
    w 'JSFCBTF
    "VUI೿΋͍Δͱࢥ͏͚Ͳ 
 "VUI
    +85
    WFSJGZͷۀ຿ܦݧ͕͋ͬͨͨΊͪ͜ΒΛ࠾༻
40. © Crescware )"463" w ӬଓԽϨΠϠʔͷ#BB4
    w 1PTUHSF42-ͱ઀ଓ͢Δ͜ͱͰɺ ͦͷϚΠάϨʔγϣϯΛࣗಈԽ
    w ಉ࣌ʹ(SBQI2-ͷSFTPMWFSΛ͢΂ͯͷΧϥϜʹ͍ͭͯࣗಈੜ੒
    w ͖Ίࡉ͔͍3PMFͱ1FSNJTTJPOͷઃఆʹΑͬͯ"VUIͷ 
 +85τʔΫϯʹج͍ͮͨσʔλऔಘͷ੍ݶΛॊೈʹ࣮૷
41. © Crescware 7FSDFM w σϓϩΠ ɾ ϗεςΟ ϯάϨΠϠʔͷ#BB4
    w (JU)VCͱ࿈ܞ͠ɺ NBJO
    CSBODIʹNFSHF͢Δ͚ͩͰϓϩμΫγϣϯσϓϩΠ
    w ։ൃ؀ڥσϓϩΠ΋༰қ
    w υϝΠϯઃఆ΋Ұॠ
    w ଞͷ$*αʔϏεΛೖΕͣͱ΋׬݁͢ΔϏϧυॲཧ ʢ-JOU΍ςε τ΋ಉ࣮࣌ߦʣ
    w ॊೈͳ؀ڥม਺ઃఆ
42. © Crescware 'JSFCBTF w ը૾ͷΞοϓϩʔ υ·ΘΓ
    w ϦΞϧλΠϜσʔλϕʔεʹΑΔଈ࣌ߋ৽·ΘΓ
43. © Crescware 4FOUSZ w ΤϥʔऩूͱϩΪϯά
    w τϥϯβΫγϣϯ୯Ґͷύϑ ΥʔϚϯεܭଌͱΞϥʔ τ
44. © Crescware γεςϜΞʔΩςΫνϟ .PUJGBSZ؅ཧ .PUJGBSZຊମ .PUJGBSZ؅ཧ 7FSDFM 7FSDFM 7FSDFM )BTVSB ϓϩμΫγϣϯ؀ڥ εςʔδϯά؀ڥ "VUI )FSPLV
    1PTUHSF42- )FSPLV
    1PTUHSF42- 4FOUSZ "VUI 7FSDFM )BTVSB .PUJGBSZຊମ 3FBDU
    
    5ZQF4DSJQU
    
    FTMJOU
    KFTU
    QSFUUJFS
45. © Crescware ͦΕ
    ($1
    c
    "84
    ͰͰ͖ΔΑ w ஌ͬͯΔ
    w ($1
    "84ͷ υΩϡϝϯ τ͸͍ͣΕ΋ඇৗʹաࠅ
    w ͍··Ͱͷۀ຿Ͱ͸ৗʹ 
 ($1ͷϓϩϑΣογϣφϧɺ "84ͷϓϩϑΣογϣφϧͱڞʹ͍ͯͨ͠
    w ࠓճ͸׬શιϩͳͷͰɺ ීஈۀ຿Ͱ࢖ͬͨ͜ͱͷ͋ͬͨ4BB4ͳͲͰ 
 ͦͬͪͷܦݧ஋ͷ׆༻ʹશৼΓ ͨ͠
    wʮҡ࣋අ͕Ͳͬͪͷ΄͏͕͍͘ Β͍҆ʯ ͳͲ͸׬શʹ౓֎ࢹͷϑΣʔζ
46. © Crescware 8FCαʔϏεˠ஫ҙ఺
47. © Crescware ؀ڥม਺ͷऔΓѻ͍͕൥ࡶ w 4BB4͕ͨ͘ ͞Μग़ͯ͘ Δͱɺ ΞΫηε τʔΫϯ΍γʔΫϨο τͷࢁʹͳΔ
    w ຊ൪؀ڥͱ։ൃ؀ڥͷܥ౷༻ҙ͢Δͱɺ ͦΕΒ ʷͱͳΓऔΓҧ͑ʹ஫ҙ
    w 1BTTXPSEͱ͔ʹಥͬࠐΜͰ͓͘ ͱɺ ෳ਺ϚγϯͰͷ։ൃͰศར
    w npx vercel env pullͱ͍͏ ίϚϯ υ΋ศར
48. © Crescware ྫ֎ॲཧΛ೦ೖΓʹ w Կ͔໰୊͕ىͬͨ͜ͱ͖ʹɺ ໰୊͕ىͬͨ͜ॠؒͰྫ֎ѻ͍ʹ͢Δ
    w ͨͱ͑͹
    
    ͳͲΛ࢖ͬͯ஋͕ͳ͍৔߹ʹɺ ͷ͏ͷ͏ ͱੜ͖ଓ͚ͳ͍
    w 6ODBVHIU
    &YDFQUJPOΛݶΓͳ͘ແ͘ ͢
    wʮͳ͔ͥͲ͔͜ͰόάͬͯΔʯ Ͱ͸ͳ͘ɺ ΤϥʔϩάΛಡΜͩॠؒ 
 ൜ਓΛಛఆͰ͖Δఔ౓·Ͱ͸ΤϥʔϩΪϯάΛۃΊΔ
    w ܖ໿ϓϩάϥϛϯάɺ ๷ޚతϓϩάϥϛϯά
    w 4FOUSZΛಋೖ͢Δ͜ͱͰຊ൪؀ڥͷྫ֎Λྻڍ͠ɺ ॱ࣍मਖ਼͢Δ
    w Ұਓ͔͍͠ͳ͍ͷͰௐࠪΛґཔ͢Δͱ͔΋Ͱ͖ͳ͍ɺ ղܾ͸࣌ؒউෛʹͳΔ
49. © Crescware ա౓ͳந৅Խ͸ආ͚Δɺ ڞ௨Խ͸͢Δ wʮকདྷ͍͋͋͏ϢʔεέʔεΛ࣮ݱ͢ΔͨΊʹɺ ࠓͷ͏ ͪʹ͜͏͍͏ߏ଄ʹͯ͠ʜʯ
    w ͍͍ͩͨె࿑ʹऴΘΔ
    w ͍ΘΏΔ:"(/*
    w ͍͍ͩͨͦͷϢʔεέʔεΛ࣮ݱ͢Δͱ͖ʹ͸ɺ ΋ͬͱ͍͍؀ڥ͕ੜ·ΕͯΔ
    w ͋Δ͍͸ͦͷϢʔεέʔεΛ΍Βͳ͍ࣄۀ൑அͱ͔͕ԼΔ
    w ͨͩɺ ໌Β͔ʹ܁Γฦ͠ॻ͘όϦσʔγϣϯͷؔ਺΍ఆ਺ͳͲ͸ 
 ԣணͤͣʹ֎෦ϑΝΠϧʹಀͯ͠JNQPSUͰڞ༗͢Δ
50. © Crescware ຊ൪؀ڥͰͷσϓϩΠ ͱಈ࡞֬ೝ͸೦ೖΓʹ w ։ൃ͕௕Ҿ͘৔߹
    w ˠͷϑΣʔζͰ͋Ε͹ҡ࣋අΛݒ೦ͯ͠ 
 εςʔδϯάͱͯ͠ແྉϓϥϯͰ࡞Γଓ͚ͯɺ 
 Ϣʔεέʔε͕ݻ·ͬͨΒ༗ྉϓϥϯͰϓϩμΫγϣϯ ɾ σϓϩΠɺ 
 ͱ͍͏ ͜ͱ͕͋Δ ʢಛʹ υϕϯνϟʔʣ
    w ؀ڥม਺ͷ࿩୊Ͱ΋৮Ε͕ͨɺ 
 εςʔδϯάͰ͸ಈ͘ͷʹϓϩμΫγϣϯͰ͸ࢮ͵ 
 Έ͍ͨͳࣄଶׂ͕ͱසൃ͢Δ
    w ༧ࢉʹ༨༟͕͋ΔͷͰ͋Ε͹ɺ ͬ͞͞ͱ༗ྉܖ໿Λͯ͠ૄ௨͓ͯ͘͠ ͱΑ͍
51. © Crescware ͏ ͔ͬΓ๨Ε͕ͪࣄ߲ w 0(1ϝλσʔλͱ0(1༻ը૾Λઃఆ͢Δ
    w UP$ઐ໳Ͱଓ͚͍ͯΔਓʹ͸ ʮͦΜͳͷ౰ͨΓલͰ͸ʯ ͱͳΔ͔΋
    w UP#ઐ໳ͷۀ຿Λଓ͚͍ͯΔͱૉͰ0(1ͱ͍͏֓೦ࣗମ๨٫͢Δ ʢݴ͍༁ʣ
    w ಉ༷ʹ'BWJDPO΋๨Εͳ͍Α ͏ʹ
    w -JHIUIPVTF΋ͪΌΜͱຊ൪؀ڥͰ௨ͯ͠ 
 ՄೳͰ͋Ε͹Ϧ Ϧʔεલʹ఺਺ΛߴΊ͓ͯ͘
    w ͱʹ͔͘ Ϧ Ϧʔεεέδϡʔϧʹ༨༟Λ࣋ͭ
52. © Crescware ϲ݄։ൃͷഎܠ
53. © Crescware ϑ Ϧʔϥϯε࣌୅ʹϦ Ϧʔε͍ͯ͠ͳ͍ͷ͸ͳͥ w εΩϧతʹ͸೥ͱ೥Ͱ͸ׂͱ͍ۙ΋ͷ͕͋Δ
    w ͜Ε͸େਓͷࣄ৘
    w ݸਓ໊ٛͰԻָؔ܎ͷαʔϏεΛ Ϧ Ϧʔεͯ͠͠· ͏ ͱ 
 ݖརؔ܎Ͱ໰୊͕ൃੜͨ͠৔߹ͷ༗ݶ੹೚͕ൃੜͤͣݒ೦͕࢒Δ
    w ݸਓࣄۀओ͸ແݶ੹೚
    w גࣜձࣾ͸༗ݶ੹೚
    w ͜ͷ৔Ͱݴ͏ ͜ͱͰ͸ͳ͍͕ɺ ๏ਓԽ͸ଞʹ΋༷ʑͳཧ༝͕͋Δ
54. © Crescware ར༻ن໿ͱ ϓϥΠόγʔϙϦγʔ w ݸਓͰ্ཱͪ͛Δ8FCαʔϏεͷ৔߹ 
 ͋· Γؾʹ͞Εͳ͍͔΋͠Εͳ͍ɺ ར༻ن໿ͱ ϓϥΠόγʔϙϦγʔ
    w ๏ਓͱͯ͠Ϧ Ϧʔεɺ ӡӦ͍ͯ͘͠৔߹ʹ͸͜ͷลΓͷΫΦϦςΟ ΋ٻΊΒΕΔ
    w หޢ࢜ͱͷٞ࿦ʹΑͬͯ͢΂ͯฐࣾ༻ʹॻ͖ԼΖͯ͠΋Β͍ͬͯΔ
    w ͜ͷล͸ૉਓ͕ςϯϓϨʔ τίϐϖ͢Δͷ͸ ʢ๏ਓͱͯ͠ͳΒ͹ʣ ةݥ
55. © Crescware ঎ඪొ࿥ w λΠ ϛϯάతʹ͋· Γৄ͍͠࿩͸Ͱ͖ͳ͍͕ɺ ։ൃॳظ͔Βख഑͍ͯ͠Δ
56. © Crescware υϝΠϯ໊ w ೥ʹ.PUJGBSZͱ͍͏αʔϏε໊Λࢥ͍͍͍ͭͯΔͷͰɺ ଈ࠲ʹऔಘ
    w ݁Ռతʹ೥·ͰԘ௮͚ʹͳ͍ͬͯͨ
57. © Crescware ϲ݄Ͱ࡞ͬͨͱ͸Ͳ͏͍͏ ͜ͱ͔ w npx create-next-appΛ࣮ߦ͔ͯ͠Βϲ݄ڧͰެ։೔݄೔Λܴ͑Δ
    w ࣮͸ϲ݄ఔ౓Ͱ࡞͍ͬͯΔ
    w ݱଘ͢Δ໿ສߦͷ5ZQF4DSJQUίʔ υ ʢۭߦɺ ςε τϑ ΝΠϧؚΉʣ
    w ड़΂ສߦͷίϛο τ ʢQBDLBHFMPDLKTPOͷࠩ෼আ͘ʣ
    w ड़΂࣌ؒ ʢ˺ਓ೔ʣ
    
    ໿೥෼ͷΞΠσΞ
    w ౔೔ɺ ฏ೔໷ͳͲʹਐḿ
    w ͜Ε·Ͱʹϓϩ τλΠ ϓ͸ੈ୅͘ Β͍ɺ ࡞ͬͯ͸ഁغ͍ͯ͠Δ
58. © Crescware ࠓ೔ݴ͍͔ͨͬͨ͜ͱ w ೥લ͔Βࢥ͍ͬͯͨ͜ͱΛੈʹ൸࿐Ͱ͖ΔͱࠐΈ্͛Δ΋ͷ͕͋Δ
    w ৴པײͷ͋Δ৘ใൃ৴Λ೔ʑ܁Γฦͤ͹ 
 ೥લʹૉਓͩͱͯ͠΋ɺ ͜͜·ͰདྷΒΕΔ
    w ৭ʑ׆༻͢Ε͹ιϩ։ൃϲ݄ͰͦΕͳΓͷ8FCαʔϏε͸্ཱͪ͛ΒΕΔ
    w 8FCͰͳʹ͔Λಈ͔͢ͷ͸ָ͍͔͠Β 
 ΈΜͳ8FC΍Ζ͏
    w ͋ͱඌ্͞Μ͸όέϞϊ
59. © Crescware 5IBOL
    ZPV