Firebase + Bolt でもくもく会用のSlack botを作った話 / Build slack bot with firebase + Bolt

Slide 1

Slide 1 text

2020/08/26 ϑϩϯυΤϯυLTձ vol.1 @KawamataRyo Firebase + Bolt Ͱ ΋͘΋͘ձ༻ͷSlack botΛ࡞ͬͨ࿩

Slide 2

Slide 2 text

ࣗݾ঺հ

Slide 3

Slide 3 text

@KawamataRyo ιϑτ΢ΣΞΤϯδχΞ TypeScript, Ruby, Vue, Firebase

Slide 4

Slide 4 text

@KawamataRyo ιϑτ΢ΣΞΤϯδχΞ TypeScript, Ruby, Vue, Firebase ফ๷࢜ྺ6೥൒, ΤϯδχΞྺ2೥൒

Slide 5

Slide 5 text

ࠓ೔࿩͢͜ͱ

Slide 6

Slide 6 text

* ΋͘΋͘ձ༻ͷSlack botͷ঺հ * Slack bot࡞੒ͷͭ·ΓͲ͜Ζ

Slide 7

Slide 7 text

1. ։ൃͷܦҢ

Slide 8

Slide 8 text

஍ݩɺἚ৓ݝͰΤϯδχΞͷษڧձΛओ࠵

Slide 9

Slide 9 text

ਫށΤϯδχΞษڧձ ೔࣌ɿຖ݄ୈ2౔༵ 13:00ʙ18:00 ৔ॴɿἚ৓ݝਫށࢢ ܗࣜɿ΋͘΋͘ + LTձ

Slide 10

Slide 10 text

΋͘΋͘ճͷྲྀΕ

Slide 11

Slide 11 text

1. ࣗݾ঺հ & ΍Δ͜ͱઆ໌ 2. ΋͘΋͘λΠϜ 3. ੒Ռൃද

Slide 12

Slide 12 text

1. ࣗݾ঺հ & ΍Δ͜ͱઆ໌ 2. ΋͘΋͘λΠϜ 3. ੒Ռൃද ՝୊͋Γ!

Slide 13

Slide 13 text

* ਓ਺͕ଟ͍ͱ֮͑ΒΕͳ͍ * ϑΥʔϚοτ͕ܾ·ͬͯͳ͍ͱ࿩ͮΒ͍ * ౤ߘ͕ྲྀΕͯ͠·ͬͯ୳͠ਏ͍

Slide 14

Slide 14 text

* ਓ਺͕ଟ͍ͱ֮͑ΒΕͳ͍ * ϑΥʔϚοτ͕ܾ·ͬͯͳ͍ͱॻ͖ਏ͍ * ౤ߘ͕ྲྀΕͯ͠·ͬͯ୳͠ਏ͍ ςΩετͰ࢒͢ ઐ༻ϑΥʔϜΛ࡞੒͢Δ ಠࣗʹϑΥʔϚοτͯ͠౤ߘ

Slide 15

Slide 15 text

Slack workﬂow͕͋Δ!!

Slide 16

Slide 16 text

ແྉ൛ͳͷͰ࢖͑·ͤΜ..

Slide 17

Slide 17 text

Slack botΛ࡞Δͧ !!!

Slide 18

Slide 18 text

2. ࡞ͬͨ΋ͷ

Slide 19

Slide 19 text

DEMO

Slide 20

Slide 20 text

γεςϜߏ੒

Slide 21

Slide 21 text

Bolt-js Slack APIΛ࢖͍΍͘͢͢ΔͨΊͷ Node.jsͷϑϨʔϜϫʔΫɻ؆୯ʹ Slack Event APIΛѻ͏ػೳ౳͕ ఏڙ͞Ε͍ͯΔ

Slide 22

Slide 22 text

Cloud Functions for Firebase GCPͷCloud FunctionsͷFirebase൛ ػೳతʹ͸΄΅ಉ͡ɻ ΠϕϯτυϦϒϯͰεέʔϥϒϧͳؔ਺ Λ࣮ߦͰ͖Δɻ

Slide 23

Slide 23 text

Firestore εέʔϥϒϧͳυΩϡϝϯτࢦ޲σʔλ ϕʔεɻNoSQLɻڧྗͳϦΞϧλΠϜॲ ཧΛ΋ͭɻ

Slide 24

Slide 24 text

Slack Functions + Bolt Firestore Firebase

Slide 25

Slide 25 text

Slack Functions + Bolt Firestore Firebase slash commands

Slide 26

Slide 26 text

Slack Functions + Bolt Firestore Firebase աڈͷ౤ߘऔಘ

Slide 27

Slide 27 text

Slack Functions + Bolt Firestore Firebase Ϟʔμϧىಈ

Slide 28

Slide 28 text

Slack Functions + Bolt Firestore Firebase Formૹ৴

Slide 29

Slide 29 text

Slack Functions + Bolt Firestore Firebase ౤ߘه࿥

Slide 30

Slide 30 text

Slack Functions + Bolt Firestore Firebase formatͯ͠౤ߘ

Slide 31

Slide 31 text

3. ͭ·ΓͲ͜Ζ

Slide 32

Slide 32 text

ॳճ͸ى͖Δ·Ͱ͕͔͔࣌ؒΔ

Slide 33

Slide 33 text

Firebase Functions͸ॳճىಈ͕஗͍ͷͰɺslackଆͰ timeout errorͱͳΔɻ ࣄલʹԹΊ͓ͯ͘͜ͱ͕େࣄɻ

Slide 34

Slide 34 text

Firebase ͱ Bolt ͱͷ૬ੑ

Slide 35

Slide 35 text

FaaSͰಈ͔͢ͳΒ processBeforeResponse: true ͕ඞਢɻ ͜ΕΛઃఆ͠ͳ͍ͱඇಉظॲཧͰਖ਼ৗʹಈ͔ͳ͍ɻ

Slide 36

Slide 36 text

4. ͓ΘΓʹ

Slide 37

Slide 37 text

* Bolt + Firebase FunctionsͰBot͸खܰʹ࡞ΕΔ * ษڧձ։࠵લʹBotΛԹΊ͓ͯ͜͏ * processBeforeResponseͷઃఆΛ๨Εͣʹ!

Slide 38

Slide 38 text

https://qiita.com/ryo2132/items/1a7d5e2a1b80414700e3