32
27

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

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

Last updated at Posted at 2016-09-03

Slackの問題点

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

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

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

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

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

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

やはり

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

が望ましい.

解決策

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

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

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

実際の動作

stamp_on_slack_demo.gif

やり方

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

32
27
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
32
27

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?