Slide 1

Slide 1 text

ఱԼҰ੩తαΠτϗεςΟϯά෢ಓձ UBNCPVSJOFJOD.FFU6Q גࣜձࣾλϯόϦϯΤϯδχΞΞϧόΠτ ฏҪඔଠ TIVUB

Slide 2

Slide 2 text

XIPBNJ ฏҪඔଠ TIVUB ΍ͬͯΔ8FCϑϩϯτΤϯυΤϯδχΞɾσβΠφʔɾେֶੜ EJEFTNF!EJEFT

Slide 3

Slide 3 text

͜͏͍͏͜ͱ΍ͬͯ·͢ ɾ1PEDBTU։ൃ ɾ4MBDL#PU։ൃ ɾ8FCدΓͷҊ݅ॾʑʜ

Slide 4

Slide 4 text

ࠓ೔࿩͢͜ͱ

Slide 5

Slide 5 text

ͱ͋Δ-5ͷϦεϖΫτΛ΍͍͖ͬͯ·͢ ͱ͋Δ-5 IUUQTTQFBLFSEFDLDPNQDI@KQXPSMEEFWTFSWFSUPVSOBNFOU

Slide 6

Slide 6 text

ఱԼҰ੩తαΠτϗεςΟϯά෢ಓձ

Slide 7

Slide 7 text

ࢀՃࢿ֨ ੩తαΠτΛϗεςΟϯάͰ͖Δ

Slide 8

Slide 8 text

બखೖ৔

Slide 9

Slide 9 text

/P ;FJU/PX

Slide 10

Slide 10 text

/P (PPHMF"QQ&OHJOF

Slide 11

Slide 11 text

/P /FUMJGZ

Slide 12

Slide 12 text

/P 'JSFCBTF)PTUJOH

Slide 13

Slide 13 text

ิ଍ "844 (PPHMF$MPVE4UPSBHF ๻ͷ͓ࡒ෍͕ා͍ͷͰ༧બམͪͰ͢

Slide 14

Slide 14 text

ධՁํ๏ ɾ$*$%ͷ૊Έ΍͢͞ ɾઃఆ͠΍͢͞ ɾͦͷଞ ɾΘ͔Γ΍͢͞ ίϚϯυͷ௕͞౳ ɾ(JU)VC͔ΒσϓϩΠ౳ ͦΕͧΕ఺ຬ఺ͷܭ఺ຬ఺Ͱ͢ ɾͦͷଞ

Slide 15

Slide 15 text

ճઓઃఆ͠΍͢͞

Slide 16

Slide 16 text

̍ճઓ͸ϗεςΟϯάͷઃఆ͕ ΍Γ΍͍͔͢Ͳ͏͔ͷൺֱͰ͢

Slide 17

Slide 17 text

/VYUKT /FYUKT੡ͷαΠτΛ ϗεςΟϯάΛ͢ΔલఏͰ΍͖ͬͯ·͢

Slide 18

Slide 18 text

ͦΕͧΕϗεςΟϯάͯ͠Έͯ Θ͔Γ΍͢͞ɺखܰ͞Λಘ఺ʹ͍͖ͯ͠·͢

Slide 19

Slide 19 text

/P ;FJU/PX ɾ४උ ɾ(JU)VC౳ͰϩάΠϯ$-*Ͱ΋ϩάΠϯ $ yarn global add $ now άϩʔόϧԚછຊ౰ʹਃ͠༁ͳ͍

Slide 20

Slide 20 text

/P ;FJU/PX ɾ/FYUKT ɾOPXͬͯଧ͚ͭͩʂര଎ʂ $ now ɾΑ͔ͬͨͶ

Slide 21

Slide 21 text

/P ;FJU/PX ɾ/VYUKT ɾOPXKTPOʹઃఆ͕ඞཁ W ɾ͋ͱ͸OVYUΛJHOPSFOPXͬͯଧ͚ͭͩʂര଎ʂ

Slide 22

Slide 22 text

/P ;FJU/PX ɾOPXͬͯଧ͚ͭͩͰ͍͍ ɾจࣈͳͷͰ֮͑΍͍͢ɺ఺ ɾ ΄΅ θϩίϯϑΟά ɾͦ͏ͩͶɺ఺ ɾ߹ܭ఺

Slide 23

Slide 23 text

/P (PPHMF"QQ&OHJOF ɾ४උ ɾ($1ʹϩάΠϯ ొ࿥ 4%,Πϯετʔϧ ɾ4%,μ΢ϯϩʔυͯ͠JOTUBMMTIΛ࣮ߦ ɾΊΜͲ͍͚͘͞ͲؤுΔ

Slide 24

Slide 24 text

/P (PPHMF"QQ&OHJOF ɾ/FYUKT ɾ("&ͰϓϩδΣΫτ࡞Δɺ*%ϝϞΔ $ gcloud init ɾJOJUɺϓϩδΣΫτ*%Λબ୒

Slide 25

Slide 25 text

/P (PPHMF"QQ&OHJOF ɾ/FYUKT ɾBQQZBNMΛ࡞੒

Slide 26

Slide 26 text

/P (PPHMF"QQ&OHJOF ɾ/FYUKT ɾOQNTDSJQUTͷOFYUTUBSUʹQ͚ͭΔ

Slide 27

Slide 27 text

/P (PPHMF"QQ&OHJOF ɾ/FYUKT ɾσϓϩΠ $ yarn build && gcloud app deploy

Slide 28

Slide 28 text

/P (PPHMF"QQ&OHJOF ɾ/VYUKT ɾ("&ͰϓϩδΣΫτ࡞Δɺ*%ϝϞΔ $ gcloud init ɾJOJUɺϓϩδΣΫτ*%Λબ୒

Slide 29

Slide 29 text

/P (PPHMF"QQ&OHJOF ɾ/VYUKT ɾBQQZBNMΛ࡞੒

Slide 30

Slide 30 text

/P (PPHMF"QQ&OHJOF ɾ/VYUKT ɾσϓϩΠ $ gcloud app deploy

Slide 31

Slide 31 text

/P (PPHMF"QQ&OHJOF ɾHDMPVEೖΕΔͷ͕ͪΐͬͱΊΜͲ͍͘͞ ɾೖΕΕ͹ޙ͸EPDT௨Γ ɾίϯϑΟά͸ॻ͔ͳ͍ͱ͍͚ͳ͍ ɾ߹ܭ఺ ɾͱΓ͋͑ͣ఺ ɾ·͋ςϯϓϨʔτ͋Δ͍͔ͬ͠ʂ఺

Slide 32

Slide 32 text

/P /FUMJGZ ɾ४උ ɾ(JU)VC౳ͰϩάΠϯ

Slide 33

Slide 33 text

/P /FUMJGZ ɾ/FYUKT ɾOQNTDSJQUTʹFYQPSUΛ௥Ճ ɾOVYUHFOFSBUFΈ͍ͨͳίϚϯυͷ͸ͣ

Slide 34

Slide 34 text

/P /FUMJGZ ɾ/FYUKT ɾޙ͸/FUMJGZଆͷઃఆΛ(6*Ͱϙνϙν

Slide 35

Slide 35 text

/P /FUMJGZ ɾ/VYUKT ɾ/FUMJGZଆͷઃఆΛ(6*Ͱϙνϙν

Slide 36

Slide 36 text

/P /FUMJGZ $ yarn global add netlify-cli ɾ༨ஊ ɾOPXΈ͍ͨʹ$-*Ͱ΋Ͱ͖Δɺ๻͸͠·ͤΜ͕ʜ $ netlify deploy -d dist # nuxt

Slide 37

Slide 37 text

/P /FUMJGZ ɾ(6*͕Θ͔Γ΍͍͢ɺ$-*͸͠Γ·΁Μ ɾ͸͍ɺ఺ ɾ ΄΅ θϩίϯϑΟάOFUMJGZUPNMʹॻ࣌͋͘Δ ɾͦ͏ͩͶɺ఺ ɾ߹ܭ఺

Slide 38

Slide 38 text

/P 'JSFCBTF)PTUJOH ɾ४උ ɾ(PPHMFͰϩάΠϯ$-*Ͱ΋ϩάΠϯ $ yarn global add firebase-tools $ firebase login άϩʔόϧԚછ͜Μʹͪ͸ʂ

Slide 39

Slide 39 text

/P 'JSFCBTF)PTUJOH ɾ/FYUKT ɾެࣜFYBNQMFΛ࢖͏ͷ͕Ұ൪खͬऔΓૣ͍ $ yarn create next-app ―example with-firebase-hosting $ yarn predeploy && yarn deploy ɾσϓϩΠ ɾطଘͷ΋ͷΛվम͢Δͱ͖͸ؤுΓ͕ඞཁ

Slide 40

Slide 40 text

/P 'JSFCBTF)PTUJOH ɾ/VYUKT $ firebase init ɾJOJU ɾEJTUΛࢦఆ $ yarn build && yarn generate ɾEJTUͳ͔ͬͨΒੜ੒

Slide 41

Slide 41 text

/P 'JSFCBTF)PTUJOH ɾ/VYUKT $ firebase deploy ɾσϓϩΠ ɾOPXͷͪΐͬͱख͔͔ؒΔ൛

Slide 42

Slide 42 text

/P 'JSFCBTF)PTUJOH ɾOPXΈ͍ͨɻͰ΋ίϚϯυ௕͍ ɾ͏ʔΜɺ఺ ɾ)PTUJOHͷΈͰ׬݁͠ʹ͍͘৔߹ଟ͍ ɾ/FYUKTͰ'JSFCBTF'VODUJPOTཁΔ ɾ߹ܭ఺ ɾ·͋ςϯϓϨʔτ͋Δ͍͔ͬ͠ʂ఺

Slide 43

Slide 43 text

ճઓ$*$%ͷ૊Έ΍͢͞

Slide 44

Slide 44 text

̎ճઓ͸$*$%Λύοͱ૊ΊΔ͔Ͱ͢

Slide 45

Slide 45 text

ΈΜͳʙ

Slide 46

Slide 46 text

ίʔυ؅ཧʹԿ࢖͍ͬͯ·͔͢ʁ

Slide 47

Slide 47 text

(JU)VCͰ͢ΑͶʁ

Slide 48

Slide 48 text

(JU)VCܦ༝Ͱ$*$%Λ૊Ή ྲྀΕͰ͍͖·͢

Slide 49

Slide 49 text

લ४උ ɾ࢖༻πʔϧ(JU)VC"DUJPOT ɾඞཁʹͳͬͨΒ࢖͏ɺZBNMॻ͘ ɾ$*Ͱ΍Δ͜ͱ ɾͱΓ͋͑ͣࠓճ͸ςετΛ૸ΒͤΔ ɾ$%Ͱ΍Δ͜ͱ ɾNBTUFSʹQVTI$*ύεͰσϓϩΠ

Slide 50

Slide 50 text

લ४උ ɾ(JU)VC"DUJPOTʹ͍ͭͯ ɾ6CVOUVMBUFTUίϯςφΛ࢖͏ ɾ/PEFWYΛ࢖͏ ɾ௕͍ͷͰ͜͜Β΁Μͷهड़͸ը૾͔Βল͍ͯ·͢

Slide 51

Slide 51 text

ਐΊํ ɾ/FYUKT /VYUKTͰ$*$%૊Ή ɾઃఆͷΘ͔Γ΍͢͞ɺख͕ܰ͞ධՁର৅

Slide 52

Slide 52 text

/P ;FJU/PX ɾ$*$%४උ ɾ"DUJPOT࢖ͬͯ΋͍͍͚Ͳҧ͏΍Γํ ɾΛ͠Α͏ͱ͚ͨ͠Ͳ$%૊Ίͯ΋$*૊Ίͳ͍ ɾͳͷͰ"DUJPOT࢖͏ ɾ/PXͰUPLFOऔಘ͠ͱ͘

Slide 53

Slide 53 text

/P ;FJU/PX ɾ/VYUKT ɾ;FJU/PX%FQMPZNFOU͕Կނ͔׬ྃ͠ͳ͍ ɾॿ͚ͯʢٽʣ

Slide 54

Slide 54 text

/P ;FJU/PX ɾ/FYUKT ɾͱΓ͋͑ͣZBNMॻ͘ɺͰ͖Δɺಈ͘

Slide 55

Slide 55 text

/P ;FJU/PX ɾ༨ஊ$% ɾEBTICPBSE͔Β(6*ϙνϙνઃఆՄ

Slide 56

Slide 56 text

/P ;FJU/PX ɾ"DUJPOTࣗମ͸;FJU/PX%FQMPZNFOU͚ͩͰࡁΉ ɾ$%͸(6*ͰҰԠઃఆͰ͖Δ ɾؤுͬͯཉ͍͠ͷͰ఺͋͛Δ ɾ߹ܭ఺ ɾͨͩɺ/VYUKT͕࠷৽ͷ%FQMPZNFOUͰ͸ಈ͔ͳ͍

Slide 57

Slide 57 text

/P (PPHMF"QQ&OHJOF ɾ$*$%४උ ɾ"DUJPOT࢖͍·͢ ɾ΍Β͔ͯ͠"DUJPOTͷఱҪ͕Έ͑ͨͷͰखॱ͚ͩʜ

Slide 58

Slide 58 text

/P (PPHMF"QQ&OHJOF ɾ/VYUKT ɾͱΓ͋͑ͣZBNMॻ͘ɺಈ͍ͯ΄͍͠

Slide 59

Slide 59 text

/P (PPHMF"QQ&OHJOF ɾ/FYUKT ɾͱΓ͋͑ͣZBNMॻ͘ɺಈ͍ͯ΄͍͠

Slide 60

Slide 60 text

/P (PPHMF"QQ&OHJOF ɾ͏ʔΜɺ఺ ɾHDMPVETFSWJDFLFZKTPOͷѻ͍͕೉͍͠ ɾ߹ܭ఺

Slide 61

Slide 61 text

/P /FUMJGZ ɾ$*$%४උ ɾ"DUJPOT࢖ͬͯ΋͍͍͚Ͳҧ͏΍Γํ

Slide 62

Slide 62 text

/P /FUMJGZ ɾ$* ɾϏϧυίϚϯυʹZBSOUFTU௥Ճ

Slide 63

Slide 63 text

/P /FUMJGZ ɾUFTUͪΌΜͱQBTTͨ͠ΒσϓϩΠͰ͖ͪΌ͏

Slide 64

Slide 64 text

/P /FUMJGZ ɾ$% ɾ(6*ϙνϙν΍ͬͯऴΘΓ

Slide 65

Slide 65 text

/P /FUMJGZ ɾָɺ఺͋͛ͪΌ͏ ɾ͜ͷఔ౓ͳΒγϟοͬͯ(6*ૢ࡞Ͱ૊ΊΔ ɾ΍ͬͺΓ఺͠ͱ͘ ɾMPHͱ͔ϫʔΫϑϩʔͷݟ΍͢͞౳࣮༻ੑՃຯ͢Δͱ ɾ߹ܭ఺

Slide 66

Slide 66 text

/P 'JSFCBTF)PTUJOH ɾ$*$%४උ ɾ"DUJPOT࢖͍·͢

Slide 67

Slide 67 text

/P 'JSFCBTF)PTUJOH ɾ/VYUKT ɾͱΓ͋͑ͣZBNMॻ͘ɺͰ͖Δɺಈ͘

Slide 68

Slide 68 text

/P 'JSFCBTF)PTUJOH ɾ/FYUKT ɾͱΓ͋͑ͣZBNMॻ͘ɺͰ͖Δɺಈ͘

Slide 69

Slide 69 text

/P 'JSFCBTF)PTUJOH ɾ"DUJPOT͸ϩʔΧϧͰ΍Δ͜ͱͦͷ··΍ΒͤΔ ɾͪΌΜͱಈ͍ͯҒ͍ɺ఺ ɾ߹ܭ఺

Slide 70

Slide 70 text

ճઓͦͷଞ

Slide 71

Slide 71 text

̏ճઓͰ͸๻͕͍͍Ͷ͏Ε͍͠Ͷ ͱࢥ͏ͱ͜ΖΛڍ͍͖͛ͯ·͢

Slide 72

Slide 72 text

/P ;FJU/PX ɾͦΕ͸ͦ͏ɺ఺ ɾ/FYUKTͱͱͯ΋૬ੑ͕͍͍Ͱ͢ ɾׂͱ͏Ε͍͠ɺ఺ ɾແྉϓϥϯͳΒແྉ ɾ߹ܭ఺

Slide 73

Slide 73 text

/P (PPHMF"QQ&OHJOF ɾͦ͏ͩͶɺ఺ ɾελϯμʔυͳΒແྉ࿮Ͱ৭ʑͰ͖Δ ɾ(PPHMF͞ΜͰ͢ ɾ/PEF͕Wͱ͔Ͱ΋҆ఆ Β͍͠ ࠓճ͸W ɾ߹ܭ఺

Slide 74

Slide 74 text

/P /FUMJGZ ɾ'PSNT ɾ੩తαΠτͰ͓໰͍߹ΘͤϑΥʔϜͰ͖ͪΌ͏ ɾ͍͢͝ɺ఺ ɾ߹ܭ఺

Slide 75

Slide 75 text

/P 'JSFCBTF)PTUJOH ɾैྔ՝ۚͳͷͰ·͋ɺ͏ΜɺΈ͍ͨͳײ͡ ɾͳΜ͔/FUMJGZͱ͔ΑΓ΋ؾ࣋ͪૣ͍ ɾͦ͏ͩͶɺ఺ ɾ(PPHMF͞ΜͰ͢ ɾ߹ܭ఺

Slide 76

Slide 76 text

݁Ռൃද

Slide 77

Slide 77 text

 /FUMJGZ  ;FJU/PX  'JSFCBTF)PTUJOH  (PPHMF"QQ&OHJOF ఺ ఺ ఺ ఺

Slide 78

Slide 78 text

ͱ͍͏͜ͱͰ

Slide 79

Slide 79 text

ఱԼҰ੩తαΠτϗεςΟϯά෢ಓձ

Slide 80

Slide 80 text

༏উ͸/FUMJGZͰ͢

Slide 81

Slide 81 text

·ͱΊ ɾଞʹ͜Ε͍͍ͧʂ࢖͑ʂʂΈ͍ͨͳͷ͋ͬͨΒ ɹڭ͑ͯԼ͍͞ɺͱ͍͏͔ୈճ։࠵͍ͯͩ͘͠͞ ɾࠓճͷ༏উ͸/FUMJGZʹܾఆ ɾ࢖͍΍͢͞ɺػೳͷଟ͞తʹྑ͔ͬͨ ɾ/FYUKT /VYUKTҎ֎Ͱ΋৭ʑࢼͯ͠ΈͯԼ͍͞

Slide 82

Slide 82 text

͓ΘΓ