Help us understand the problem. What is going on with this article?

SlackでLINEみたいにスタンプを大きく表示する

Slackの問題点

Slackに唯一不満があるとすれば, それはスタンプ機能.

Slackにも絵文字機能がありますが, LINEのスタンプとは異なりサイズが小さいです.

Slack側がカスタム絵文字のサイズを変更してくれれば話は早いのですが, TwitterのSlack公式アカウントが「サイズを大きくする予定はない」とつぶやいています.


こちらの方のようにブラウザ拡張機能で絵文字サイズを拡大したり, スマホのキーボードアプリで画像URLを貼り付ける方法もあるようです.
http://qiita.com/kyusyukeigo/items/f4192f6cf210cf6c5e33

ただ, これだといくつか問題が.

  • PC上でしか絵文字が拡大されない
  • 各自が準備をする必要がある
  • 絵文字を増やすのにスマホのアプリを開発しなおす必要がある

やはり

  • Slackを利用する全ての端末で同じようにスタンプをポスト・表示
  • 一度スタンプを作ったらSlackのメンバー全員が利用可能

が望ましい.

解決策

こんな方法を思いついた.

  1. スタンプ画像に対してカスタム絵文字とスタンプ画像のURLを用意する
  2. 絵文字をポストした際に, それに対応する画像URLがあれば
    1. 絵文字を消す
    2. 画像URLのポスト (画像が展開されてスタンプっぽく表示)

やり方はいろいろあると思うが, このような構成で実装することにした.
thumbnail

実際の動作

stamp_on_slack_demo.gif

やり方

細かい説明やコードに関してはこちら
https://blog.icchi.me/make-large-stamp-posting-system-for-slack

icchi_h
都内のメディア企業で働く高専出身エンジニア
https://icchi.me
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away