TileCloudの裏側

 TileCloudの裏側

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

A0412ba4d1cc922f1950a46d8804a5f9?s=128

Takayuki Miyauchi

May 19, 2019
Tweet

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 0QFO4USFFU.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)VC1BHFTΛ࢖༻ɻ 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. 0QFO4PVSDJOH

  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