TileCloudの裏側 - Speaker Deck

Slide 1

Slide 1 text

5JMF$MPVEͷཪଆ 2019/05/19 Takayuki Miyauchi

Slide 2

Slide 2 text

5JMF$MPVEͱ͸ʁ ΢ΣϒαΠτ΍ΞϓϦʹ૊ΈࠐΉͨΊͷ஍ਤͷϗεςΟϯάαʔϏεɻ ஍ਤαʔϏεͰ͸ͳ͍ͷͰɺಠࣗʹҐஔ৘ใ΍$PPLJFͳͲͷݸਓ৘ใΛѻ͍·ͤΜɻ ѻ͏ͷ͸஍ਤ༻ͷʮλΠϧʯͱͦΕΛදࣔ͢ΔͨΊͷ"1*ɻ

Slide 3

Slide 3 text

ݱࡏ͸·ͩϓϥΠϕʔτϕʔλͰ͢ɻɻɻ ݄̓ॳ०ʹϩʔϯν͢Δ༧ఆͰ͢ɻ

Slide 4

Slide 4 text

΢Σϒ஍ਤͷ࢓૊Έ

Slide 5

Slide 5 text

ϝϧΧτϧਤ๏ ஍ٿّΛYϐΫηϧͷਖ਼ํܗͰ෼ׂɻ ζʔϜϨϕϧ্͕͕ͭΔͨͼʹ෼ׂ͞Ε͍ͯ͘ɻ ਖ਼ํܗͷը૾͕ฒͿ͜ͱ͔ΒʮλΠϧʯͱݺ͹ΕΔɻ ʢ͜ͷը૾͸஍ཧӃ஍ਤΛ࢖༻͍ͯ͠·͢ɻʣ

Slide 6

Slide 6 text

ϥελʔλΠϧͱ  ϕΫτϧλΠϧ

Slide 7

Slide 7 text

ϥελʔλΠϧ w ஍ਤ༻ͷը૾ʹ1/(·ͨ͸+1&(ϑΥʔϚοτ͕࢖༻͞Ε ͍ͯΔɻ w αʔόʔαΠυͰը૾Λಈతʹੜ੒͢Δඞཁ͕͋Δɻ

Slide 8

Slide 8 text

ϕΫτϧλΠϧ w +40/ΛόΠφϦʹͨ͠੩తͳϑΝΠϧϑΥʔϚοτɻ w ΫϥΠΞϯταΠυͰ8FC(-Λ࢖༻ͯ͠ϨϯμϦϯάɻ

Slide 9

Slide 9 text

5JMF$MPVE͸ϕΫτϧλΠϧ w දݱྗ͕๛͔Ͱ͖Ε͍ɻϢʔβʔʹΑΔσβΠϯͷΧελ ϚΠζ͕ൺֱత؆୯ɻ w σʔλྔ͕͍ܰɻ w ͻͱͭͻͱͭͷ஍෺͕࣋ͭΦϒδΣΫτʹ+BWB4DSJQU͔ ΒΞΫηε͢Δ͜ͱ͕Մೳɻ w ΫϥΠΞϯταΠυͷෛՙ͕ߴΊɻ w ϒϥ΢βґଘͱͷઓ͍ɻɻɻ

Slide 10

Slide 10 text

࢓༷

Slide 11

Slide 11 text

σʔλ w /BUVSBM&BSUI w 0QFO4USFFU.BQ w ͦͷଞ ϕΫτϧλΠϧͷ৔߹ɺઙ͍ζʔϜϨϕϧͰ͸04.ͷσʔλ͸ϙΠϯτͷ਺͕ଟ͗ͯ͢  ϨϯμϦϯάʹۃ୺ʹ͕͔͔࣌ؒͬͯ͠·͏ͨΊɺద౓ʹলུ͞Εͨσʔλ͕ඞཁɻ

Slide 12

Slide 12 text

೔ຊܦҢ౓ݪ఺

Embed API w .BQCPY(-+4ʹޓ׵ w ೔ຊޠ΁ͷϩʔΧϥΠθʔγϣϯ w ࠃࡍԽ΁ͷରԠ w )5.-͚ͩͰ஍ਤͷઃஔˍΧελϚΠζ͕Մೳɻ

Slide 13

Slide 13 text

Πϯϑϥ

Slide 14

Slide 14 text

w λΠϧ w $MPVE'SPOU-BNCEB!&EHF4 w &NCFE"1* +BWB4DSJQU"1* w "1*(BUFXBZ-BNCEB%ZOBNP%# w μογϡϘʔυ w "1*(BUFXBZ-BNCEB%ZOBNP%# w ϑϩϯτΤϯυʹ͸/FUMJGZ Serverless

Slide 15

Slide 15 text

ެࣜαΠτ΍ϒϩάɺυΩϡϝϯταΠτ͸/FUMJGZ΍ (JU)VC1BHFTΛ࢖༻ɻ Netlify

Slide 16

Slide 16 text

$JSDMF$*Λར༻ͯ͠ɺ֤छ"1*ɺλΠϧͷ഑৴ɺ +BWB4DSJQU"1*ͳͲͷςετΛఆظతʹ࣮ߦɻ CircleCI

Slide 17

Slide 17 text

՝୊

Slide 18

Slide 18 text

w ϫʔΫϑϩʔͷվળͰλΠϧͷαΠζΛ൒෼͙Β͍ʹͰ͖ Δ͜ͱ͕Θ͔ͬͯ͠·ͬͨɻɻɻ w ϨϯμϦϯά଎౓Λ΋ͬͱ଎͍ͨ͘͠ɻ w JO-Oɻ͍Ζ͍ΖδϨϯϚɻ ΋ͬͱ଎͘ ๲େͳσʔλྔΛऔΓѻ͏ͨΊଐਓੑ͕ߴ͘ͳΓ͕ͪɻ ͍Ζ͍ΖͳϨΠϠʔͰͷࣗಈԽ͕ͱͯ΋ॏཁɻ

Slide 19

Slide 19 text

w (FP+40/Λ࡞੒͠ެ։ɺڞ༗Ͱ͖ΔΑ͏ʹ͍ͨ͠ɻ w ελΠϧͷΤσΟλʔ͕΄͍͠ɻ(FP+40/ͱಉ༷ʹϢʔ βʔؒͰڞ༗Ͱ͖ΔΑ͏ʹ͍ͨ͠ɻ μογϡϘʔυ

Slide 20

Slide 20 text

w ओͳίετ͸సૹྉۚɻ w αʔόʔϨεͳͷͰݻఆίετ͸΄ͱΜͲͳ͍ɻ w ҙ֎ͱେ͖͍ͷ͸9999ɻ ίετ

Slide 21

Slide 21 text

0QFO4PVSDJOH

Slide 22

Slide 22 text

w 5JMF$MPVEͷ+BWB4DSJQU"1*͸ΦʔϓϯιʔεͰެ։͠ ͍ͯ·͢ɻ Embed API

Slide 23

Slide 23 text

w .BQCPY(-+4༻ͷϓϥάΠϯͳͲɺ݅ͷϓϩδΣΫ τΛެ։தɻ github.com/tilecloud

Slide 24

Slide 24 text

ࢼͯ͠ΈΑ͏

Slide 25

Slide 25 text

w :063"1*,&:͸ɺςετ༻ͷ"1*ΩʔͰ͢ɻ w ϩʔΧϧ؀ڥ͓ΑͼQMBZDPEFJPͰڐՄ͍ͯ͠·͢ɻ YOUR-API-KEY

Slide 26

Slide 26 text

EPDTUJMFDMPVEJP