Alexaで地図を表示したい話 - #スマートスピーカーミーティング

εϚʔτεϐʔΧʔϛʔςΟϯά @tacck "MFYBͰ஍ਤΛද͍ࣔͨ͠࿩ ʲࡳຈʳεϚʔτεϐʔΧʔϛʔςΟϯά 2019/07/25

!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ୭ • ໊લ tacck / ໦ݪ ୎໵ •
ॴଐ גࣜձࣾϊʔεσΟςʔϧ • ओ࠵ • ΏΔWebษڧձ@ࡳຈ • εϚʔτεϐʔΧʔͰ༡΅͏ձ@ࡳຈ • ޷͖ͳϑΟΪϡΞεέʔτͷٕ εϓϨουɾΠʔάϧ

!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά $MPWBεΩϧϦϦʔεͯ͠·͢ • ʮ͍ͭ΋ͷνΣοΫʯ • LINEࣾͷग़͍ͯ͠Δ  ʮLINE Clovaʯઐ༻εΩϧ •
ேͷ࣋ͪ෺νΣοΫʹ  Ͳ͏ͧʂ

!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ຊ୊

!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ࠓ೔ͷ࿩ • AlexaͷεΩϧͰ஍ਤΛදࣔͤͯ͞Έ͍ͨ ΞϨΫαɺ  ʓʓͷ஍ਤΛݟͤͯ

!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ͳͥ஍ਤΛද͍ࣔͨ͠ͷ͔ • (࠷ۙ)஍ਤΛ࢖͏ձࣾʹͳͬͨͷͰɻ • ͳͷͰɺ࠷ۙ஍ਤʹؔ͢Δ։ൃͳͲ΍Γ࢝Ίͨɻ • Google Maps
API ࢖ͬͨΓɻ • Leaﬂet.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 εϚʔτεϐʔΧʔϛʔςΟϯά ίʔυ

!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ίʔυ ʮࡳຈӺʯͰҐஔ৘ใΛݕࡧ͠ɺ  Ң౓ܦ౓Λऔಘɻ

!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ίʔυ SSαʔόͷURLΛઃఆɻ

!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ίʔυ DataSources಺΁  URLΛઃఆɻ

!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ͨͩ͠ • ࣮ػͰ͸͕͔͔࣌ؒΓ͗ͯ͢(?)ɺදࣔ͞Εͳ͍ɻ

!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά εΫϦʔϯγϣοτͰͷ՝୊ • ͦ΋ͦ΋؀ڥߏஙͷϋʔυϧ͕ߴΊɻ • ࠓճ͸ϦϞʔτͰPuppeteerΛ࢖ͬͯը૾Խ • ೋॏʹ௨৴͢Δ͜ͱʹͳΔͷͰɺ  දࣔ·Ͱʹ͕͔͔࣌ؒΔɻ(ͦ΋ͦ΋දࣔͰ͖ͯͳ͍) 
→ ͪ͜Β͸ɺࣄલʹΩϟογϡͰ͖Ε͹  ɹ ͋Δఔ౓ղܾͦ͠͏ɻ  (S3ͷը૾͸දࣔͰ͖ΔͷͰɺԠ౴͕࣌ؒ໰୊ɻ)

!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ·ͱΊ

!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ·ͱΊ • ΠϕϯτҊ಺΍ձࣾҊ಺ͳͲɺ  ʮಛఆͷ৔ॴͷ஍ਤը૾දࣔʯͷΑ͏ͳ  ද͍ࣔͨ͠஍ਤ৘ใΛݻఆԽͰ͖ΔγʔϯͰ͋Ε͹ɺ  ࢖͑ͦ͏ɻ • ʮϒϥ΢βͷ஍ਤΞϓϦʯͰظ଴͞ΕΔػೳͷ࣮ݱʹ͸ɺ 
·ͩ·ͩ޻෉͕ඞཁɻ 

!UBDDL εϚʔτεϐʔΧʔϛʔςΟϯά ஫ҙ • ຊ֨తʹ࢖͏৔߹͸Ωϟογϡ͕ඞཁ͕ͩɺ  ར༻͢Δ஍ਤαʔϏεʹΑͬͯ͸੍ݶ͞Ε͍ͯΔͷͰ஫ҙɻ • ྫ͑͹ • Google
MapͰ͸εΫϦʔϯγϣοτΛ࢖͑ͳ͍ɻ • ঎༻ϥΠηϯεͷAPIαʔϏεͩͱɺ  தؒαʔόͰͷΩϟογϡ͕ېࢭ͞Ε͍ͯΔ͜ͱ͕ଟ͍ɻ

Alexaで地図を表示したい話 - #スマートスピーカーミーティング

Alexaで地図を表示したい話 - #スマートスピーカーミーティング

More Decks by Kihara, Takuya

Other Decks in Technology

Featured

Transcript