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

Gunma.web #38のLT資料です

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. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ