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

Slide 1

Slide 1 text

ϊϯίʔσΟϯάͰνϟοτϘοτ࡞ͬͯΈͨ ʙ Azure Tech Lab. in WEST ೥຤೥࢝ʹ Cognitive Service Λ࢖͍౗ͯ͠Έͨ݅ ʙ TAKUYA KANATANI Microsoft Ignite The Tour 2020.1.23

Slide 2

Slide 2 text

ۚ୩ ୓࠸ʢTakuya Kanataniʣ גࣜձࣾਆށσδλϧɾϥϘ Progressive Development Team Leader Twitterɿ@torisankanasan     LINE API Expert (‘19~)     ஶॻɿ ɹεϚʔτεϐʔΧʔΛ༡ͼ͓ͨ͢ຊ

Slide 3

Slide 3 text

L I N E ͱ Θ ͨ ͠ MY BODYʙ͔ΜͨΜମॏه࿥ʙ  LINE Clova × LINE Messging API https://www.youtube.com/watch?v=L1mtehKl3wM LINE BOOT AWARDS 2018 RIZAP৆ड৆

Slide 4

Slide 4 text

ຊ ೔ ͓ ఻ ͑ ͠ ͨ ͍ ͜ ͱ ࠓ೥͸LINE಺ΞϓϦݩ೥ʹͳΔ AzureΛ࢖͏ͱϊϯίʔσΟϯάͰνϟοτϘοτػೳΛ࣮૷Ͱ͖Δ

Slide 5

Slide 5 text

ຊ ೔ ͓ ఻ ͑ ͠ ͨ ͍ ͜ ͱ ࠓ೥͸LINE಺ΞϓϦݩ೥ʹͳΔ AzureΛ࢖͏ͱϊϯίʔσΟϯάͰνϟοτϘοτػೳΛ࣮૷Ͱ͖Δ

Slide 6

Slide 6 text

தࠃ WeChat Mini Program • ίϛχϡέʔγϣϯ΍ɺήʔϜɺECͳͲΛར༻Ͱ͖ΔWeChatΞϓϦ಺αʔϏεPlatform • ҎԼͷΑ͏ʹChat listΛSwipe Down ͢Δ͚ͩͰ؆୯ʹ༷ʑͳαʔϏεΛར༻Մೳ Chat listΛSwipe Down͢Δͱ  Swipe-down menu͕ىಈ IconΛTap Mini Program ͕ىಈ

Slide 7

Slide 7 text

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) ճ ԯ

Slide 8

Slide 8 text

LINE CONFERENCE (2019/6) Ͱൃද͞Εͨ LINE Mini App https://saichat.jp/line/line-mini-app/

Slide 9

Slide 9 text

● ϦϯΫ΍QRίʔυ͔Β༑ͩͪొ࿥͢Δ͚ͩͰར༻ՄೳͳͷͰɺ  Ϣʔβʔ͸৽ͨͳΞϓϦΛΠϯετʔϧ͢Δඞཁ͕ͳ͍ μ΢ϯϩʔυ͕ෆཁ ● LINEͰͷૢ࡞ʹͳΔͷͰϢʔβʔͷֶशίετ͸গͳ͘ɺ৺ཧతͳϋʔυϧ΋௿͍ ֶशίετ͕গͳ͍ L I N E Ͱ Ξ ϓ Ϧ Λ ։ ൃ ͢ Δ ϝ Ϧ ο τ ● LINEͷΞΧ΢ϯτ৘ใ͸Ҿ͖ܧ͙Ϣʔβʔ͕ඇৗʹଟ͍ ୺຤ަ׵࣌Ϣʔβʔ৘ใΛҾ͖ܧ͛Δ ●LINEͷϓογϡϝοηʔδ͸։෧཰͕ߴ͍  ૹ٬཰͸ϝϧϚΨͷ2.81ഒͱ͍͏ࣄྫ΋ʢࢀߟɿhttps://www.linebiz.com/jp/case-study/akaishi/ʣ ௨஌ͷ։෧཰͕ߴ͍

Slide 10

Slide 10 text

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 ಺ Ξ ϓ Ϧ ฐ ࣾ ࣄ ྫ ɹ - ג ࣜ ձ ࣾ Φ Χ Ϝϥ ༷ - ɹ

Slide 11

Slide 11 text

Ϣʔβʔ͕׳Ε਌͠ΜͩLINEͰސ٬઀఺ΛڧԽ ϑδςϨίϜζ༷͕ӡӦ͢ΔళฮͷLINEެࣜΞΧ΢ϯτͷϑΥϩϫʔʹର ͯ͠ɺళฮ৘ใͷ഑৴ɻ·ͨνϟοτϘοτػೳʹΑΓɺϢʔβʔ͔Βళ ฮʹରͯ͠ɺΑ͋͘Δ࣭໰͸ࣗಈԠ౴͕ՄೳͰ͢ɻ  Ϣʔβʔ͕׳Ε਌͠ΜͩLINE͔Βདྷళ༧໿αΠτ΁ͷ༠ಋͰɺ৽੡඼ͳͲ ͷച্֦େʹߩݙ͠·͢ɻ ɾఴ෇৘ใ഑৴  ɹʢϓογϡϝοηʔδʣ ɾFAQճ౴νϟοτϘοτ L I N E ಺ Ξ ϓ Ϧ ฐ ࣾ ࣄ ྫ ɹ - ג ࣜ ձ ࣾ ϑ δ ς Ϩί Ϝ ζ ༷ - ɹ

Slide 12

Slide 12 text

L I N E ಺ Ξ ϓ Ϧ ʹ   ν ϟ ο τ Ϙ ο τ ػ ೳ Λ ख ܰ ʹ ࣮ ૷ ͠ ͨ ͍

Slide 13

Slide 13 text

ຊ ೔ ͓ ఻ ͑ ͠ ͨ ͍ ͜ ͱ ࠓ೥͸LINE಺ΞϓϦݩ೥ʹͳΔ AzureΛ࢖͏ͱϊϯίʔσΟϯάͰνϟοτϘοτػೳΛ࣮૷Ͱ͖Δ

Slide 14

Slide 14 text

೥ ຤ ೥ ࢝ ͜ Μ ͳ ͜ ͱ ͋ Γ · ͢Α Ͷ

Slide 15

Slide 15 text

͋ ʔ ɺ ͳ Μ ͔ Ջ ͩ ͠ ɺ ν ϟ ο τ Ϙ ο τ ࡞ Γ ͨ ͍ ͳ

Slide 16

Slide 16 text

Ո ʹ ͸ ϖ ϯ Ϊ ϯ ͕ ϖ ϯ Ϊ ϯ ͷ ੜ ଶ ʹ ͭ ͍ͯ   ౴ ͑Δ Q A Ϧε τ ͕ ͋ Δ ͳ ʔ ɻ

Slide 17

Slide 17 text

࡞ͬͨ΋ͷ ϖϯΪϯνϟοτϘοτ  ϖϯΪϯͷੜଶʹ͍ͭͯϖϯΪϯ͕ڭ͑ͯ͘ΕΔ ࣭໰ˍճ౴Ϧετఏڙɿਆށࢢཱਢຏւ඿ਫ଒Ԃ

Slide 18

Slide 18 text

ར༻͍ͯ͠ΔαʔϏε QnA Maker Logic Apps LINE Messaging API Logic Apps ͱ QnA Maker Λ࢖͏͜ͱͰ  LINE಺ΞϓϦʹνϟοτϘοτػೳΛ࣮૷Ͱ͖ͨʂϊϯίʔσΟϯάͰʂʂ Cognitive Services

Slide 19

Slide 19 text

LINEެࣜΞΧ΢ϯτʹରͯ͠ɺύʔιφϥΠζ͞Εͨϝοηʔδ΍ίϯςϯπͷ ഑৴ɺސ٬DB΍঎඼DBɺଞγεςϜͱͷ࿈ܞΛ࣮ݱ͢Δ࢓૊Έɻ  1. Ϣʔβʔ͕ɺLINEެࣜΞΧ΢ϯτʹϝοηʔδΛૹ৴͢Δɻ  2. LINEϓϥοτϑΥʔϜ͔ΒϘοταʔόʔͷWebhook URLʹɺWebhookΠϕϯτ͕ૹ৴͞ΕΔɻ  3. WebhookΠϕϯτʹԠͯ͡ɺϘοταʔόʔ͔ΒLINEϓϥοτϑΥʔϜΛհͯ͠Ԡ౴͢Δɻ LINE Messaging API ͱ͸ Ϙοταʔόʔ

Slide 20

Slide 20 text

CSS Flexible BoxʢCSS Flexboxʣͷجૅ஌ࣝΛ࢖ͬͯɺ  ϨΠΞ΢τΛࣗ༝ʹΧελϚΠζͰ͖Δϝοηʔδ LINE Messaging API ͷσʔλϑΥʔϚοτ JSONܗࣜͰHTTPSΛ࢖ͬͯૹ৴͞ΕΔɻ  ྫɹFlex Message

Slide 21

Slide 21 text

QnA Makerͱ͸ "Everyday AI" ࣌୅ͷਓ޻஌ೳ࢖͍͜ͳ͠ ʙ Azure Cognitive Services ΛޮՌతʹར༻͢ΔͨΊͷجૅ஌ࣝ https://eventmarketing.blob.core.windows.net/decode2019-after/decode19_PDF_AI01.pdf

Slide 22

Slide 22 text

QnA Makerͱ͸ ϊϯίʔσΟϯάͰࣗવݴޠରԠճ౴ΤϯδϯΛ࡞੒Ͱ͖ΔαʔϏε  ࣭໰ͱճ౴͕ࡌ͍ͬͯΔαΠτURL΋͘͠͸ϑΝΠϧΛΞοϓϩʔυ͢Δ͚ͩ  ʢϙʔλϧαΠτ͔Βͷ௥Ճɾฤू΋ՄೳʣͰɺࣗಈͰର࿩ϞσϧΛੜ੒Ͱ͖Δ  ͞ΒʹࣗಈͰAPIͷΤϯυϙΠϯτ·Ͱੜ੒͞ΕΔ ࣭໰ ճ౴ ࣭໰ˍճ౴Ϧετ

Slide 23

Slide 23 text

QnA Makerͱ͸ PUBLISHϘλϯΛԡ͚ͩ͢ͰHTTPΞΫηεՄೳͳΤϯυϙΠϯτ͕ੜ੒͞ΕΔ

Slide 24

Slide 24 text

ϊϯίʔσΟϯάͰࢹ֮తʹϫʔΫϑϩʔΛߏஙͰ͖ΔαʔϏε  ྉۚ͸ैྔ՝ۚϞσϧʹج͖ͮɺ࢖༻ͨ͠෼ͷΈ  αʔϏε࿈ܞͷͨΊͷίϯϙʔωϯτͱͯ͠ίωΫλ͕༻ҙ͞Ε͍ͯΔ  ϫʔΫϑϩʔ͸τϦΨʔͱΞΫγϣϯͷ૊Έ߹Θͤ Logic Appsͱ͸ Logic Apps τϦΨʔ ΞΫγϣϯʢෳ਺બ୒Մೳʣ ϫʔΫϑϩʔ

Slide 25

Slide 25 text

Logic Appsͱ͸ τϦΨʔ ΞΫγϣϯ ΞΫγϣϯ ΞΫγϣϯ ΞΫγϣϯ LINE͔ΒϝοηʔδΛड৴ ड৴ϝοηʔδ਺ϧʔϓ LINE͔Βड͚औͬͨϝοηʔδΛQnAMakerʹૹ৴ QnAMaker͔Βͷճ౴਺ϧʔϓ ࠷΋৴པ౓ͷߴ͍ճ౴จΛLINEʹૹ৴

Slide 26

Slide 26 text

Logic Appsͱ͸ ίωΫλຖʹඞཁͳ৘ใΛೖྗ͢Δ͚ͩʂ  ྫɿHTTPίωΫλ

Slide 27

Slide 27 text

QnA Maker Logic Apps LINE Messaging API Logic Apps ͱ QnA Maker Λ࢖͏͜ͱͰ  LINE಺ΞϓϦʹνϟοτϘοτػೳΛ࣮૷Ͱ͖ͨʂϊϯίʔσΟϯάͰʂʂ Cognitive Services ར ༻ ͯ͠ ͍ Δ α ʔ Ϗ ε

Slide 28

Slide 28 text

· ͱ Ί ࠓ೥͸LINE಺ΞϓϦݩ೥ʹͳΔ AzureΛ࢖͏ͱϊϯίʔσΟϯάͰνϟοτϘοτػೳΛ࣮૷Ͱ͖Δ

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

Slide 23

Slide 23 text

Slide 24

Slide 24 text

Slide 25

Slide 25 text

Slide 26

Slide 26 text

Slide 27

Slide 27 text

Slide 28

Slide 28 text

Slide 29

Slide 29 text

Slide 30

Slide 30 text