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

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

Gunma.web #38のLT資料です

71edb1d850dac3d58cb29a1b8000873f?s=128

TsukasaSekiguchi

August 01, 2020
Tweet

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