Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Slack を TweetDeck にしてみた件 / slackdeck-proto
Taiju Aoki
July 18, 2019
Programming
1
2.4k
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
2.2k
オンプレ to オンプレした話/on-premises2on-premises
blue0513
0
2.3k
GitもCIもテストもないプロジェクトでデプロイを自動化するまでの道 / rebuild of DevOps
blue0513
0
2.4k
Git & GitLab & コードレビューって? / about Git, GitLab, CodeReview
blue0513
0
120
ElectronでSlackをさらに便利にしちゃう / Slack with Electron
blue0513
3
430
GitHub の README をいい感じにする / Cool Readme
blue0513
3
1.4k
Emacs × Sound やってみた / Emacs with Sound
blue0513
2
690
知ってるとお得な iTerm2 と zsh/bash の小技
blue0513
3
610
クラウド電子カルテを支える魂の技術
blue0513
0
2k
Other Decks in Programming
See All in Programming
PHPアプリケーションにおけるアーキテクチャメトリクスについて / Architecture Metrics in PHP Applications
isanasan
1
280
AWSにおける標的型Bot対策
hacomono
0
440
Enumを自動で網羅的にテストしてみた
estie
0
1.3k
Hono v3 - Do Everything, Run Anywhere, But Small, And Faster
yusukebe
4
140
Rust、何もわからない...#6発表資料
ryu19
0
140
TypeScript 4.9のas const satisfiesが便利
tonkotsuboy_com
9
2.3k
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
2
42k
42tokyo-born2beroot-review
love42
0
120
OIDC仕様に準拠した Makuake ID連携基盤構築の裏側
ymtdzzz
0
580
Hasura の Relationship と権限管理
karszawa
0
180
子育てとEMと転職と
_atsushisakai
1
420
An Advanced Introduction to R
nicetak
0
1.8k
Featured
See All Featured
Web Components: a chance to create the future
zenorocha
304
40k
The Straight Up "How To Draw Better" Workshop
denniskardys
226
130k
Debugging Ruby Performance
tmm1
67
11k
The Invisible Side of Design
smashingmag
292
48k
Raft: Consensus for Rubyists
vanstee
130
5.7k
How STYLIGHT went responsive
nonsquared
89
4.2k
Producing Creativity
orderedlist
PRO
335
38k
GraphQLとの向き合い方2022年版
quramy
20
9.9k
A Tale of Four Properties
chriscoyier
149
21k
5 minutes of I Can Smell Your CMS
philhawksworth
198
18k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
10
1.3k
A Philosophy of Restraint
colly
193
15k
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ࢯ