Slack Apps × BoltでToDoアプリ作ってみたって話のはずだったけど、周辺技術で良さそうなやつがあったのでそのへんも共有する話

Transcript

1. Slack Apps × BoltͰToDoΞϓϦ࡞ͬͯΈ ͨͬͯ࿩ͷ͸͚ͣͩͬͨͲɺपลٕज़Ͱ ྑͦ͞͏ͳ΍͕ͭ͋ͬͨͷͰͦͷ΁Μ΋ ڞ༗͢Δ࿩ 2020/08/01 Gunma.web #38

   ؔޱ ࢘

2. ࣗݾ঺հ ໊લ: ؔޱ࢘ SNS: GitHub: TsukasaGR Twitter: TsukasaGr NewsPicks: ؔޱ࢘

   ࠲ӈͷ໏ ࣗ෼ͷͨΊʹɺଞਓʹਚ͘͢ ࢓ࣄ: αϥϦʔϚϯ: SIerͰडୗ΍Γͳ͕ΒยखؒͰ৽ نࣄۀ։ൃ ϑϦʔϥϯε: ελʔτΞοϓͷWebΤϯδχΞ ࠷ۙ৮ͬͯΔ΋ͷ: PHP(Laravel)ɺJavascript/Typescript(Vue.js/ Nuxt.js/NestJS)ɺGCPɺFirebase

3. ࠓ೔࿩͢͜ͱ • ToDoΞϓϦͭͬͨ͘ͷͰݟ͍ͯͩ͘͞ • Slack Appsͱ͸ • Boltͱ͸ • पลٕज़Ͱྑͦ͞͏ͳ΍ͭΛ঺հ

4. ToDoΞϓϦͭͬͨ͘ͷͰݟ͍ͯͩ͘͞

5. Slack Appsͱ͸ • Slack্Ͱಈ͔ͤΔΞϓϦ • Trello΍AsanaͳͲ༗໊Ͳ͜ΖͷΞϓϦ͸݁ߏαϙʔτͯ͠Δ • 2019೥຤ࠒ͔ΒϗʔϜϏϡʔ͕࢖͑ΔΑ͏ʹͳͬͨ • ͪ͜Βͷ

   Try this example ͔ΒGUIͰ৭ʑͭ͘ΕΔ • ͜Μͳͷ͋ͬͨΒศརͦ͏ • λεΫ؅ཧ/ۈଵ؅ཧ/ࣾ಺ใ/ॏཁͳίϝϯτͷετοΫetc…

6. Boltͱ͸ • Slack AppsΛ؆୯ʹͭ͘ΔͨΊͷϑϨʔϜϫʔΫ • Node.js/Java༻͕͋Δ͜ͱΛ֬ೝࡁΈ • Node.jsͷ৔߹expressΛ࢖͏ΑΓָͳͷ͸ؒҧ͍ͳ͍

7. पลٕज़Ͱྑͦ͞͏ͳ΋ͷΛ঺հ(1/2) • Glitch • ແྉͰNode.jsͷΤσΟλ+࣮ߦ؀ڥΛఏڙͯ͘͠ΕΔεάϨϞϊ • TrelloΛͭͬͨ͘ձ͕ࣾͭͬͯ͘Δ • ՝࣮ۚͯ͠ߦ؀ڥͷεϖοΫΛ্͛Δ͜ͱ΋Ͱ͖Δ •

   ؆୯ʹRemix(ϑΥʔΫͷ͜ͱ)Ͱ͖ͯσϞʹͽͬͨΓ • ࠓ೔ͷσϞ΋GlitchͰͭ͘Γ·ͨ͠

8. पลٕज़Ͱྑͦ͞͏ͳ΋ͷΛ঺հ(2/2) • node-json-db • ϦϙδτϦ಺ʹ͋ΔjsonϑΝΠϧΛٖࣅతʹDBͬΆ͘࢖͑Δ • json-server͕༗໊͕ͩɺϑϩϯτ͔ΒRestϥΠΫʹݺͼग़͢ඞཁ͕ ͳ͍(͋Δ͍͸όοΫΤϯυଆͰٖࣅతʹDB઀ଓͯ͠Δ෩ʹͭ͘Γ ͍ͨ৔߹)ʹྑͦ͞͏ •

   ೉͍͜͠ͱ͸Ͱ͖ͳ͍͕ɺσϞΞϓϦͰDB࢖͍͍ͨͳͬͯ࣌͸ศར

9. Slack Apps࢖ͬͯΈ͍ͨͱࢥͬͨਓ΁ͷࢀߟ৘ใ • ࢓૊Έ͸ˣ௨Γʹ΍Ε͹OKͰ͢(Bolt͸࢖ͬͯͳ͍) https://qiita.com/girlie_mac/items/fae66bcc2ec3ccf25db6 • BoltΛ࢖͏ͳΒެࣜυΩϡϝϯτͱࠓճͭͬͨ͘αϯϓϧΛݟͯ௖͚ Ε͹Θ͔Δ͔ͳͱࢥ͍·͢ https://slack.dev/bolt-js/ja-jp/tutorial/getting-started https://glitch.com/~slack-bolt-sample

10. ͍͞͝ʹ • ίʔυࣗମ͸γϯϓϧ͕ͩɺυΩϡϝϯτʹࡉ͔͍ͱ͜Ζ͕ࡌͬͯͳ͔ͬͨͷ Ͱௐ΂Δͷʹ͕͔͔࣌ؒͬͨͷͱɺSlackଆͷઃఆϛεͬͯͨ͜ͱʹͳ͔ͳ͔ ؾ͚ͮͣ໱ʑͱͨ͠ • ࠓޙόοΫΤϯυ͚ͩͭͬͯ͘ϑϩϯτ͸Slack/TeamsͷΈͰ׬݁ͤ͞ΔΑ͏ ͳϛχΞϓϦ͕૿͍͖͑ͯͦ͏ͳ༧ײ͕͠ͳ͘΋ͳ͍ͷͰ৮ͬͯΈͯଛ͸ͳ͍ ͱࢥ͏ •

    ͓ͦΒ͕ͩ͘ɺݱ࣌఺Ͱ͸Slack AppsΑΓTeamsΞϓϦͷ΄͏͕৭ʑͰ͖ͦ͏

11. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ