「画像DE路線当てBot」で学ぶBot開発 / cogbot#8

by HikaruMaruyama

Slide 1

Slide 1 text

ୈ8ճ Cogbotษڧձ גࣜձࣾϰΝϧݚڀॴ ؙࢁͻ͔Δ ʮը૾DE࿏ઢ౰ͯBotʯ ͰֶͿBot։ൃ

Slide 2

Slide 2 text

Proﬁle ؙࢁͻ͔Δ גࣜձࣾϰΝϧݚڀॴ ςΫχΧϧΤόϯδΣϦετ ਆಸ઒ݝ૬໛ݪࢢࡏॅ IJLBSVNBSVZBNB !NBSVZBNBIJBLSV IUUQIJJJJJJJIJLBSVIBUFOBEJBSZDPN

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

ઃཱ : 1976/7/26 ॴࡏ஍ : ౦ژ౎ਿฒ۠ߴԁࣉ ैۀһ਺: 159໊(2017/4ݱࡏ)

Slide 5

Slide 5 text

1988೥ ࠃ಺ॳͷ৐׵Ҋ಺ιϑτ Ӻ͢ͺ͋ͱ ͕஀ੜ͠·ͨ͠ɻ ݸਓར༻͚ͩͰ͸ͳ͘ɺ ϏδωεγʔϯͰ΋਺ଟ͘ͷ ࠾༻࣮੷͕͋Γ·͢ɻ Έͳ͞Μ͝ଘ஌ Yahoo࿏ઢਤ ΋ Ӻ͢ͺ͋ͱͷΤϯδϯͰ͢ɻ “৐׵Ҋ಺”ͷձࣾͰ͢

Slide 6

Slide 6 text

Ӻ͢ͺ͋ͱΛ࣠ʹ ༷ʑͳࣄۀΛల։͍ͯ͠·͢

Slide 7

Slide 7 text

ຊ೔ͷຊ୊ɿ Microsoft Bot framework ͦͷଞॾʑΛ༻͍ͨ Bot։ൃͷ஌ݟڞ༗

Slide 8

Slide 8 text

੒Ռ෺

Slide 9

Slide 9 text

΄Μͱ͸͜͏΍Γ͔ͨͬͨorz

Slide 10

Slide 10 text

࢖ͬͨπʔϧ • Bot࣮૷ • Bot Builder SDK for Node.js • ࿏ઢΛ൑ఆ͢Δ෦෼ • cognitive services custom vision service • ӺΛऔಘ͢Δ෦෼ • Ӻ͢ͺ͋ͱWebαʔϏε • BotͷσϓϩΠઌ • azure • σϓϩΠͨ͠BotΛWebͰ؆୯ʹެ։͢Δ • microsoft bot framework

Slide 11

Slide 11 text

ؙࢁͷεςʔλε • ॳΊͯ৮Δ • azure • microsoft bot framework • গ͠৮ͬͨ͜ͱ͕͋Δ • nodejs • ʮৄ͍͠ʯͱࣗ৴Λ࣋ͬͯݴ͑Δ • Ӻ͢ͺ͋ͱwebαʔϏε

Slide 12

Slide 12 text

গ͠୤ઢ…

Slide 13

Slide 13 text

Ӻ͢ͺ͋ͱ WebαʔϏε

Slide 14

Slide 14 text

“Ӻ͢ͺ͋ͱ”͕࣋ͭ ༷ʑͳػೳ΍৘ใΛ WebAPIͱͯ͠ఏڙ͠·͢ ͲΜͳαʔϏεʁ

Slide 15

Slide 15 text

৐׵Ҋ಺αʔϏε͸΋ͪΖΜ ަ௨අਫ਼ࢉγεςϜɺ ෆಈ࢈΍ٻਓαΠτͰΑ͘ݟΔ  ʮ௨ۈ/௨ֶ͔Β୳͢ʂʯͰ ࢖ΘΕΔ͜ͱ͕ଟ͍Ͱ͢ɻ ࣗࣾαʔϏεͷཪͰ΋ଟʑɻ ͲͷΑ͏ʹར༻͞Ε͍ͯΔͷʁ

Slide 16

Slide 16 text

ຊ୊ʹ໭Γ·ͯ͠…

Slide 17

Slide 17 text

࡞੒खॱ 1. custom vision serviceͷઃఆ 2. Bot BuilderΛ༻͍ͨBot࣮૷ 3. BotΛazureʹσϓϩΠ 4. microsoft bot frameworkͷઃఆ

Slide 18

Slide 18 text

1. custom vision service ͷઃఆ • ҎԼͷURLͰΞΧ΢ϯτΛ࡞੒͠·͢ • https://azure.microsoft.com/ja-jp/services/ cognitive-services/custom-vision-service/ • େ৿࠼ࢠ͞Μͷqiitaهࣄ͕ຊ౰ʹΘ͔Γ΍͔ͬͨ͢Ͱ͢ • http://qiita.com/annie/items/ 293525901020685ad5f6 • ͜ΕΛΈͳ͕Βϙνϙνઃఆ͍͚ͯͩ͘͠

Slide 19

Slide 19 text

2. Bot BuilderΛ༻͍ͨ Bot࣮૷ • Bot Builder͸nodejs, C#͔બ୒Ͱ͖ΔͷͰɺ  ͓޷͖ͳํΛ • ಓͷΓ͸௕͍ͷͰɺ͜͜͸αΫοͱ • ·ͣ࠷ॳ͸ɺެࣜυΩϡϝϯτʹॻ͍ͯ͋Δ௨Γ ʹ࣮ߦͯ͠ΈΔͷ͕٢ • https://docs.microsoft.com/en-us/botframework/nodejs/bot-builder-nodejs-quickstart • ͜͜ʹ੒Ռ෺(ιʔείʔυ)Λஔ͍ͯ·͢ • https://github.com/hmaruyama/train-ﬁnder-bot

Slide 20

Slide 20 text

2. Bot BuilderΛ༻͍ͨ Bot࣮૷ • ωοτ্ʹnodejsͷ৘ใ͕গͳ͍(ѹ౗తC#) • nodejsͰcustom vision apiΛݺͼग़͢ࡍʹศརͳϥΠϒϥϦ  ͳ͍͔ͳʔͱௐ΂͍ͯͨΒɺcognitive servicesͷSDK͕  ͋Δ͜ͱΛൃݟ • https://github.com/joshbalfour/node-cognitive-services • ͔͠͠custom vision͸·ͩະରԠͩͬͨ • custom vision api͸ɺը૾Λ൑ఆ͢ΔAPIΛݺͼग़͢ࡍʹɺ  ը૾ϑΝΠϧ·ͨ͸ը૾URLΛPOST͢Δೋͭͷํ๏͕͋Δ͕ɺ ը૾ϑΝΠϧͰૹΔํ๏͕nodejsͰͲ͏΍Δͷ͔Θ͔Βͳ͔ͬͨ

Slide 21

Slide 21 text

2. Bot BuilderΛ༻͍ͨ Bot࣮૷ • nodejsͷதͰӺ͢ͺ͋ͱwebαʔϏε΋  ݺͼग़͍ͨ͠ͷͰɺΞΫηεΩʔΛൃߦ͢Δ • https://ekiworld.net/service/lp/webservice/ • Ӻ͢ͺ͋ͱwebαʔϏεʹ͸ɺnodejsͰ࢖͑Δ ศརͳϥΠϒϥϦ౳͸༻ҙ͍ͯ͠ͳ͍ͷͰɺ  ࣗ෼Ͱؤு࣮ͬͯ૷͢Δ

Slide 22

Slide 22 text

3. BotΛazureʹσϓϩΠ • azure͸ແྉͰΞΧ΢ϯτΛ࡞੒Ͱ͖·͢ • https://azure.microsoft.com/ja-jp/free/ • μογϡϘʔυʹϩάΠϯͨ͠ΒɺʮWebAppʯΛ࡞੒ • ࡞੒࣌ʹOSΛબ୒Ͱ͖ΔΜ͚ͩͲɺ  ʮWindowsʯʹ͢Δͷ͕ແ೉ͩͦ͏ • σϓϩΠํ๏͸Ұ൪؆୯ͦ͏ͳʮϩʔΧϧGitϦϙδτϦʯΛબ୒͠·ͨ͠ • σϓϩΠ͕׬ྃͨ͠ΒɺҎԼͷURLΛୟ͍ͯ  ͪΌΜͱϨεϙϯε͕ฦΔ͔֬ೝ • http://{{࡞੒ͨ͠ϦιʔεͷURL}}/api/messages • git push͢Δ͚ͩͰͳΜͰnode্ཱ͕͕ͪΔͷ͔·ͩཧղͰ͖͍ͯͳ͍

Slide 23

Slide 23 text

4. microsoft bot framework ͷઃఆ • ҎԼͷURLͰΞΧ΢ϯτΛ࡞੒͠·͢ • https://dev.botframework.com/ • ϩάΠϯͰ͖ͨΒBotΛొ࿥͠·͢ • Botొ࿥࣌ͷΤϯυϙΠϯτ͸”https”ͳ͜ͱʹ஫ҙ • ઌ΄ͲazureͰ࡞੒ͨ͠ϦιʔεURL͸httpsʹ΋  ରԠ͍ͯ͠ΔΆ͍ • https://{{࡞੒ͨ͠ϦιʔεͷURL}}/api/messages • Botొ࿥࣌ʹදࣔ͞ΕΔMicrosoft App IDͱpassword͸ ޙ΄Ͳར༻͢ΔͷͰͲ͔͜ʹίϐʔ͓ͯ͘͠

Slide 24

Slide 24 text

• Botొ࿥͕ࡁΜͩΒɺazureͷμογϡϘʔυʹ ໭ͬͯ؀ڥม਺Λઃఆ͢Δ • ʮΞϓϦέʔγϣϯઃఆʯʹͯBotొ࿥࣌ʹ  දࣔ͞ΕͨMicrosoft App IDͱpasswordΛ  ؀ڥม਺ʹొ࿥ • ؀ڥม਺໊͸ιʔείʔυʹهड़ͯ͋͠Γ·͢ 4. microsoft bot framework ͷઃఆ

Slide 25

Slide 25 text

• bot frameworkʹϩάΠϯ͢Δͱɺskype΍slackɺfacebook messangerͳͲ໨ҠΓͦ͠͏ͳΞΠςϜ͕  ฒΜͰ͍·͕͢ɺ͜͜͸Ұ൪؆୯ͦ͏ͳʮWebChatʯΛબ୒ • WebChatΛΫϦοΫ͢ΔͱɺγʔΫϨοτΩʔͱ  htmlຒΊࠐΈίʔυ(iframeλά)͕༻ҙ͞Ε͍ͯ·͢ • ٙ໰ɿγʔΫϨοτΩʔ͸ͳͥೋͭଘࡏ͢Δʁʁ • iframeλάͷதʹURL͕هड़͞Ε͍ͯΔͷͰɺ  URLΛϒϥ΢βͰ։͖·͢ɻͦͷࡍʹ”YOUR_SECRET_HERE” ͷ෦෼͸γʔΫϨοτΩʔʹஔ͖׵͑Δ 4. microsoft bot framework ͷઃఆ

Slide 26

Slide 26 text

Ͱ͖ͨʂ

Slide 27

Slide 27 text

ײ૝ • ؆୯ʹBot͕࡞੒Ͱ͖·ͨ͠ʂ...ͱݴ͍͍ͨͱ͜Ζ  ͚ͩͲɺࢥ͍௨Γʹߦ͔ͳ͍৔໘͕ଟʑ͋ͬͯ  ৺͕ંΕͦ͏ͩͬͨ • ׳ΕΔ·Ͱ͸ਐΊΔͨͼʹ͕͔͔࣌ؒΓͦ͏ • ࣮ࡍͭ·͍ͮͨ࣌͸஌Γ߹͍ʹฉ͍ͯղܾ͍ͯͨ͠ • ͦΕ͕ͳ͔ͬͨΒࠓ೔ൃදͰ͖͍ͯͳ͔͔ͬͨ΋ • ࠷ॳΛ৐Γӽ͑Ε͹ɺָ͍͠Bot࡞੒ʹ  ࣌ؒΛׂ͚ͦ͏⽃ • ༨ྗ͕͋Ε͹ৄ͍͠खॱΛϒϩάʹ·ͱΊΔ͔΋Ͱ͢

Slide 28

Slide 28 text

·ͱΊ • ΤίγεςϜͷ͓͔͛Ͱɺগͳ͍ίʔυྔͰ  ৭Μͳ͜ͱ͕αΫοͱͰ͖Δ • ͦͷ୅ΘΓʹɺ༷ʑͳαʔϏεΛར༻͢Δ͜ͱ ʹ΋ͳΔͨΊɺαʔϏεಠࣗͷ࢓༷΍खॱΛ  ཧղ͢Δඞཁ͕͋Δ

Slide 29

Slide 29 text

·ͱΊ • ͭ·͍ͮͨ࣌ʹɺ  ૬ஊͰ͖Δ৔ॴΛ࡞͓ͬͯ͘ͱ҆৺ • ΈΜͳͰॿ͚߹ͬͯ੒௕͍͖͍ͯͨ͠Ͱ͢Ͷ • ͦͷ࣮ݱʹɺ͜ͷίϛϡχςΟ͕  ͏·͘׆༻Ͱ͖ΔΜ͡Όͳ͍͔ͱࢥ͍·͢

Slide 30

Slide 30 text

ࠂ ஌

Slide 31

Slide 31 text

ʮ࿏ઢDEిं౰ͯBotʯ Λ͓୊ʹɺϋϯζΦϯΛ։࠵͢Δ͜ͱ͕ܾఆ 2017/9/26 19:00 ~ ৄࡉ͸ܾ·Γ࣍ୈɺ CogbotίϛϡχςΟ facebookάϧʔϓͳͲͰ ͓஌ΒͤͰ͖Ε͹ͱࢥ͍·͢ɻ