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
Slack を TweetDeck にしてみた件 / slackdeck-proto
Search
Taiju Aoki
July 18, 2019
Programming
0
2.9k
Slack を TweetDeck にしてみた件 / slackdeck-proto
LT for M3 TechTalk
Taiju Aoki
July 18, 2019
Tweet
Share
More Decks by Taiju Aoki
See All by Taiju Aoki
本番運用中 Oracle を破壊してしまった話 ~ 破壊と創世 ~ / Oracle Destruction and Creation
blue0513
0
3k
オンプレ to オンプレした話/on-premises2on-premises
blue0513
0
3k
GitもCIもテストもないプロジェクトでデプロイを自動化するまでの道 / rebuild of DevOps
blue0513
0
3.2k
Git & GitLab & コードレビューって? / about Git, GitLab, CodeReview
blue0513
0
230
ElectronでSlackをさらに便利にしちゃう / Slack with Electron
blue0513
3
850
GitHub の README をいい感じにする / Cool Readme
blue0513
3
1.7k
Emacs × Sound やってみた / Emacs with Sound
blue0513
1
1k
知ってるとお得な iTerm2 と zsh/bash の小技
blue0513
3
840
クラウド電子カルテを支える魂の技術
blue0513
0
2.4k
Other Decks in Programming
See All in Programming
Jakarta EE Meets AI
ivargrimstad
0
560
ソフトウェア設計とAI技術の活用
masuda220
PRO
25
7.3k
テスターからテストエンジニアへ ~新米テストエンジニアが歩んだ9ヶ月振り返り~
non0113
2
250
ZeroETLで始めるDynamoDBとS3の連携
afooooil
0
140
顧客の画像データをテラバイト単位で配信する 画像サーバを WebP にした際に起こった課題と その対応策 ~継続的な取り組みを添えて~
takutakahashi
4
1.4k
Understanding Kotlin Multiplatform
l2hyunwoo
0
250
CEDEC 2025 『ゲームにおけるリアルタイム通信への QUIC導入事例の紹介』
segadevtech
2
720
[SRE NEXT] 複雑なシステムにおけるUser Journey SLOの導入
yakenji
1
900
Bedrock AgentCore ObservabilityによるAIエージェントの運用
licux
8
550
Vibe Codingの幻想を超えて-生成AIを現場で使えるようにするまでの泥臭い話.ai
fumiyakume
21
10k
DynamoDBは怖くない!〜テーブル設計の勘所とテスト戦略〜
hyamazaki
0
170
なぜあなたのオブザーバビリティ導入は頓挫するのか
ryota_hnk
5
550
Featured
See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.5k
Visualization
eitanlees
146
16k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Unsuck your backbone
ammeep
671
58k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
KATA
mclloyd
31
14k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
540
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
19k
Transcript
Slack Λ TweetDeck ʹͯ͠Έͨ݅ @blue_1617
ࢲ୭ʁ blue (@blue_1617) https://blue0513.github.io/show_room/ 2 ࠓظͷΞχϝϦετ ‣ ߥͿΔقઅͷԵঁͲΑɻ ‣ ͔ͭͯਆ्ͩͬͨͨͪ
‣ Dr. STONE ‣ ൴ํͷΞετϥ ‣ μϯ·ͪ ‣ μϯϕϧԿΩϩ࣋ͯΔʁ ‣ ίοϓΫϥϑτ
ΈΜͳɺTwitter ͖ͩΖʁ 3
ΈΜͳɺTwitter ͖ͩΖʁ 4 Ұཡੑʹ͚ܽΔ͔ʁ
TweetDeck ࠷ߴͩͥʁ 5
TweetDeck ࠷ߴͩͥʁ 6 ֤ΫϥελຖʹΧϥϜΛΘ͚ͯදࣔͰ͖Δ ‣ Ұཡੑ Λ୲อͭͭ͠ɺใΛ ཧ Ͱ͖Δ
ΈΜͳɺSlack ͖ͩΖʁ 7 ‣ ๛ͳϦΞΫγϣϯ ‣ εϨουػೳ ‣ ֤छγϣʔτΧοτ ‣
ଞΞϓϦͱͷ౷߹ ‣ etc ... etc ...
ΈΜͳɺSlack ͖ͩΖʁ 8 Ұཡੑʹ͚ܽΔ͔ʁ
9 Slack ҰཡੑΑͨ͘͘͠ͳ͍ʁ TweetDeck ෩ͳ Viewer Λ ࡞Ε͍͍ͷͰʁ blueࢯ
10 Slack ҰཡੑΑͨ͘͘͠ͳ͍ʁ TweetDeck ෩ͳ Viewer Λ ࡞Ε͍͍ͷͰʁ blueࢯ ఱ࠽తൃ
11 https://github.com/blue0513/slackdeck-proto ࡞ͬͯΈͨ ~ SlackDeck Proto ~
12 શউརͨ͠ blue ࢯ ࡞ͬͯΈͨ ~ SlackDeck Proto ~ ✌
13 ߏཁૉ Electron (Vanilla JS)
14 ߏཁૉ Webview, Custom CSS
15 ߏཁૉ ‣ main.js: 400ߦ ‣ ґଘ package ‣ electron-builder
(Ϗϧυ༻) ‣ electron-store (ઃఆอଘ༻) ‣ Slack API: ඇ༻
16 ػೳ ‣ Multiple columns like TweetDeck ‣ Multiple workspaces
‣ Add/Remove columns by button ‣ Selectable CSS styles for each column ‣ Customizable settings as JSON ‣ Settings are saved and persisted
17 Multiple columns like TweetDeck
18 Multiple workspaces
19 Add/Remove columns by button
20 Selectable CSS styles for each column
21 Customizable settings as JSON ‣ Main Slack URL ‣
Other Workspaces URL ‣ Column Settings
22 Settings are saved and persisted ΞϓϦ൛Ͱ settings.json ΛΠϯϙʔτ͢Δͱ ࣍ճىಈ࣌ͦͷઃఆΛҾ͖ܧ͙
ઃఆΠϯϙʔτը໘
ىಈɾ࣮ߦ 23 ‣ ΞϓϦ൛ʢMacOSʣ ‣ CUI ىಈ $ npm install
$ npm start https://github.com/blue0513/slackdeck-proto/releases
࠷ޙʹ 24 PR ͬͯΔͥʂ blueࢯ