Tweet
Tweet

Slide 1

Slide 1 text

/FTU+4Λ׆༻ͨ͠ 3&45"1*αʔό

Slide 2

Slide 2 text

ࣗݾ঺հ !SEMBCP Ұൠࣾஂ๏ਓ ϦϨʔγϣϯσβΠϯݚڀॴ୅දཧࣄ Ұൠࣾஂ๏ਓ "SFB*OOPWBUJPO"MJBODF$50 *POJD+BQBO 6TFS(SPVQ୅ද

Slide 3

Slide 3 text

ίϯτϦϏϡʔλʔ ionic-team/ionic ionic-team/starters ionic-team/ionic-cli ionic-team/ionic-docs ionic-team/ionic-react -conference-app GoogleChrome/lighthouse

Slide 4

Slide 4 text

όοΫΤϯυͱϑϩϯτΤϯυͷͭͳ͗ํ

Slide 5

Slide 5 text

ϨϯμϦϯάίετ͕ॏ͍ಈతαΠτ .PEFMͰσʔλΛ੔ܗͯ͠ ৔߹ʹΑͬͯ͸$PUSPMMFSͰ ͦΕΛల։ɾ࠶੔ܗͯ͠ 7JFXͰల։͢Δ

Slide 6

Slide 6 text

ΤϥʔϋϯυϦϯά͕೉͍͠ಈతαΠτ

Slide 7

Slide 7 text

ΑΓΑ͍69Λ໨ࢦͯ͠ ੩తαΠτ 4JOHMF1BHF"QQMJDBUJPO 41" 3&45"1*(SBQI2-ʹΑΔόοΫΤ ϯυͱϑϩϯτΤϯυͷϒϦοδ +BWB4DSJQUʹΑΔϦονͳ6* 1SPHSFTTJWF8FC"QQT 18" 41"8FC"1* ಈతαΠτ ΑΓΑ͍69Λ໨ࢦ͢

Slide 8

Slide 8 text

+40/Ͱͷ΍ΓͱΓ͕Ұൠతͳख๏ʹɻ όοΫΤϯυ \n^ ϑϩϯτΤϯυ \n^

Slide 9

Slide 9 text

+40/Ͱൃ࿩͢Δͱ͍͏Ҏ্ͷ৘ใ͸ڞ༗Ͱ͖͍ͯ·͔͢ʁ όοΫΤϯυ \n^ ϑϩϯτΤϯυ \n^ ѫࡰͯ͠΄͍͠ (&5IFMMP ʁʁ 3&45Ͱ͸ɺॲཧํ๏ͱ෼ྨ͔͠ఆٛͯ͘͠Εͳ͍໰୊ɻ

Slide 10

Slide 10 text

ཧ૝ͷੈք όοΫΤϯυ \n^ \ OBNFTUSJOH EFTDTUSJOH JNBHFTUSJOH VSMTUSJOH ^<> ͰσʔλΛૹΔˠ ϑϩϯτΤϯυ \n^ \ OBNFTUSJOH EFTDTUSJOH JNBHFTUSJOH VSMTUSJOH ^<> Ͱσʔλ͕ཉ͍͠ ˡ

Slide 11

Slide 11 text

ͦ͏ͩ5ZQF4DSJQUͩʂ w"1*ͷܕΛڞ༗Ͱ͖Δͷ͸5ZQF4DSJQU͚ͩʢ wFYQSFTT͸ϑϨʔϜϫʔΫͱͯ͠͸ͪΐͬͱബ͍ w/FTU+4͸ϑϨʔϜϫʔΫͱͯ͠ͷػೳ͕े෼ ɾ3&45"1*Λ࠾༻ͯ͠Δ ɾৄࡉυΩϡϝϯτͱͷೋॏ؅ཧΛͨ͘͠ͳ͍ ɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹʜϓϩδΣΫτͰΦεεϝ 8FC"TTFNCMZͳͲͷಈ࡞؀ڥΛআ͖·͢

Slide 12

Slide 12 text

ܕͷڞ༗ʹ͍ͭͯ

Slide 13

Slide 13 text

͡Ό͋Ͳ͏΍ͬͯܕΛڞ༗͢Δʁʁ όοΫΤϯυ \n^ ϑϩϯτΤϯυ \n^ Ͳ͏΍ͬͯܕΛڞ༗ʁ OQNύοέʔδʹ͢Δ ˕ ཧ૝తɻͨͩ͠อक͕खؒɻ /FTU+4ͷϓϩδΣΫτʹ ஔ͘ ̋ ݱ࣮తɻϑϩϯτΤϯυ͔Β͸
 webpackͰόϯυϧ ϓϩδΣΫτ֎ʹ͓͘ ˚ tscίϚϯυͷઃఆΛཁมߋʢະௐࠪʣ

Slide 14

Slide 14 text

σϞ ʢձ৔ͰͷܕΤϥʔͷ࣮ԋʹͳΓ·͢ʣ

Slide 15

Slide 15 text

XFCQBDLͱUTDίϚϯυ͸ҧ͏ XFCQBDL όϯυϥʔɻUZQFTDSJQUύοέʔδΛར༻͢Δ͜ͱͰɺSFRVJSFؔ਺΍ JNQPSUؔ਺Λఏڙͯ͠ґଘؔ܎ղܾࡁΈͷγϯϓϧͳϑΝΠϧΛग़ྗ͢Δ ͜ͱ͕Ͱ͖Δɻ UTDίϚϯυ 5ZQF4DSJQU͔Β+BWB4DSJQU΁ͷίϯύΠϧΛߦ͏ɻґଘؔ܎ग़ྗͷղܾͳ ʹͦΕɻίϯύΠϥͰ͢ɻ

Slide 16

Slide 16 text

CBEQSBDUJDFUPJOTUBMMEFQFOEFODJFTPOBQSPEVDUJPOTFSWFS IUUQTHJUIVCDPNHPMECFSHZPOJOPEFCFTUQSBDUJDFTJTTVFT

Slide 17

Slide 17 text

*EPOPUSFDPNNFOEVTJOHBOZCVOEMFSGPS/PEF IUUQTHJUIVCDPNOFTUKTOFTUJTTVFTJTTVFDPNNFOU

Slide 18

Slide 18 text

"1*ͳΒ࣌ؒಈ͔͞ͳͯ͘΋͍͍ͷͰ͸ ʢ4FSWFSͷอकͨ͘͠ͳ͍ʂʣ

Slide 19

Slide 19 text

ৗʹΞΫηε͕͋Δͱ͸ݶΒͳ͍ load() { if (this.data) { return of(this.data); } else { return this.http.get(‘https://example.com‘)
 .pipe(map(this.processData, this)); } } ϝϞϦ΍ετϨʔδΛ ׆༻ͨ͠Γ FϥʔχϯάΈ͍ͨʹ සൟͳ"1*ߋ৽͕ͳ͍

Slide 20

Slide 20 text

ͦ͏ͩʂ-BNCEBͩʂʂ ʮίʔυͷอकͰखҰഋ͔ͩΒαʔόͷอकͨ͘͠ͳ͍ʯ

Slide 21

Slide 21 text

/PEPDTGSPN ʜͭ͘Εͦ͏͡Όͳ͍ʁ

Slide 22

Slide 22 text

ͭ͘Εͨɻ ࠓ೔.FFUVQ͋Δ͔Β൒೥ͿΓʹόʔδϣϯ௥ਵͨ͠

Slide 23

Slide 23 text

࢖͍ํ $ npm install serverless -g $ git clone git@github.com:rdlabo/serverless-nestjs.git ʲprojectNameʳ Πϯετʔϧ ։ൃ $ npm start -BNCEB)PUTUBSUαϙʔτ 4XBHHFSαϙʔτ $ npx ts-node src/swagger.ts

Slide 24

Slide 24 text

ϑϩϯτΤϯυͱόοΫΤϯυͰڞ௨ݴޠΛ खʹೖΕΑ͏ɻ ϩδΧϧʹָͰ͖Δ/FTU+4͍͍Ͱ͢Α

Slide 25

Slide 25 text

*POJDΛ࢖͏ͱ8FCͰϞόΠϧΞϓϦͭ͘Ε·͢ ϒϥ΢β 18" J04ΞϓϦ

Slide 26

Slide 26 text

͜͏͍͏ΞϓϦ͕೔ʹͭ͘ΕΔΑ͏ʹʂ

Slide 27

Slide 27 text

*POJDͰ࡞ΔϞόΠϧΞϓϦ੍࡞ೖ໳ ୯ߦຊr ϖʔδɹ ԁ IUUQTBN[OUP1"S&M