Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Slackをハックしよう

 Slackをハックしよう

Slackの内部をのぞいて見た話です。第3回 Akatsuki Geek LiveでのLT資料。

Doppon

July 01, 2019
Tweet

Other Decks in Technology

Transcript

  1. Slackをハックしよう
    Doppon
    1

    View full-size slide

  2. Name:
    Doppo Sekino
    Twitter:
    @Doppon1033
    担当:
    サーバーサイド
    2
    自己紹介
    Hobby:
    ・旅行
    ・甘いもの食べる
    ・コード書く






    View full-size slide

  3. 3
    ところで
    みんなSlack使ってる?|ω・`)ちら

    View full-size slide

  4. 4
    Slackってな〜に
    ・チャットアプリ!!
    https://japan.cnet.com/article/35138743/
    最近上場もしたよ!
    こんな感じ!

    View full-size slide

  5. 5
    Slackをハック?
    ちょwおま、何したん?
    (´^ω^`)ブフォwww

    View full-size slide

  6. 6
    先に最終結果(どんっ!)

    View full-size slide

  7. 7
    (どんっ!)

    View full-size slide

  8. 8
    感想
    ぐへへw(´゚∀゚`)

    View full-size slide

  9. 9
    今回の対象
    PC版のSlackアプリ!
    (それもMac)

    View full-size slide

  10. 10
    アーキテクチャー(雑)
    エディタ Slack.app
    直接書き換える
    ぞい!?

    View full-size slide

  11. 11
    ポイント
    1. Slackは書き換えられる!!(重要)
    2. ..(あれ、これしかなくね)
    3. ..(同上)

    View full-size slide

  12. 12
    手始めに...
    PCまずはターミナルを開く

    View full-size slide

  13. 13
    手始めに...
    Slackちゃんを探そう!!

    View full-size slide

  14. 14
    手始めに...
    実はこんなところにいます!

    View full-size slide

  15. 15
    手始めに...
    念のためのバージョン管理!!

    View full-size slide

  16. 16
    くらえ!! git init !!

    View full-size slide

  17. 17
    フォルダ構成

    View full-size slide

  18. 18
    フォルダ構成

    View full-size slide

  19. 19
    フォルダ構成
    ssb-interop.js からトップいじれる

    View full-size slide

  20. 20
    記述すべきコード(ただこれだけでok)

    View full-size slide

  21. 21
    最後に
    お気づきだろうか?

    View full-size slide

  22. 22
    最後に
    実はCSSを書き換えているに過ぎない!

    View full-size slide