すごい大規模たのしく作ろう

by Shinichi Kozake

Slide 1

Slide 1 text

͍͢͝େن໛ͨͷ͘͠࡞Ζ͏ʂ ng-kyoto Angular Meetup #10

Slide 2

Slide 2 text

4ZTUFN"SDIJUFDU +BWB !T@LP[BLF 8IPBN* 4ZTUFN"SDIJUFDU

Slide 3

Slide 3 text

ۙگ ʴ େن໛Ҋ݅ͱ֨ಆͯ͠·ͨ͠ʂ

Slide 4

Slide 4 text

γεςϜن໛ ̍̑ສ4UFQ͘Β͍ ̍̔̌ը໘͘Β͍ ϐʔΫ໊࣌͘Β͍ େن໛ͷఆٛ͸Θ͔Γ·ͤΜ͕ ϑϩϯτΤϯυͷΈ ࣗಈੜ੒ιʔεؚ·ͣ

Slide 5

Slide 5 text

։ൃظؒ ཁ݅ఆٛʹ̍೥ ઃܭʹ̍೥ ։ൃɾςετʹϲ݄ ͳ͕ʔʔʔʔ͍γεςϜઃܭ

Slide 6

Slide 6 text

γεςϜཁ݅ *&ରԠ λϒϨοτͰ΋࢖༻ γϯάϧαΠϯΦϯೝূ Ξϯυืूͯ͠΋͜ͳ͍ϑϩϯτΤϯδχΞ ϨεϙϯγϒσβΠϯ

Slide 7

Slide 7 text

)PXEJEZPVQSPDFFE IUUQTqJDLSQNT;"

Slide 8

Slide 8 text

ࣾ಺ษڧձ ۀ຿࣌ؒͰ"OHVMBSษڧձ ɾϝϯόʔશһͰษڧձ ɾ࣌ؒºճ िճ ɾ"OHVMBSͷຊΛ࣌ؒ಺ͰಡΜͰ͍͘

Slide 9

Slide 9 text

ը໘ඪ४ͷ࡞੒ ύϫϙͰ࡞ͬͨʂ ը໘ͷ৭΍ΞΠίϯ ݕࡧը໘΍ೖྗը໘ͷಈ࡞ ϝοηʔδͷදࣔํ๏ ͳͲͳͲ

Slide 10

Slide 10 text

ϞοΫΞοϓ։ൃ एखϝϯόʔͱڠྗͯ͠࡞੒ ɾૣ͍ஈ֊Ͱ։ൃʹணखʢ։ൃͷ։࢝࣌఺Ͱ͸ɺશը໘ͷϞοΫΞοϓ͕׬੒ʣ ɾٕज़ݕূΛ݉ͶΔ͜ͱ͕Ͱ͖ͨʂ ɾϢʔβͷૢ࡞ཁ๬Λૣ͍ஈ֊ͰΩϟονΞοϓͰ͖ͨʂ ɾएखڭҭʹ΋ͭͳ͕ͬͨʂ

Slide 11

Slide 11 text

)PXEJEZPVEFWFMPQ IUUQTqJDLSQNT;"

Slide 12

Slide 12 text

͜ΕΒͷϥΠϒϥϦΛ࢖༻ͨ͠Γࢀߟʹͨ͠Γ

Slide 13

Slide 13 text

ࠓճͷ։ൃͰ͸1SJNF/(Λ࠾༻ 1SJNF/(͸1SJNF'BDFͰ༗໊ͳ1SJNF5FL͕ఏڙ͢ΔϥΠϒϥϦ ݟͨ໨ͷྑ͞΍ιʔεͷݟ௨͠͞Λߟྀ͠ɺͪ͜ΒΛ࠾༻ σεΫτοϓը໘Ͱ࢖͏৔߹͸࢖͍΍͍͢ʢϞόΠϧ޲͚ʹ͸ΠϚΠν͔΋ʣ 1SJNF/(

Slide 14

Slide 14 text

1SJNF/( ࠓճͷ։ൃͰ͸ɺʮ1SFNJVN"QQMJDBUJPO5FNQMBUFTGPS1SJNF/(ʯ ͱ͍͏1SJNF/(ͷςϯϓϨʔτʢ"7"-0/ʣΛߪೖɻ 1SJNF/(ͷςϯϓϨʔτ͸̍ͭສԁఔ౓ɻҰ౓ߪೖ͢Δͱͣͬͱ࢖͑Δɻ

Slide 15

Slide 15 text

BH(SJE BH(SJE͸σʔλάϦουΛఏڙ͢Δ6*ϥΠϒϥϦɻཁ͢Δʹ8FC্ͷ&YDFMɻ 1SJNF/(ʹ΋%BUB5BCMFͱ͍͏ಉ༷ͷάϦουίϯϙʔωϯτ͕͋Δ͕ɺ ٕज़ݕূͷ݁Ռɺཁٻ࢓༷ʹ଱͑Εͳ͍͜ͱ͕൑໌ɻ σʔλάϦου͸ෳࡶੑͷߴ͍ϥΠϒϥϦͷͨΊɺ࣮੷Λॏࢹͯ͠BHHSJEΛ࠾༻ɻ

Slide 16

Slide 16 text

JPOJD $SPTT1MBUGPSNͷϞόΠϧ8FCΞϓϦέʔγϣϯΛ࡞੒͢ΔͨΊͷϑϨʔϜϫʔΫ ελοΫܕͷϖʔδભҠ͕ؾʹೖͬͯɺ෦෼తʹಋೖ 6*෦඼͸1SJNF/(ΛϝΠϯʹ͕ͨ͠ɺϞόΠϧ޲͚ͩͱJPOJDͷ6*෦඼͸࢖͍΍͍͢ʂ

Slide 17

Slide 17 text

+)JQTUFS Ϟμϯ8FCΞϓϦέʔγϣϯͷ਽ܗΛૉૣ͘࡞ΕΔ4DB⒎PMEπʔϧ ϓϩμΫτར༻Λલఏͱ࣮ͨ͠༻తͳ਽ܗΛੜ੒ͯ͘͠ΕΔ ੜ੒͞ΕͨιʔείʔυΛࢀߟʹͨ͠ʂ

Slide 18

Slide 18 text

CODE DAO Generator conﬁg ϑΝΠϧ Web dependencies dependencies ΞϓϦέʔγϣϯ૚ ϓϨθϯςʔγϣϯ૚ υϝΠϯ૚ CODE API UI ϢʔβΠϯλϑΣʔε૚ dependencies dependencies typescript-angular ςʔϒϧ ఆٛॻ ίʔυ ఆٛॻ 0QFO"1*(FOFSBUPS ։ൃख๏

Slide 19

Slide 19 text

%JEZPVIBWFBOZUSPVCMF IUUQTqJDLSQNT;"

Slide 20

Slide 20 text

ύϑΥʔϚϯε ͜Ε͕Ұ൪ྫྷ΍׼͔͖·ͨ͠

Slide 21

Slide 21 text

ύϑΥʔϚϯε *&Ͱ஗͍ λϒϨοτͰ஗͍ $ISPNFͩͱ଎͍

Slide 22

Slide 22 text

*&Ͱ஗͍

Slide 23

Slide 23 text

*&Ϣʔβʹ͸ ͦ͜Β΁ΜͷL

Slide 24

Slide 24 text

λϒϨοτͰ஗͍

Slide 25

Slide 25 text

λϒϨοτͰ஗͍ λϒϨοτͰͷΈૢ࡞͕΋ͨͭ͘ ίϯϙʔωϯτͷଟ͍ը໘Ͱݦஶ λϒϨοτ͸1$୺຤ʹൺ΂ͯ௿εϖοΫʢ೥੡"OEPSJEλϒϨοτʣ 1$ϑΝʔετͩͬͨͨΊɺ1$୺຤ΛϝΠϯͰ։ൃΛਐΊͨ݁Ռɺ ςετޙ൒Ͱੑೳ໰୊͕ൃ֮ʂ

Slide 26

Slide 26 text

λϒϨοτͰ஗͍ !$PNQPOFOU \ DIBOHF%FUFDUJPO$IBOHF%FUFDUJPO4USBUFHZ0O1VTI ^ ࣗલͰ༻ҙͨ͠ڞ௨6*෦඼ͷมߋݕ஌ͷઓུΛ 0O1VTIʹ͢Δ͜ͱͰղܾʂ ࣗ਎ͷ*OQVUʹมԽ͕ͳ͍࣌͸ࢠπϦʔͷมߋݕ஌ΛεΩοϓʂ

Slide 27

Slide 27 text

)PXJTJUOPX IUUQTqJDLSQ/KEQW

Slide 28

Slide 28 text

OPX Ή͠ΖՋ ΋͏͙͢ϦϦʔε ຖ೔ఆ࣌ؼΓ ෆ۩߹͸΄ͱΜͲग़͍ͯͳ͍

Slide 29

Slide 29 text

JNQSFTTJPOTPG"OHVMBS

Slide 30

Slide 30 text

"OHVMBS΁ͷײ૝ ೖ໳ॻ੶͸͍ͩͿͦΖͬͯΔ ύϑΥʔϚϯεରࡦͳͲͷ ӡ༻ࣄྫ͸·ͩগͳ͍Α͏ͳ "OHVMBS͕ΒΈͷ໰୊͸ݱࡏͳ͠ ඇৗʹ҆ఆ͍ͯ͠Δ