TileCloudの裏側

和歌山のITコミュニティ Wacker での発表資料です。

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