Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

A B O U T K O B E D I G I TA L L A B O .

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

A B O U T M Y W O R K S

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

A B O U T M Y V U I U S E C A S E

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

߹ ಉ ا ۀ આ ໌ ձ Ͱ ͷ V U I ʹ Α Δ ا ۀ ঺ հ C A S E # 1

Slide 10

Slide 10 text

D E M O

Slide 11

Slide 11 text

χʔζ / എ ܠ • ब৬׆ಈੜͷू٬ • ब৬׆ಈੜͷχʔζऩू ι Ϧ ϡ ʔ γ ϣ ϯ • ࿩୊ͷεϚʔτεϐʔΧʔ
 ʹΑΔձࣾ঺հͰू٬ • ର࿩಺༰Λ஝ੵ&෼ੳ͠ɺ
 ब৬׆ಈੜͷχʔζΛ௫Ή

Slide 12

Slide 12 text

γε ςϜ ߏ ੒ • Google Assistant Actions on Google Dialogflow Google Apps
 Script Google Sheets Slack ϩά

Slide 13

Slide 13 text

՝ ୊ • ஏ͔͕ͣͬͯ͠࿩͔͚ͯ͠
 ͘Εͳ͍ • पғͷϊΠζʢྡͷϒʔεͷ
 ࿩͠੠΍ձ৔ͷΞφ΢ϯεͳͲʣ Λरͬͯ͠·͏ ಘ Β Ε ͨ ஌ ݟ • ࿩͔͚͠΍͍͢งғؾ࡞Γ͕ ॏཁ • ϩά͔Β࣭໰ͷ܏޲Λ௫Ή͜ ͱ͸Ͱ͖ͨ

Slide 14

Slide 14 text

P U B L I C P L A C E Ͱ ͷ V U I ͷ Մ ೳ ੑ

Slide 15

Slide 15 text

Ⅱ . A C C E S S I B I L I T Y

Slide 16

Slide 16 text

ࢹ ֮ ো ֕ ऀ ͷ ํ ͱ Ұ ॹ ʹ ࡞ ͬ ͨ V U I ʹ Α Δ ό ε ৐ ߱ α ϙ ʔ τ C A S E # 2

Slide 17

Slide 17 text

D E M O

Slide 18

Slide 18 text

χʔζ / എ ܠ • ʢࢹ֮ো֕ऀͷํ͔Βʣ
 όε৐ंதɺ߱ंϘλϯͷ
 Ґஔ͕Θ͔Βͳ͍ • ʢंҜࢠͷํ͔Βʣ
 όε৐ंதɺ߱ंϘλϯʹ
 ख͕ಧ͔ͳ͍ ι Ϧ ϡ ʔ γ ϣ ϯ • ৐٬͕εϚϗ͔ΒԻ੠Ͱ
 ߱ंϘλϯΛԡ͢͜ͱ͕
 Ͱ͖Ε͹ྑ͍ͷͰ͸ O K G O O G L E , ߱ ं Ϙ λ ϯ Λ ԡ ͯ͠

Slide 19

Slide 19 text

γε ςϜ ߏ ੒ • Dialogflow Google
 Assistant Actions on Google ήʔτ΢ΣΠ IoT߱ंϘλϯ ʴ Incoming webhook

Slide 20

Slide 20 text

՝ ୊ • ৐ंϚφʔͷ؍఺͔Β͸ɺ
 VUIར༻͸Ͳ͏͔ • ࣄۀऀଆͷίετϝϦοτ ಘ Β Ε ͨ ஌ ݟ • ࢹ֮ো֕ऀͷํ΋VUI΍
 εϚʔτεϐʔΧʔʹ͸ظ଴
 ͍ͯ͠Δͱͷ͜ͱ • ৘ใϦςϥγʔ͚ͩͰͳ͘ɺ
 ΞΫηγϏϦςΟͷ؍఺͔Β
 ΋VUI͸༗ޮ

Slide 21

Slide 21 text

A C C E S S I B I L I T Y Ͱ ͷ V U I ͷ Մ ೳ ੑ

Slide 22

Slide 22 text

Ⅲ . I N T E R N E T O F T H I N G S

Slide 23

Slide 23 text

V U I ʹ Α Δ ମ ॏ ه ࿥ ͱ ά ϥ ϑ ʹ Α Δ Մ ࢹ Խ C A S E # 3 MY BODY ʙŮƶƂƶุᇗὸ⁌ʙ

Slide 24

Slide 24 text

D E M O

Slide 25

Slide 25 text

χʔζ / എ ܠ • ه࿥ͷखؒΛղফ͍ͨ͠ • ϞνϕʔγϣϯΛҡ͍࣋ͨ͠ ι Ϧ ϡ ʔ γ ϣ ϯ • ϋϯζϑϦʔͳԻ੠ʹΑΔ
 ମॏه࿥Ͱه࿥ͷखؒΛղফ • ԻͱମॏભҠͷՄࢹԽʹΑΔ
 Ϟνϕʔγϣϯͷ޲্

Slide 26

Slide 26 text

γε ςϜ ߏ ੒ Clove CEK ମॏొ࿥
 & LINE Push աڈମॏ
 σʔλऔಘ ମॏάϥϑ
 දࣔαΠτ LINE Push ମॏσʔλ LIFF

Slide 27

Slide 27 text

՝ ୊ • ೳಈతʹه࿥͢Δඞཁ͕͋Δ ͨΊɺه࿥๨Ε͕ى͜Δ • ࿩ऀࣝผ͕ͳ͍ͨΊɺ1ਓҰ୆ ͷӡ༻ͱͳͬͯ͠·͏ ಘ Β Ε ͨ ஌ ݟ • ϋϯζϑϦʔͳԻ੠ʹΑΔ
 ه࿥͸ه࿥ͷखؒΛղফ͢Δ • ΠϯϓοτɿVUIɺΞ΢τϓο τɿGUIͱ͍ͬͨ࢖͍෼͚΋
 VUI׆༻ʹ͓͍ͯ͸ޮՌత

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

I N T E R N E T O F T H I N G S Ͱ ͷ V U I ͷ Մ ೳ ੑ σ ʔ λ ͷ Մ ࢹ Խ σ ʔ λ ͷ ऩ ू σ ʔ λ ͷ ஝ ੵ ɾ ෼ ੳ

Slide 30

Slide 30 text

Ⅲ . 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 ׆ ༻

Slide 31

Slide 31 text

F I R E B A S E ͱ G O O G L E A S S I S TA N T Ͱ ࢠ Ͳ ΋ ͱ ਌ ͷ ί ϛ ϡ χέ ʔ γ ϣ ϯ Λ α ϙʔ τ ͯ͠ Έ ͨ

Slide 32

Slide 32 text

খ ֶ ੜ ͷ ࠒ ɺ ɺ ɺ 
 ʰ ʓ ʓ ͘ Μ Ո ʹ ߦ ͬͯ ͖ · ͢ɻ ʱ 
 ͱ ఻ ݴ ϝϞ Λ ਌ ʹ ࢒ ͯ͠ ͍ · ͠ ͨ ɻ

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

࡞ Γ ͨ ͍ ΋ ͷ • ఻ݴΛ࢒͢ • ఻ݴΛ֬ೝ͢Δ • ৽نͷ఻ݴ͕͋ͬͨ৔߹ɺ਌ͷLINEΞϓϦʹ௨஌͢Δ • FirebaseͰʂ

Slide 35

Slide 35 text

γε ςϜ ߏ ੒ Clove CEK ఻ݴొ࿥
 & LINE Push LINE Push ఻ݴσʔλ

Slide 36

Slide 36 text

֎ ෦ A P I ͱ ௨ ৴ ͢ Δ ʹ ͸ ɺ 
 ͓ ۚ ͕ ͔ ͔ Δ Μ ͩ ͬ ͨ ɾ ɾ ɾ

Slide 37

Slide 37 text

࡞ Γ ͨ ͍ ΋ ͷ • ఻ݴΛ࢒͢ • ఻ݴΛ֬ೝ͢Δ • ৽نͷ఻ݴ͕͋ͬͨ৔߹ɺ
 ਌ͷLINEΞϓϦ GoogleΞγελϯτʹ௨஌͢Δ
 =>GoogleΞγελϯτʢεϚϗʣʹ͸ϓογϡ௨஌͕Ͱ͖Δʂʂʂ

Slide 38

Slide 38 text

γε ςϜ ߏ ੒ Google
 Assistant Actions
 on
 Google ఻ݴొ࿥
 &
 Push௨஌ Push௨஌ ఻ݴσʔλ Google
 Assistant Dialogflow

Slide 39

Slide 39 text

D E M O

Slide 40

Slide 40 text

D E M O

Slide 41

Slide 41 text

V U I ࢖ ͑Δ γ ʔϯ ͋ Γ ͦ ͏ ɻ V U I Λ ࢖ ͬ ͨ α ʔ Ϗ ε Λ ࡞ ͬͯ Έ Α ͏ ɻ ͱ গ ͠Ͱ ΋ ࢥ ͬͯ ௖ ͚ ͨ Β ɺ 
 خ ͠ ͍Ͱ ͢ɻ

Slide 42

Slide 42 text

ɹ ɹ ɹ ɹ ɹ ɹ ɹ ɹ 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 !