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
1
2.7k
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.6k
オンプレ to オンプレした話/on-premises2on-premises
blue0513
0
2.6k
GitもCIもテストもないプロジェクトでデプロイを自動化するまでの道 / rebuild of DevOps
blue0513
0
2.8k
Git & GitLab & コードレビューって? / about Git, GitLab, CodeReview
blue0513
0
150
ElectronでSlackをさらに便利にしちゃう / Slack with Electron
blue0513
3
610
GitHub の README をいい感じにする / Cool Readme
blue0513
3
1.6k
Emacs × Sound やってみた / Emacs with Sound
blue0513
2
820
知ってるとお得な iTerm2 と zsh/bash の小技
blue0513
3
740
クラウド電子カルテを支える魂の技術
blue0513
0
2.2k
Other Decks in Programming
See All in Programming
htmx is fun!
codehex
2
190
PHP で読む楽しいコアダンプ
sji
0
240
もうすぐ新年度、Babylon.jsがお勧めな3個の理由
hideg
0
160
Crafting a Own PHP - ウキウキ手作りミニマリストPHP
uzulla
4
1.1k
PHPでOfficeファイルを取り扱う! PHP Officeライブラリを プロダクトに組み込んだ話
hirobe1999
0
840
マイ隙間家具OSSたちのご紹介
karupanerura
2
150
どうしてこうなった命名集 ~🔥編~ / OOC 2024 LT
pictiny
4
2.7k
The Future of C++ Interoperability: Insights from Porting a Game to Swift
teamhimeh
0
270
Creating Retro-Style Photos Using Swift
ski
1
340
Ruby製社内ツールのGo移行
bgpat
2
260
Why 1 + 1 = 2 in Swift?
1plus4
1
240
C# 大統一理論推進委員会 会員のための Unity Package Manager プロジェクト構成案
monry
PRO
0
580
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
RailsConf 2023
tenderlove
0
510
Optimising Largest Contentful Paint
csswizardry
7
2.3k
Fashionably flexible responsive web design (full day workshop)
malarkey
397
65k
Principles of Awesome APIs and How to Build Them.
keavy
119
16k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.8k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
18
1.7k
Being A Developer After 40
akosma
56
580k
Imperfection Machines: The Place of Print at Facebook
scottboms
257
12k
Done Done
chrislema
178
15k
The Power of CSS Pseudo Elements
geoffreycrofte
58
4.9k
The Mythical Team-Month
searls
214
42k
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ࢯ