Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
슬랙 Bolt를 이용해 개발팀 전체가 사용하는 슬랙봇을 만든 이야기
Search
unsu0707
November 19, 2020
Programming
1
830
슬랙 Bolt를 이용해 개발팀 전체가 사용하는 슬랙봇을 만든 이야기
슬랙 Bolt를 이용해 개발팀 전체가 사용하는 슬랙봇을 만든 이야기
@Kodeveloper 2020.11
unsu0707
November 19, 2020
Tweet
Share
More Decks by unsu0707
See All by unsu0707
Deep dive into gpt-5-codex
unsu0707
3
1.2k
toB SaaSに導入したAI Agent機能開発奮闘記
unsu0707
0
310
System Specについて調べてみた話
unsu0707
1
530
Other Decks in Programming
See All in Programming
Claude CodeによるAI駆動開発の実践 〜そこから見えてきたこれからのプログラミング〜
iriikeita
0
320
Devvox Belgium - Agentic AI Patterns
kdubois
1
140
AI 駆動開発におけるコミュニティと AWS CDK の価値
konokenj
4
150
alien-signals と自作 OSS で実現する フレームワーク非依存な ロジック共通化の探求 / Exploring Framework-Agnostic Logic Sharing with alien-signals and Custom OSS
aoseyuu
2
170
Foundation Modelsを実装日本語学習アプリを作ってみた!
hypebeans
1
120
ソフトウェア設計の実践的な考え方
masuda220
PRO
4
630
Android16 Migration Stories ~Building a Pattern for Android OS upgrades~
reoandroider
0
130
その面倒な作業、「Dart」にやらせませんか? Flutter開発者のための業務効率化
yordgenome03
1
140
チームの境界をブチ抜いていけ
tokai235
0
210
オープンソースソフトウェアへの解像度🔬
utam0k
17
3.1k
bootcamp2025_バックエンド研修_WebAPIサーバ作成.pdf
geniee_inc
0
120
はじめてのDSPy - 言語モデルを『プロンプト』ではなく『プログラミング』するための仕組み
masahiro_nishimi
3
12k
Featured
See All Featured
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
Gamification - CAS2011
davidbonilla
81
5.5k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
How to Ace a Technical Interview
jacobian
280
24k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Speed Design
sergeychernyshev
32
1.2k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Docker and Python
trallard
46
3.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
610
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
930
Transcript
Slack Bolt로 개발팀 전체가 쓰는 봇 만든 이야기 2020-11-19 Kodeveloper
고군분투기 장은수
2 Introduce Myself Eunsu Jang / 장 은수 일본 생활
5년차, 웹 개발 8년차 엔지니어 Rakuten C2C Service 개발 담당 Web Application Engineer - Ruby on Rails Assistant Engineering Manager - 사원 채용, 팀 관리, 멤버 평가 등
3 Agenda 1. Bot 만든 배경 2. Slack Bolt 3.
Bot 만들기까지 4. Bot 만든 후 5. 정리
4 Bot 만들게 된 배경
5 슬랙 한 채널의 모습
6 빌리거나, 다 썼을땐 전체 멘션으로 알림 빌립니다 개방합니다
7 예약을 하기도 [예약] DEV ooooo-web 내일 12:00~14:00 빌립니다
8 이런 일이 발생하기도..
9 초반엔 비교적 괜찮았는데.. 개발인원이 급증함 ↓ 문제 발생 1.
@here 멘션 난무 2. 현재 사용상황 파악 힘듬
10 어떻게든 해결해보고 싶다
11 이런 식의 ‘사용 상태’를 누가 대신 기억해서..
12 이렇게 안내해줬으면.. DEV API2 빌릴 수 있어요? 그러면 STG
API2 빌릴래요 벌써 @eng1이 사용중이에요 네 그럼 @eng3님이 사용중으로 바꿀게요 @eng3
13 봇으로 만들어야겠다
14 프로토타이핑을 위한 구성
15 Slack Bolt?
16 Slack Bolt? • 슬랙 ‘App’을 편리하게 만들 수 있도록
Slack에서 제공하는 JS프레임워크 • Slack API들을 편리하게 사용 가능 • Node.js로 만들어짐
17 Bolt를 이용한 Slash 커맨드 처리 흐름 Slash 커맨드다! 리퀘스트
보내야겠다 이벤트 떴다! Bolt의 리스너 메소드로 처리하자 Chat.postMessage 레스폰스가 도착했네! 채널에 메세지 적어야지 처리 결과를 내보내자
18 하나씩 살펴보면..
19 Bolt를 이용한 Slash 커맨드 처리 흐름 Slash 커맨드다! 리퀘스트
보내야겠다 이벤트 떴다! Bolt의 리스너 메소드로 처리하자 Chat.postMessage 레스폰스가 도착했네! 채널에 메세지 적어야지 처리 결과를 내보내자
20 Slash 커맨드를 추가
21 Slash 커맨드 Request URL을 설정 이 URL에 Event Payload를
보냄
22 Bolt를 이용한 Slash 커맨드 처리 흐름 Slash 커맨드다! 리퀘스트
보내야겠다 이벤트 떴다! Bolt의 리스너 메소드로 처리하자 Chat.postMessage 레스폰스가 도착했네! 채널에 메세지 적어야지 처리 결과를 내보내자
23 Bolt에서 리퀘스트를 감지(listen)함 모든 incoming 리퀘스트에 대해 /slack/events 엔드포인트가
Listen합니다
24 한 엔드포인트에서 여러 리스너 메소드로 전달 Event API에서의 리퀘스트
.event(eventType, fn); .command(commandName, fn); .action({ callback_id: callbackId }, fn); Slash 커맨드에서의 리퀘스트 Modal 다이얼로그에서의 리퀘스트 /slack/even ts
25 구현 예시 Slash커맨드의 리스너 /deus 만 쓰면, 처리를 고르기
위해 Views.open 레스폰스에서 ’Modal’을 열게됨 /deus [커맨드] 식으로 작성하면, 곧바로 처리가 진행됨
26 Bolt를 이용한 Slash 커맨드 처리 흐름 Slash 커맨드다! 리퀘스트
보내야겠다 이벤트 떴다! Bolt의 리스너 메소드로 처리하자 Chat.postMessage 레스폰스가 도착했네! 채널에 메세지 적어야지 처리 결과를 내보내자
27 코드 예 – 메시지로 결과를 보내는 경우 처리 결과を
chat.postMessage 레스폰스로 보냄
28 메시지로 결과를 보내는 경우 이 API가 불려져서, 채널에 메세지가
전송됨
29 Oauth Scope(Permission) API를 사용하기 위해서는 그 App(Bot)의 Oauth 스코프
설정도 필요
30 만들어진 Bot의 모습
31 모달 다이얼로그를 사용하는 모습
32 현재 사용중인 사람과 시간, 브랜치명 등을 확인 가능
33
34 Slash 커맨드를 사용하는 경우
35 정리
36 Bot을 만들면 좋은 점 - Bolt 편하다 - 구현하는데
난이도가 어렵지 않다 - 나도 재미있게 만들고, 개발팀에도 조금이나마 기여할 수 있었다
37 여러분들도 만들어 보세요!
38 감사합니다