ノンコーディングでチャットボット作ってみた ～ Azure Tech Lab. in WEST 年末年始に Cognitive Service を使い倒してみた件 ～/MSIgniteTheTour

Microsoft Ignite The Tour 2020.1.23 での登壇スライドです。
https://osaka.myignitetour.techcommunity.microsoft.com/sessions/93584?source=sessions

Transcript

1. ϊϯίʔσΟϯάͰνϟοτϘοτ࡞ͬͯΈͨ ʙ Azure Tech Lab. in WEST ೥຤೥࢝ʹ Cognitive Service Λ࢖͍౗ͯ͠Έͨ݅ ʙ TAKUYA KANATANI Microsoft Ignite The Tour 2020.1.23
2. ۚ୩ ୓࠸ʢTakuya Kanataniʣ גࣜձࣾਆށσδλϧɾϥϘ Progressive Development Team Leader Twitterɿ@torisankanasan 
 
 LINE API Expert (‘19~) 
 
 ஶॻɿ ɹεϚʔτεϐʔΧʔΛ༡ͼ͓ͨ͢ຊ
3. L I N E ͱ Θ ͨ ͠ MY BODYʙ͔ΜͨΜମॏه࿥ʙ
 LINE Clova × LINE Messging API https://www.youtube.com/watch?v=L1mtehKl3wM LINE BOOT AWARDS 2018 RIZAP৆ड৆
4. ຊ ೔ ͓ ఻ ͑ ͠ ͨ ͍ ͜ ͱ ࠓ೥͸LINE಺ΞϓϦݩ೥ʹͳΔ AzureΛ࢖͏ͱϊϯίʔσΟϯάͰνϟοτϘοτػೳΛ࣮૷Ͱ͖Δ
5. ຊ ೔ ͓ ఻ ͑ ͠ ͨ ͍ ͜ ͱ ࠓ೥͸LINE಺ΞϓϦݩ೥ʹͳΔ AzureΛ࢖͏ͱϊϯίʔσΟϯάͰνϟοτϘοτػೳΛ࣮૷Ͱ͖Δ
6. தࠃ WeChat Mini Program • ίϛχϡέʔγϣϯ΍ɺήʔϜɺECͳͲΛར༻Ͱ͖ΔWeChatΞϓϦ಺αʔϏεPlatform • ҎԼͷΑ͏ʹChat listΛSwipe Down ͢Δ͚ͩͰ؆୯ʹ༷ʑͳαʔϏεΛར༻Մೳ Chat listΛSwipe Down͢Δͱ
 Swipe-down menu͕ىಈ IconΛTap Mini Program ͕ىಈ
7. WeChat Mini Programͷݱঢ় • ਖ਼ࣜOpen͔Β΍͏1೥൒ͰMAU໿4ԯɺDAU໿2ԯ·Ͱ੒௕ɻಛʹMiniGameϦϦʔεҎ߱ͷ੒௕͕ஶ͍͠ • 2018೥7݄ʹ͸ࣗൃత๚໰཰͕54%ʹɻSwipedown menuͷਁಁʹ͸MiniGameͷଘࡏ͕େ͖͘د༩ͨ͠ͱࢥΘΕΔ ग़యɿQuest Mobile https://www.questmobile.com.cn/blog/blog_142.html WeChat Mini ProgramͷMAU/ਁಁ཰ਪҠ WeChat Mini Program Key Figures Daily Active Users
 (2018/6) Initiative access rate
 (2018/7) Daily Engagement Counts
 (2018/7) ճ ԯ 
8. LINE CONFERENCE (2019/6) Ͱൃද͞Εͨ LINE Mini App https://saichat.jp/line/line-mini-app/
9. • ϦϯΫ΍QRίʔυ͔Β༑ͩͪొ࿥͢Δ͚ͩͰར༻ՄೳͳͷͰɺ
 Ϣʔβʔ͸৽ͨͳΞϓϦΛΠϯετʔϧ͢Δඞཁ͕ͳ͍ μ΢ϯϩʔυ͕ෆཁ • LINEͰͷૢ࡞ʹͳΔͷͰϢʔβʔͷֶशίετ͸গͳ͘ɺ৺ཧతͳϋʔυϧ΋௿͍ ֶशίετ͕গͳ͍ L I N E Ͱ Ξ ϓ Ϧ Λ ։ ൃ ͢ Δ ϝ Ϧ ο τ • LINEͷΞΧ΢ϯτ৘ใ͸Ҿ͖ܧ͙Ϣʔβʔ͕ඇৗʹଟ͍ ୺຤ަ׵࣌Ϣʔβʔ৘ใΛҾ͖ܧ͛Δ •LINEͷϓογϡϝοηʔδ͸։෧཰͕ߴ͍
 ૹ٬཰͸ϝϧϚΨͷ2.81ഒͱ͍͏ࣄྫ΋ʢࢀߟɿhttps://www.linebiz.com/jp/case-study/akaishi/ʣ ௨஌ͷ։෧཰͕ߴ͍
10. LINE಺ΞϓϦͰਤॻؗͷଂॻΛݕࡧɾ༧໿ లࣔձͰΦΧϜϥ༷ͷMedia Boxʢࣗಈॻ੶ିग़ฦ٫ػʣΛΑΓັྗతʹૌٻ͢Δͨ Ίɺফඅऀʹ޿͘ར༻͞Ε͍ͯΔLINEͰΞϓϦέʔγϣϯΛاըɾ։ൃ͠·ͨ͠ɻ
 LINEΞϓϦ͔ΒMedia Box্ͷॻ੶৘ใͷӾཡ΍༧໿౳ͷૢ࡞͕खܰʹͰ͖ΔମݧΛ དྷ৔ऀʹࣔ͢͜ͱͰɺMedia BoxͷՁ஋Λདྷ৔ऀʹΘ͔Γ΍͘͢ૌٻ͠·͢ɻ
 https://www.kdl.co.jp/event_info/event/2019/11/lib_linea.html L I N E ಺ Ξ ϓ Ϧ ฐ ࣾ ࣄ ྫ ɹ - ג ࣜ ձ ࣾ Φ Χ Ϝϥ ༷ - ɹ
11. Ϣʔβʔ͕׳Ε਌͠ΜͩLINEͰސ٬઀఺ΛڧԽ ϑδςϨίϜζ༷͕ӡӦ͢ΔళฮͷLINEެࣜΞΧ΢ϯτͷϑΥϩϫʔʹର ͯ͠ɺళฮ৘ใͷ഑৴ɻ·ͨνϟοτϘοτػೳʹΑΓɺϢʔβʔ͔Βళ ฮʹରͯ͠ɺΑ͋͘Δ࣭໰͸ࣗಈԠ౴͕ՄೳͰ͢ɻ
 Ϣʔβʔ͕׳Ε਌͠ΜͩLINE͔Βདྷళ༧໿αΠτ΁ͷ༠ಋͰɺ৽੡඼ͳͲ ͷച্֦େʹߩݙ͠·͢ɻ ɾఴ෇৘ใ഑৴
 ɹʢϓογϡϝοηʔδʣ ɾFAQճ౴νϟοτϘοτ L I N E ಺ Ξ ϓ Ϧ ฐ ࣾ ࣄ ྫ ɹ - ג ࣜ ձ ࣾ ϑ δ ς Ϩί Ϝ ζ ༷ - ɹ
12. L I N E ಺ Ξ ϓ Ϧ ʹ 
 ν ϟ ο τ Ϙ ο τ ػ ೳ Λ ख ܰ ʹ ࣮ ૷ ͠ ͨ ͍
13. ຊ ೔ ͓ ఻ ͑ ͠ ͨ ͍ ͜ ͱ ࠓ೥͸LINE಺ΞϓϦݩ೥ʹͳΔ AzureΛ࢖͏ͱϊϯίʔσΟϯάͰνϟοτϘοτػೳΛ࣮૷Ͱ͖Δ
14. ೥ ຤ ೥ ࢝ ͜ Μ ͳ ͜ ͱ ͋ Γ · ͢Α Ͷ
15. ͋ ʔ ɺ ͳ Μ ͔ Ջ ͩ ͠ ɺ ν ϟ ο τ Ϙ ο τ ࡞ Γ ͨ ͍ ͳ
16. Ո ʹ ͸ ϖ ϯ Ϊ ϯ ͕ ϖ ϯ Ϊ ϯ ͷ ੜ ଶ ʹ ͭ ͍ͯ 
 ౴ ͑Δ Q A Ϧε τ ͕ ͋ Δ ͳ ʔ ɻ
17. ࡞ͬͨ΋ͷ ϖϯΪϯνϟοτϘοτ
 ϖϯΪϯͷੜଶʹ͍ͭͯϖϯΪϯ͕ڭ͑ͯ͘ΕΔ ࣭໰ˍճ౴Ϧετఏڙɿਆށࢢཱਢຏւ඿ਫ଒Ԃ
18. ར༻͍ͯ͠ΔαʔϏε QnA Maker Logic Apps LINE Messaging API Logic Apps ͱ QnA Maker Λ࢖͏͜ͱͰ
 LINE಺ΞϓϦʹνϟοτϘοτػೳΛ࣮૷Ͱ͖ͨʂϊϯίʔσΟϯάͰʂʂ Cognitive Services
19. LINEެࣜΞΧ΢ϯτʹରͯ͠ɺύʔιφϥΠζ͞Εͨϝοηʔδ΍ίϯςϯπͷ ഑৴ɺސ٬DB΍঎඼DBɺଞγεςϜͱͷ࿈ܞΛ࣮ݱ͢Δ࢓૊Έɻ
 1. Ϣʔβʔ͕ɺLINEެࣜΞΧ΢ϯτʹϝοηʔδΛૹ৴͢Δɻ
 2. LINEϓϥοτϑΥʔϜ͔ΒϘοταʔόʔͷWebhook URLʹɺWebhookΠϕϯτ͕ૹ৴͞ΕΔɻ
 3. WebhookΠϕϯτʹԠͯ͡ɺϘοταʔόʔ͔ΒLINEϓϥοτϑΥʔϜΛհͯ͠Ԡ౴͢Δɻ LINE Messaging API ͱ͸ Ϙοταʔόʔ
20. CSS Flexible BoxʢCSS Flexboxʣͷجૅ஌ࣝΛ࢖ͬͯɺ
 ϨΠΞ΢τΛࣗ༝ʹΧελϚΠζͰ͖Δϝοηʔδ LINE Messaging API ͷσʔλϑΥʔϚοτ JSONܗࣜͰHTTPSΛ࢖ͬͯૹ৴͞ΕΔɻ
 ྫɹFlex Message
21. QnA Makerͱ͸ "Everyday AI" ࣌୅ͷਓ޻஌ೳ࢖͍͜ͳ͠ ʙ Azure Cognitive Services ΛޮՌతʹར༻͢ΔͨΊͷجૅ஌ࣝ https://eventmarketing.blob.core.windows.net/decode2019-after/decode19_PDF_AI01.pdf
22. QnA Makerͱ͸ ϊϯίʔσΟϯάͰࣗવݴޠରԠճ౴ΤϯδϯΛ࡞੒Ͱ͖ΔαʔϏε
 ࣭໰ͱճ౴͕ࡌ͍ͬͯΔαΠτURL΋͘͠͸ϑΝΠϧΛΞοϓϩʔυ͢Δ͚ͩ
 ʢϙʔλϧαΠτ͔Βͷ௥Ճɾฤू΋ՄೳʣͰɺࣗಈͰର࿩ϞσϧΛੜ੒Ͱ͖Δ
 ͞ΒʹࣗಈͰAPIͷΤϯυϙΠϯτ·Ͱੜ੒͞ΕΔ ࣭໰ ճ౴ ࣭໰ˍճ౴Ϧετ
23. QnA Makerͱ͸ PUBLISHϘλϯΛԡ͚ͩ͢ͰHTTPΞΫηεՄೳͳΤϯυϙΠϯτ͕ੜ੒͞ΕΔ
24. ϊϯίʔσΟϯάͰࢹ֮తʹϫʔΫϑϩʔΛߏஙͰ͖ΔαʔϏε
 ྉۚ͸ैྔ՝ۚϞσϧʹج͖ͮɺ࢖༻ͨ͠෼ͷΈ
 αʔϏε࿈ܞͷͨΊͷίϯϙʔωϯτͱͯ͠ίωΫλ͕༻ҙ͞Ε͍ͯΔ
 ϫʔΫϑϩʔ͸τϦΨʔͱΞΫγϣϯͷ૊Έ߹Θͤ Logic Appsͱ͸ Logic Apps τϦΨʔ ΞΫγϣϯʢෳ਺બ୒Մೳʣ ϫʔΫϑϩʔ
25. Logic Appsͱ͸ τϦΨʔ ΞΫγϣϯ ΞΫγϣϯ ΞΫγϣϯ ΞΫγϣϯ LINE͔ΒϝοηʔδΛड৴ ड৴ϝοηʔδ਺ϧʔϓ LINE͔Βड͚औͬͨϝοηʔδΛQnAMakerʹૹ৴ QnAMaker͔Βͷճ౴਺ϧʔϓ ࠷΋৴པ౓ͷߴ͍ճ౴จΛLINEʹૹ৴
26. Logic Appsͱ͸ ίωΫλຖʹඞཁͳ৘ใΛೖྗ͢Δ͚ͩʂ
 ྫɿHTTPίωΫλ
27. QnA Maker Logic Apps LINE Messaging API Logic Apps ͱ QnA Maker Λ࢖͏͜ͱͰ
 LINE಺ΞϓϦʹνϟοτϘοτػೳΛ࣮૷Ͱ͖ͨʂϊϯίʔσΟϯάͰʂʂ Cognitive Services ར ༻ ͯ͠ ͍ Δ α ʔ Ϗ ε
28. · ͱ Ί ࠓ೥͸LINE಺ΞϓϦݩ೥ʹͳΔ AzureΛ࢖͏ͱϊϯίʔσΟϯάͰνϟοτϘοτػೳΛ࣮૷Ͱ͖Δ
29. LINE × Cognitive ServicesͰ
 LINE಺ΞϓϦΛ࡞ͬͯΈΑ͏ʂ
30. T H A N K Y O U ! @torisankanasan