Alexaで地図を表示したい話 - #スマートスピーカーミーティング
by
Kihara, Takuya
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
εϚʔτεϐʔΧʔϛʔςΟϯά @tacck "MFYBͰਤΛද͍ࣔͨ͠ ʲࡳຈʳεϚʔτεϐʔΧʔϛʔςΟϯά 2019/07/25
Slide 2
Slide 2 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ୭ • ໊લ tacck / ݪ • ॴଐ גࣜձࣾϊʔεσΟςʔϧ • ओ࠵ • ΏΔWebษڧձ@ࡳຈ • εϚʔτεϐʔΧʔͰ༡΅͏ձ@ࡳຈ • ͖ͳϑΟΪϡΞεέʔτͷٕ εϓϨουɾΠʔάϧ
Slide 3
Slide 3 text
No content
Slide 4
Slide 4 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά $MPWBεΩϧϦϦʔεͯ͠·͢ • ʮ͍ͭͷνΣοΫʯ • LINEࣾͷग़͍ͯ͠Δ ʮLINE Clovaʯઐ༻εΩϧ • ேͷ࣋ͪνΣοΫʹ Ͳ͏ͧʂ
Slide 5
Slide 5 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ຊ
Slide 6
Slide 6 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ࠓͷ • AlexaͷεΩϧͰਤΛදࣔͤͯ͞Έ͍ͨ ΞϨΫαɺ ʓʓͷਤΛݟͤͯ
Slide 7
Slide 7 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ͳͥਤΛද͍ࣔͨ͠ͷ͔ • (࠷ۙ)ਤΛ͏ձࣾʹͳͬͨͷͰɻ • ͳͷͰɺ࠷ۙਤʹؔ͢Δ։ൃͳͲΓ࢝Ίͨɻ • Google Maps API ͬͨΓɻ • Leaflet.js + OpenStreetMap ৮ͬͨΓɻ
Slide 8
Slide 8 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ྫ ࡳຈࢢͷ'SFF8J'J
Slide 9
Slide 9 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ✌ bТ✌ ࡾ✌ Т ✌ࡾ ✌Т ✌
Slide 10
Slide 10 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ͦΜͳΘ͚Ͱ • ͏·͘ΕɺεϚʔτεϐʔΧʔͰ ਤใΛఏڙͰ͖ΔͷͰ? • Alexa SkillͰਤදࣔʹτϥΠͯ͠Έ·ͨ͠ɻ
Slide 11
Slide 11 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά جຊํ • ࠓճ͍͜͠ͱ͠ͳ͍ • APLͰਤͷը૾ͷΈΛදࣔ • Ґஔݻఆ
Slide 12
Slide 12 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ਤը૾ • ਤը૾ OpenStreetMap ͷλΠϧը૾Λ͏ɻ (CC BY-SA 2.0) • ਤը૾ͷऔಘɾදࣔํ๏Ͱ2छྨ • λΠϧը૾ΛAPLͰѻ͏ • ਤΛҰ୴ϔουϨεϒϥβͰදࣔ͠ εΫϦʔϯγϣοτΛ࡞ͯ͠APL
Slide 13
Slide 13 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά • λΠϧը૾ ํ๏λΠϧը૾ ਤΛλΠϧঢ়ʹׂ
Slide 14
Slide 14 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά • λΠϧը૾ ํ๏λΠϧը૾ ΞϨΫαɺ ʓʓͷਤΛݟͤͯ OSMͷαʔό
Slide 15
Slide 15 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά • λΠϧը૾ ํ๏λΠϧը૾ ΞϨΫαɺ ʓʓͷਤΛݟͤͯ OSMͷαʔό ରͷҢܦΛऔಘ͠ɺ ֘͢ΔλΠϧը૾Λऔಘ
Slide 16
Slide 16 text
!UBDDL εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈεϚεϐࡳຈ
Slide 17
Slide 17 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ίʔυ
Slide 18
Slide 18 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ίʔυ ʮࡳຈӺʯͰҐஔใΛݕࡧ͠ɺ ҢܦΛऔಘɻ
Slide 19
Slide 19 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ίʔυ ҢܦΛɺλΠϧը૾ͷ XɾYʹஔ͖͑ɻ
Slide 20
Slide 20 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ίʔυ ࠲ඪͷपลͷը૾Λஔɻ
Slide 21
Slide 21 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά λΠϧը૾Ͱͷ՝ • ʮද͍ࣔͨ͠ͷʯΛத৺ʹ͢Δͷ͕͍͠ɻ ࢦఆͨ͠࠲ඪΛؚΉ λΠϧը૾Λදࣔ ˠ ࠲ඪ͕λΠϧը૾ͷ த৺ʹ͘ΔΘ͚Ͱͳ͍
Slide 22
Slide 22 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά λΠϧը૾Ͱͷ՝ • ʮද͍ࣔͨ͠ͷʯΛத৺ʹ͢Δͷ͕͍͠ɻ पғΛܨ͛Ε ͜͏͍͏ײ͡
Slide 23
Slide 23 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά λΠϧը૾Ͱͷ՝ • ʮද͍ࣔͨ͠ͷʯΛத৺ʹ͢Δͷ͕͍͠ɻ ͜͏͍͏ϨΠΞτ खؒ
Slide 24
Slide 24 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά λΠϧը૾Ͱͷ՝ • ͦͷଞ • ਤʹʮϐϯʯΛཱͯΔͳͲɺ Ұൠతͳਤը૾ʹཉ͍͠ͷΛ࡞ΓͮΒ͍ɻ
Slide 25
Slide 25 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ํ๏εΫϦʔϯγϣοτ • εΫϦʔϯγϣοτΛදࣔ͢Δ߹ ΞϨΫαɺ ʓʓͷਤΛݟͤͯ OSMͷαʔό
Slide 26
Slide 26 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ΞϨΫαɺ ʓʓͷਤΛݟͤͯ OSMͷαʔό SS࡞αʔό OSMͷਤΛҰ୴ϒϥβͰදࣔ͠ ͦͷεΫϦʔϯγϣοτΛ AlexaͰදࣔ
Slide 27
Slide 27 text
!UBDDL εϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈεϚεϐࡳຈ
Slide 28
Slide 28 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ίʔυ
Slide 29
Slide 29 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ίʔυ ʮࡳຈӺʯͰҐஔใΛݕࡧ͠ɺ ҢܦΛऔಘɻ
Slide 30
Slide 30 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ίʔυ SSαʔόͷURLΛઃఆɻ
Slide 31
Slide 31 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ίʔυ DataSources URLΛઃఆɻ
Slide 32
Slide 32 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ͨͩ͠ • ࣮ػͰ͕͔͔࣌ؒΓ͗ͯ͢(?)ɺදࣔ͞Εͳ͍ɻ
Slide 33
Slide 33 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά εΫϦʔϯγϣοτͰͷ՝ • ͦͦڥߏஙͷϋʔυϧ͕ߴΊɻ • ࠓճϦϞʔτͰPuppeteerΛͬͯը૾Խ • ೋॏʹ௨৴͢Δ͜ͱʹͳΔͷͰɺ දࣔ·Ͱʹ͕͔͔࣌ؒΔɻ(ͦͦදࣔͰ͖ͯͳ͍) → ͪ͜ΒɺࣄલʹΩϟογϡͰ͖Ε ɹ ͋Δఔղܾͦ͠͏ɻ (S3ͷը૾දࣔͰ͖ΔͷͰɺԠ͕࣌ؒɻ)
Slide 34
Slide 34 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ·ͱΊ
Slide 35
Slide 35 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ·ͱΊ • ΠϕϯτҊձࣾҊͳͲɺ ʮಛఆͷॴͷਤը૾දࣔʯͷΑ͏ͳ ද͍ࣔͨ͠ਤใΛݻఆԽͰ͖ΔγʔϯͰ͋Εɺ ͑ͦ͏ɻ • ʮϒϥβͷਤΞϓϦʯͰظ͞ΕΔػೳͷ࣮ݱʹɺ ·ͩ·͕ͩඞཁɻ
Slide 36
Slide 36 text
!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ҙ • ຊ֨తʹ͏߹Ωϟογϡ͕ඞཁ͕ͩɺ ར༻͢ΔਤαʔϏεʹΑ੍ͬͯݶ͞Ε͍ͯΔͷͰҙɻ • ྫ͑ • Google MapͰεΫϦʔϯγϣοτΛ͑ͳ͍ɻ • ༻ϥΠηϯεͷAPIαʔϏεͩͱɺ தؒαʔόͰͷΩϟογϡ͕ېࢭ͞Ε͍ͯΔ͜ͱ͕ଟ͍ɻ