Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

Gunma.web #38のLT資料です

TsukasaSekiguchi

August 01, 2020
Tweet

More Decks by TsukasaSekiguchi

Other Decks in Technology

Transcript

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  5. Slack Appsͱ͸
    • Slack্Ͱಈ͔ͤΔΞϓϦ
    • Trello΍AsanaͳͲ༗໊Ͳ͜ΖͷΞϓϦ͸݁ߏαϙʔτͯ͠Δ
    • 2019೥຤ࠒ͔ΒϗʔϜϏϡʔ͕࢖͑ΔΑ͏ʹͳͬͨ
    • ͪ͜Βͷ Try this example ͔ΒGUIͰ৭ʑͭ͘ΕΔ
    • ͜Μͳͷ͋ͬͨΒศརͦ͏
    • λεΫ؅ཧ/ۈଵ؅ཧ/ࣾ಺ใ/ॏཁͳίϝϯτͷετοΫetc…

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  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

    View full-size slide

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

    View full-size slide

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

    View full-size slide