FirebaseとGoogle Assistantで子どもと親のコミュニケーションをサポートしてみた

FirebaseとGoogle Assistantで子どもと親のコミュニケーションをサポートしてみた

GCPUG in Nara #2【GCP】~ Voice UI × GCP ~ (2018.11.24) での発表スライドです。
https://gcpug-nara.connpass.com/event/103959/

4778efaf773e22787dee8ca84f44ed37?s=128

金谷拓哉 / Takuya Kanatani

November 24, 2018
Tweet

Transcript

  1. F I R E B A S E ͱ G

    O O G L E A S S I S TA N T Ͱ 
 ࢠ Ͳ ΋ ͱ ਌ ͷ ί ϛ ϡ χέ ʔ γ ϣ ϯ Λ α ϙʔ τ ͯ͠ Έ ͨ TA K U YA K A N ATA N I / K O B E D I G I TA L L A B O . GCPUG in Nara#2 2018.11.24
  2. A B O U T M E • Takuya Kanatani

    • ɹ @torisankanasan • Frontend & Sales Engineer • Kobe Digital Labo Inc. • ৽ٕज़׆༻ਪਐ൝ Ϧʔμʔ • VUIίϛϡχςΟ VUI Kobe ओ࠻
  3. A B O U T K O B E D

    I G I TA L L A B O .
  4. None
  5. A B O U T M Y W O R

    K S
  6. None
  7. A B O U T M Y V U I

    U S E C A S E
  8. Ⅰ . P U B L I C P L

    A C E
  9. ߹ ಉ ا ۀ આ ໌ ձ Ͱ ͷ V

    U I ʹ Α Δ ا ۀ ঺ հ C A S E # 1
  10. D E M O

  11. χʔζ / എ ܠ • ब৬׆ಈੜͷू٬ • ब৬׆ಈੜͷχʔζऩू ι Ϧ

    ϡ ʔ γ ϣ ϯ • ࿩୊ͷεϚʔτεϐʔΧʔ
 ʹΑΔձࣾ঺հͰू٬ • ର࿩಺༰Λ஝ੵ&෼ੳ͠ɺ
 ब৬׆ಈੜͷχʔζΛ௫Ή
  12. γε ςϜ ߏ ੒ • Google Assistant Actions on Google

    Dialogflow Google Apps
 Script Google Sheets Slack ϩά
  13. ՝ ୊ • ஏ͔͕ͣͬͯ͠࿩͔͚ͯ͠
 ͘Εͳ͍ • पғͷϊΠζʢྡͷϒʔεͷ
 ࿩͠੠΍ձ৔ͷΞφ΢ϯεͳͲʣ Λरͬͯ͠·͏ ಘ

    Β Ε ͨ ஌ ݟ • ࿩͔͚͠΍͍͢งғؾ࡞Γ͕ ॏཁ • ϩά͔Β࣭໰ͷ܏޲Λ௫Ή͜ ͱ͸Ͱ͖ͨ
  14. P U B L I C P L A C

    E Ͱ ͷ V U I ͷ Մ ೳ ੑ
  15. Ⅱ . A C C E S S I B

    I L I T Y
  16. ࢹ ֮ ো ֕ ऀ ͷ ํ ͱ Ұ ॹ

    ʹ ࡞ ͬ ͨ V U I ʹ Α Δ ό ε ৐ ߱ α ϙ ʔ τ C A S E # 2
  17. D E M O

  18. χʔζ / എ ܠ • ʢࢹ֮ো֕ऀͷํ͔Βʣ
 όε৐ंதɺ߱ंϘλϯͷ
 Ґஔ͕Θ͔Βͳ͍ • ʢंҜࢠͷํ͔Βʣ


    όε৐ंதɺ߱ंϘλϯʹ
 ख͕ಧ͔ͳ͍ ι Ϧ ϡ ʔ γ ϣ ϯ • ৐٬͕εϚϗ͔ΒԻ੠Ͱ
 ߱ंϘλϯΛԡ͢͜ͱ͕
 Ͱ͖Ε͹ྑ͍ͷͰ͸ O K G O O G L E , ߱ ं Ϙ λ ϯ Λ ԡ ͯ͠
  19. γε ςϜ ߏ ੒ • Dialogflow Google
 Assistant Actions on

    Google ήʔτ΢ΣΠ IoT߱ंϘλϯ ʴ Incoming webhook
  20. ՝ ୊ • ৐ंϚφʔͷ؍఺͔Β͸ɺ
 VUIར༻͸Ͳ͏͔ • ࣄۀऀଆͷίετϝϦοτ ಘ Β Ε

    ͨ ஌ ݟ • ࢹ֮ো֕ऀͷํ΋VUI΍
 εϚʔτεϐʔΧʔʹ͸ظ଴
 ͍ͯ͠Δͱͷ͜ͱ • ৘ใϦςϥγʔ͚ͩͰͳ͘ɺ
 ΞΫηγϏϦςΟͷ؍఺͔Β
 ΋VUI͸༗ޮ
  21. A C C E S S I B I L

    I T Y Ͱ ͷ V U I ͷ Մ ೳ ੑ
  22. Ⅲ . I N T E R N E T

    O F T H I N G S
  23. V U I ʹ Α Δ ମ ॏ ه ࿥

    ͱ ά ϥ ϑ ʹ Α Δ Մ ࢹ Խ C A S E # 3 MY BODY ʙŮƶƂƶุᇗὸ⁌ʙ
  24. D E M O

  25. χʔζ / എ ܠ • ه࿥ͷखؒΛղফ͍ͨ͠ • ϞνϕʔγϣϯΛҡ͍࣋ͨ͠ ι Ϧ

    ϡ ʔ γ ϣ ϯ • ϋϯζϑϦʔͳԻ੠ʹΑΔ
 ମॏه࿥Ͱه࿥ͷखؒΛղফ • ԻͱମॏભҠͷՄࢹԽʹΑΔ
 Ϟνϕʔγϣϯͷ޲্
  26. γε ςϜ ߏ ੒ Clove CEK ମॏొ࿥
 & LINE Push

    աڈମॏ
 σʔλऔಘ ମॏάϥϑ
 දࣔαΠτ LINE Push ମॏσʔλ LIFF
  27. ՝ ୊ • ೳಈతʹه࿥͢Δඞཁ͕͋Δ ͨΊɺه࿥๨Ε͕ى͜Δ • ࿩ऀࣝผ͕ͳ͍ͨΊɺ1ਓҰ୆ ͷӡ༻ͱͳͬͯ͠·͏ ಘ Β

    Ε ͨ ஌ ݟ • ϋϯζϑϦʔͳԻ੠ʹΑΔ
 ه࿥͸ه࿥ͷखؒΛղফ͢Δ • ΠϯϓοτɿVUIɺΞ΢τϓο τɿGUIͱ͍ͬͨ࢖͍෼͚΋
 VUI׆༻ʹ͓͍ͯ͸ޮՌత
  28. L I N E B O O T AWA R

    D S 2 0 1 8 
 R I Z A P ৆ ( ڠ ࢍ ς ʔ Ϛ ৆ ) ड ৆
  29. I N T E R N E T O F

    T H I N G S Ͱ ͷ V U I ͷ Մ ೳ ੑ σ ʔ λ ͷ Մ ࢹ Խ σ ʔ λ ͷ ऩ ू σ ʔ λ ͷ ஝ ੵ ɾ ෼ ੳ
  30. Ⅲ . I O T Ⅱ . A C C

    E S S I B I L I T Y Ⅰ . P U B L I C P L A C E 3 ͭ ͷ Ω ʔ ϫ ʔ υ Ͱ V U I ׆ ༻
  31. F I R E B A S E ͱ G

    O O G L E A S S I S TA N T Ͱ ࢠ Ͳ ΋ ͱ ਌ ͷ ί ϛ ϡ χέ ʔ γ ϣ ϯ Λ α ϙʔ τ ͯ͠ Έ ͨ
  32. খ ֶ ੜ ͷ ࠒ ɺ ɺ ɺ 
 ʰ

    ʓ ʓ ͘ Μ Ո ʹ ߦ ͬͯ ͖ · ͢ɻ ʱ 
 ͱ ఻ ݴ ϝϞ Λ ਌ ʹ ࢒ ͯ͠ ͍ · ͠ ͨ ɻ
  33. ݱ ୅ Ͱ ͸ ֤ Ո ఉ ʹ ͋ Δ

    ε Ϛʔ τε ϐʔΧ ʔ ͕ ͋ Δ ͷ Ͱɺ ׆ ༻ ͢ Δ ͜ ͱ Ͱɺ 
 
 ɾ ϋ ϯζ ϑ Ϧ ʔͰ ఻ ݴ Λ ࢒ ͤΔ ͷ Ͱ ͸ ʁ 
 ɹ ‎ ૣ ͘ ༡ ͼ ʹ ߦ ͖ ͨ ͍ ʂ 
 ɾ Ϧ Ξϧ λΠϜ ʹ ਌ ʹ ௨ ஌ Ͱ ͖ Δ ͷ Ͱ ͸ ʁ 
 ɹ ‎ ε Ϛ ϗ Λ ࣋ ͬͯ ͍ ͳ ͘ ͯ ΋ O K ʂ
  34. ࡞ Γ ͨ ͍ ΋ ͷ • ఻ݴΛ࢒͢ • ఻ݴΛ֬ೝ͢Δ

    • ৽نͷ఻ݴ͕͋ͬͨ৔߹ɺ਌ͷLINEΞϓϦʹ௨஌͢Δ • FirebaseͰʂ
  35. γε ςϜ ߏ ੒ Clove CEK ఻ݴొ࿥
 & LINE Push

    LINE Push ఻ݴσʔλ
  36. ֎ ෦ A P I ͱ ௨ ৴ ͢ Δ

    ʹ ͸ ɺ 
 ͓ ۚ ͕ ͔ ͔ Δ Μ ͩ ͬ ͨ ɾ ɾ ɾ
  37. ࡞ Γ ͨ ͍ ΋ ͷ • ఻ݴΛ࢒͢ • ఻ݴΛ֬ೝ͢Δ

    • ৽نͷ఻ݴ͕͋ͬͨ৔߹ɺ
 ਌ͷLINEΞϓϦ GoogleΞγελϯτʹ௨஌͢Δ
 =>GoogleΞγελϯτʢεϚϗʣʹ͸ϓογϡ௨஌͕Ͱ͖Δʂʂʂ
  38. γε ςϜ ߏ ੒ Google
 Assistant Actions
 on
 Google ఻ݴొ࿥


    &
 Push௨஌ Push௨஌ ఻ݴσʔλ Google
 Assistant Dialogflow
  39. D E M O

  40. D E M O

  41. V U I ࢖ ͑Δ γ ʔϯ ͋ Γ ͦ

    ͏ ɻ V U I Λ ࢖ ͬ ͨ α ʔ Ϗ ε Λ ࡞ ͬͯ Έ Α ͏ ɻ ͱ গ ͠Ͱ ΋ ࢥ ͬͯ ௖ ͚ ͨ Β ɺ 
 خ ͠ ͍Ͱ ͢ɻ
  42. ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ A D

    ʰ ε Ϛʔ τε ϐʔΧ ʔ Λ ༡ ͼ ͨ ͓ ͢ ຊ ʱ V U I εΩϧ ։ ൃ ͷ T I P S ΍ ࣄ ྫ ɺ צ ॴ W ͳ Ͳ Λ వ Ί ͨ 1 ࡭ ɻ ࣥ ච ਞ ɿ S H O W / I M A J O / ా த Έ ͦ / ௕ ଜ ͻ Ζ / ɹ ɹ ɹ ɹ T O R I S A N K A N A S A N / ͪ ΐ · Ͳ • ɹ@torisankanasan T H A N K Y O U !