Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Getting Started Amazon Location Service with Vue.js

Getting Started Amazon Location Service with Vue.js

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

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

jacoyutorius

February 26, 2021
Tweet

More Decks by jacoyutorius

Other Decks in Technology

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