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

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

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 .
5. A B O U T M Y W O R K S
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 !