LT for M3 TechTalk
Slack Λ TweetDeck ʹͯ͠Έͨ݅@blue_1617
View Slide
ࢲ୭ʁ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Ұཡੑʹ͚ܽΔ͔ʁ
9Slack ҰཡੑΑͨ͘͘͠ͳ͍ʁ TweetDeck ෩ͳ Viewer Λ࡞Ε͍͍ͷͰʁblueࢯ
10Slack ҰཡੑΑͨ͘͘͠ͳ͍ʁ TweetDeck ෩ͳ Viewer Λ࡞Ε͍͍ͷͰʁblueࢯఱ࠽తൃ
11https://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
17Multiple columns like TweetDeck
18Multiple workspaces
19Add/Remove columns by button
20Selectable CSS styles for each column
21Customizable settings as JSON‣ Main Slack URL‣ Other Workspaces URL‣ Column Settings
22Settings are saved and persistedΞϓϦ൛Ͱ settings.json ΛΠϯϙʔτ͢Δͱ࣍ճىಈ࣌ͦͷઃఆΛҾ͖ܧ͙ઃఆΠϯϙʔτը໘
ىಈɾ࣮ߦ 23‣ ΞϓϦ൛ʢMacOSʣ‣ CUI ىಈ$ npm install$ npm starthttps://github.com/blue0513/slackdeck-proto/releases
࠷ޙʹ 24PR ͬͯΔͥʂblueࢯ