【札幌】スマートスピーカーミーティング 2019/07/25 での発表。 https://sapporo-gaomar.connpass.com/event/139400
Alexaで地図情報を表示させるためにチャレンジした話です。
εϚʔτεϐʔΧʔϛʔςΟϯά@tacck"MFYBͰਤΛද͍ࣔͨ͠ʲࡳຈʳεϚʔτεϐʔΧʔϛʔςΟϯά2019/07/25
View Slide
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯά୭• ໊લtacck / ݪ • ॴଐגࣜձࣾϊʔεσΟςʔϧ• ओ࠵• ΏΔWebษڧձ@ࡳຈ• εϚʔτεϐʔΧʔͰ༡΅͏ձ@ࡳຈ• ͖ͳϑΟΪϡΞεέʔτͷٕεϓϨουɾΠʔάϧ
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯά$MPWBεΩϧϦϦʔεͯ͠·͢• ʮ͍ͭͷνΣοΫʯ• LINEࣾͷग़͍ͯ͠Δ ʮLINE Clovaʯઐ༻εΩϧ• ேͷ࣋ͪνΣοΫʹ Ͳ͏ͧʂ
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯάຊ
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯάࠓͷ• AlexaͷεΩϧͰਤΛදࣔͤͯ͞Έ͍ͨΞϨΫαɺ ʓʓͷਤΛݟͤͯ
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯάͳͥਤΛද͍ࣔͨ͠ͷ͔• (࠷ۙ)ਤΛ͏ձࣾʹͳͬͨͷͰɻ• ͳͷͰɺ࠷ۙਤʹؔ͢Δ։ൃͳͲΓ࢝Ίͨɻ• Google Maps API ͬͨΓɻ• Leaflet.js + OpenStreetMap ৮ͬͨΓɻ
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯάྫࡳຈࢢͷ'SFF8J'J
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯά✌ bТ✌ࡾ✌ Т✌ࡾ ✌Т✌
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯάͦΜͳΘ͚Ͱ• ͏·͘ΕɺεϚʔτεϐʔΧʔͰ ਤใΛఏڙͰ͖ΔͷͰ?• Alexa SkillͰਤදࣔʹτϥΠͯ͠Έ·ͨ͠ɻ
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯάجຊํ• ࠓճ͍͜͠ͱ͠ͳ͍• APLͰਤͷը૾ͷΈΛදࣔ• Ґஔݻఆ
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯάਤը૾• ਤը૾ OpenStreetMap ͷλΠϧը૾Λ͏ɻ (CC BY-SA 2.0)• ਤը૾ͷऔಘɾදࣔํ๏Ͱ2छྨ• λΠϧը૾ΛAPLͰѻ͏• ਤΛҰ୴ϔουϨεϒϥβͰදࣔ͠ εΫϦʔϯγϣοτΛ࡞ͯ͠APL
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯά• λΠϧը૾ํ๏λΠϧը૾ਤΛλΠϧঢ়ʹׂ
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯά• λΠϧը૾ํ๏λΠϧը૾ΞϨΫαɺ ʓʓͷਤΛݟͤͯOSMͷαʔό
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯά• λΠϧը૾ํ๏λΠϧը૾ΞϨΫαɺ ʓʓͷਤΛݟͤͯOSMͷαʔόରͷҢܦΛऔಘ͠ɺ֘͢ΔλΠϧը૾Λऔಘ
!UBDDLεϚʔτεϐʔΧʔͰ༡΅͏ձ!ࡳຈεϚεϐࡳຈ
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯάίʔυ
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯάίʔυ ʮࡳຈӺʯͰҐஔใΛݕࡧ͠ɺ ҢܦΛऔಘɻ
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯάίʔυҢܦΛɺλΠϧը૾ͷ XɾYʹஔ͖͑ɻ
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯάίʔυ࠲ඪͷपลͷը૾Λஔɻ
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯάλΠϧը૾Ͱͷ՝• ʮද͍ࣔͨ͠ͷʯΛத৺ʹ͢Δͷ͕͍͠ɻࢦఆͨ͠࠲ඪΛؚΉ λΠϧը૾Λදࣔ ˠ ࠲ඪ͕λΠϧը૾ͷ த৺ʹ͘ΔΘ͚Ͱͳ͍
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯάλΠϧը૾Ͱͷ՝• ʮද͍ࣔͨ͠ͷʯΛத৺ʹ͢Δͷ͕͍͠ɻपғΛܨ͛Ε͜͏͍͏ײ͡
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯάλΠϧը૾Ͱͷ՝• ʮද͍ࣔͨ͠ͷʯΛத৺ʹ͢Δͷ͕͍͠ɻ͜͏͍͏ϨΠΞτखؒ
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯάλΠϧը૾Ͱͷ՝• ͦͷଞ• ਤʹʮϐϯʯΛཱͯΔͳͲɺ Ұൠతͳਤը૾ʹཉ͍͠ͷΛ࡞ΓͮΒ͍ɻ
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯάํ๏εΫϦʔϯγϣοτ• εΫϦʔϯγϣοτΛදࣔ͢Δ߹ΞϨΫαɺ ʓʓͷਤΛݟͤͯOSMͷαʔό
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯάΞϨΫαɺ ʓʓͷਤΛݟͤͯOSMͷαʔόSS࡞αʔόOSMͷਤΛҰ୴ϒϥβͰදࣔͦ͠ͷεΫϦʔϯγϣοτΛAlexaͰදࣔ
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯάίʔυʮࡳຈӺʯͰҐஔใΛݕࡧ͠ɺ ҢܦΛऔಘɻ
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯάίʔυSSαʔόͷURLΛઃఆɻ
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯάίʔυDataSources URLΛઃఆɻ
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯάͨͩ͠• ࣮ػͰ͕͔͔࣌ؒΓ͗ͯ͢(?)ɺදࣔ͞Εͳ͍ɻ
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯάεΫϦʔϯγϣοτͰͷ՝• ͦͦڥߏஙͷϋʔυϧ͕ߴΊɻ• ࠓճϦϞʔτͰPuppeteerΛͬͯը૾Խ• ೋॏʹ௨৴͢Δ͜ͱʹͳΔͷͰɺ දࣔ·Ͱʹ͕͔͔࣌ؒΔɻ(ͦͦදࣔͰ͖ͯͳ͍) → ͪ͜ΒɺࣄલʹΩϟογϡͰ͖Ε ɹ ͋Δఔղܾͦ͠͏ɻ (S3ͷը૾දࣔͰ͖ΔͷͰɺԠ͕࣌ؒɻ)
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯά·ͱΊ
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯά·ͱΊ• ΠϕϯτҊձࣾҊͳͲɺ ʮಛఆͷॴͷਤը૾දࣔʯͷΑ͏ͳ ද͍ࣔͨ͠ਤใΛݻఆԽͰ͖ΔγʔϯͰ͋Εɺ ͑ͦ͏ɻ• ʮϒϥβͷਤΞϓϦʯͰظ͞ΕΔػೳͷ࣮ݱʹɺ ·ͩ·͕ͩඞཁɻ
!UBDDLεϚʔτεϐʔΧʔϛʔςΟϯάҙ• ຊ֨తʹ͏߹Ωϟογϡ͕ඞཁ͕ͩɺ ར༻͢ΔਤαʔϏεʹΑ੍ͬͯݶ͞Ε͍ͯΔͷͰҙɻ• ྫ͑• Google MapͰεΫϦʔϯγϣοτΛ͑ͳ͍ɻ• ༻ϥΠηϯεͷAPIαʔϏεͩͱɺ தؒαʔόͰͷΩϟογϡ͕ېࢭ͞Ε͍ͯΔ͜ͱ͕ଟ͍ɻ