TileCloudの裏側

Transcript

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

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

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

4. ΢Σϒ஍ਤͷ࢓૊Έ

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

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

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

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

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

   ΫϥΠΞϯταΠυͷෛՙ͕ߴΊɻ
   w ϒϥ΢βґଘͱͷઓ͍ɻɻɻ

10. ࢓༷

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

12. <div class="tilecloud" data-lat="35.65810422222222" data-lng="139.74135747222223" data-zoom="9" data-gesture-handling="off" data-geolocate-control="on" ><strong>೔ຊܦҢ౓ݪ఺</strong></div> Embed API

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

13. Πϯϑϥ

14. w λΠϧ
    w $MPVE'SPOU
    
    -BNCEB!&EHF
    
    4
    w &NCFE
    "1*
    +BWB4DSJQU
    "1*
    

    w "1*
    (BUFXBZ
    
    -BNCEB
    
    %ZOBNP%#
    w μογϡϘʔυ
    w "1*
    (BUFXBZ
    
    -BNCEB
    
    %ZOBNP%#
    w ϑϩϯτΤϯυʹ͸
    /FUMJGZ Serverless

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

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

17. ՝୊

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

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

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

21. 0QFO
    4PVSDJOH

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

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

24. ࢼͯ͠ΈΑ͏

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

26. EPDTUJMFDMPVEJP