Getting Started Amazon Location Service with Vue.js

2021/02/26 JAWS-UG浜松 AWS勉強会にて発表した資料です。

https://jawsug-hamamatsu.doorkeeper.jp/events/118050

Transcript

1. (FUUJOH4UBSUFE
   "NB[PO-PDBUJPO4FSWJDF
   XJUI7VFKT
   +"846()BNBNBUTV
   !KBDPZVUPSJVT
   

   View Slide

2. খ໦༔ే !KBDPZVUPSJVT
   
   ‣ ΤΞʔζגࣜձࣾ
   ‣ +"846()BNBNBUTVSC
   ‣ 3VCZ3VCZPO3BJMT+BWBTDSJQU"84
   ࠷ۙ͸ࣗ࡞ΩʔϘʔυͱεύΠεΧϨʔ࡞ΓʹϋϚ͍ͬͯΔɻ
   

   View Slide

3. View Slide

4. ࿩͢͜ͱ
   ‣ "NB[PO-PDBUJPO4FSWJDF 1SFWJFX
   ͰͰ͖Δ͜ͱ
   ‣ "NB[PO-PDBUJPO4FSWJDF 1SFWJFX
   Λ7VFΞϓϦέʔγϣϯʹ૊ΈࠐΉ
   

   View Slide

5. ‣ .BQT
   ‣ ஍ਤΛදࣔ͢Δ
   ‣ ஍ਤ৘ใ͸&TSJͱ)&3&͔Βఏڙ
   ‣ 1MBDFT
   ‣ δΦίʔσΟϯά ॅॴΛҢ౓ͱܦ౓ͷ஍ཧ࠲ඪʹม׵
   ͱٯδΦίʔσΟϯά
   "NB[PO-PDBUJPO4FSWJDF QSFWJFX
   
   

   View Slide

6. ‣ (FPGFODJOH
   ‣ σόΠε͕δΦϑΣϯεͱݺ͹ΕΔఆٛ͞Εͨ஍ཧతڥքʹग़ೖΓͨ͜͠ͱΛΞϓϦέʔγϣϯ͕ݕग़
   "NB[PO&WFOU#SJEHFʹͯ௨஌
   ‣ 5SBDLFST
   ‣ σόΠεͷҐஔ৘ใͷ௥੻
   ‣ (FPGFODJOHͱ࿈ܞͯ͠σόΠε͔ΒͷҐஔ৘ใͷߋ৽ΛδΦϑΣϯεʹରͯࣗ͠ಈతʹධՁ͢Δ͜ͱ΋
   ‣ 3PVUJOH DPNNJOHTPPO
   
   ‣ ࠷৽ͷಓ࿏ͱ࣮ࡍͷަ௨৘ใʹج͍ͮͯϧʔτΛݟ͚ͭɺҠಈ࣌ؒΛݟੵ΋Δ͜ͱ͕Ͱ͖·͢ɻΞϓϦ
   έʔγϣϯ͕೚ҙͷͭͷ৔ॴؒͷҠಈ࣌ؒɺڑ཭ɺ͓Αͼํ޲ΛཁٻͰ͖ΔΑ͏ʹ͢Δػೳ
   "NB[PO-PDBUJPO4FSWJDF QSFWJFX
   
   

   View Slide

7. ‣ .BOBHFNFOU$POTPMF͔Βϙνϙν༡Ϳ͜ͱ͕Ͱ͖·͢
   5SZJU
   

   View Slide

8. View Slide

9. View Slide

10. View Slide

11. #6*-%"."18*5)4&"3$)"11 XJUI"84"NQMJGZBOE
    "NB[PO-PDBUJPO4FSWJDFT
    
    

    View Slide

12. #6*-%"."18*5)4&"3$)"11
    XJUI"84"NQMJGZBOE"NB[PO-PDBUJPO4FSWJDFT
    
    ‣ "NQMJGZ"VUIͰ$PHOJUPͷϦιʔεΛ࡞ΔʢϩάΠϯػೳ͸෇͚ͳ͍ʣ
    ‣ Ͱ࡞ͬͨΞΠσϯςΟςΟϓʔϧʹඇೝূϢʔβʔʹର͢Δ"NB[PO
    -PDBUJPO4FSWJDF΁ͷΞΫηεݖΛ෇༩͢ΔʢϩάΠϯػೳΛར༻͠ͳ͍ͨΊʣ
    ‣ ΞϓϦέʔγϣϯʹ஍ਤΛຒΊࠐΉ
    ‣ ಈըͰ͸3FBDUΛ࢖͍ͬͯΔ͕ɺࠓճ͸7VFͰ
    

    View Slide

13. .BQ1BOFWVF
    

    View Slide

14. .BQ1BOFWVF
    ίʔϧόοΫΛड͚औΔؔ਺͸1SPNJTFͰϥοϓ͢Δͱ
    BTZODBXBJUͰݺͼग़ͤΔͷͰศརʂ
    

    View Slide

15. .BQ1BOFWVF
    7VFΠϯελϯε͕Ϛ΢ϯτ͞Εͨͱ͖ͷॲཧɻ
    Ґஔ৘ใΛऔಘͯ͠஍ਤΛඳը͢Δɻ
    

    View Slide

16. .BQ1BOFWVF
    "NQMJGZͷ"VUIΦϒδΣΫτ
    ͔Βೝূ৘ใΛऔಘɻ
    .BQCPY(-ʹϒϥ΢βͰऔಘ
    ͨ͠Ґஔ৘ใΛதԝʹࢦఆͯ͠౉
    ͯ͠஍ਤΛඳըɻ
    ಉ͘͡ɺҐஔ৘ใͰऔಘͨ͠৔ॴ
    ʹϐϯΛࢗ͢ɻ
    

    View Slide

17. .BQ1BOFWVF
    ϑΥʔϜʹೖྗ͞Εͨ஍໊ΑΓҐஔ৘ใΛऔಘʢδΦίʔσΟϯάʣ
    ͠ɺͦͷҐஔʹϐϯΛࢗ͢
    

    View Slide

18. .BQ1BOFWVF
    

    View Slide

19. IUUQTNBTUFSEIPEJE[BNQMJGZBQQDPN
    

    View Slide

20. View Slide

21. ‣ (PPHMF.BQT"1*ͷ΄͏͕ʢ·ͩʣ࢖͍΍͍͢
    ‣ "84͕ڧ͍ͷ͸༷ʑͳαʔϏεͱͷ࿈ܞͳͷͰɺ
    ‣ ϩάΠϯϢʔβʔͷΈ஍ਤΛදࣔ͢Δ
    ‣ ϢʔβʔͷҠಈϩάΛ$MPVE8BUDI4ʹஷΊͯ"UIFOBͱ͔
    3FE4IJGUͰ෼ੳ
    ‣ ඍົͳ࢖͍৺஍ͷػೳΛϦϦʔεͯ͠ޙ͔Βվળ͍ͯ͘͠ͷ͕"84ͷ͍ͭ΋ͷ΍Γ
    ํͳͷͰࠓޙͷվળָ͕͠Έ
    ॴײ
    

    View Slide

22. ‣ MJOLSFMTUZMFTIFFUISFGlIUUQT
    DEOKTEFMJWSOFUOQNXBUFSDTT!
    PVUXBUFSDTTͰಡΈࠐΉ͚ͩ
    ‣ %0.ʹDMBTTΛ෇͚Δඞཁ΋ͳ͍
    ‣ ϖϥΠνͷαΠτΛ࡞Γ͍ͨͱ͖ʹ
    

    View Slide

23. IUUQTHJUIVCDPNKBDPZVUPSJVTBNB[POMPDBUJPOWVF
    

    View Slide