API連携してSTREAM DECKでSlackのステータスをボタンひとつで変更するよ  | 株式会社グッドローカル 読み込まれました

GOODLOCAL

ジモトを良くする会社

API連携してSTREAM DECKでSlackのステータスをボタンひとつで変更...

ホームkeyboard_arrow_rightブログ
keyboard_arrow_right

API連携してSTREAM DECKでS...

API連携してSTREAM DECKでSlackのステータスをボタンひとつで変更するよ

寺田 明日香

こんなタイトルの記事を自分で書ける日が来ようとは…うっ…涙(IT業界未経験中途採用アラフォーマーケター)(基本全部エンジニアに教えてもらった)。

さて、グッドローカルで鋭意活用中のストリームデッキです。

今回は社内でよく使う「Slack(スラック)」のステータス変更を、ストリームデッキに設定してみたいと思います。

※ストリームデッキって?という方はこちらの記事をご覧ください。
グッドローカル流?STREAM DECKの使い方

目次

  1. 経緯、やりたいことと手順

  2. Slack Statusの入手(STREAM DECKのマーケットプレイス)

  3. Slack APIの取得(Slack APIのサイト)

  4. STREAM DECKの設定(STREAM DECKのアプリ)

  5. Slack APIを使ってストリームデッキをもっと快適に使おう

1. 経緯、やりたいことと手順

弊社では社内のやりとりにSlack(スラック)を利用しています。

席をはずす際にはステータスを変更するのですが、頻繁にステータスを変更するとなると、ちょっとした手間が煩雑になっていました。

そこで、あらかじめ登録したステータスを

ボタンポチ、で「🍚」(ご飯休憩)とか「☕️」(休憩)とか表示できるようにしたい

と考えました。

やりたいこと

Slackのステータスをボタン一つで変更する

設定したいステータス

・🍚
・☕️
・🚗
・clear(設定したステータスを何もない状態に戻す)

手順

  1. マーケットプレイスで「Slack Status」を手にいれる

  2. Slack APIでappを作成し、0Authトークンをゲット

  3. Stream Deckで設定

  4. 完成!

わかる方にはこれでわかるんだと思いますが、使い始めの方とか、APIってどんなすごい魔法が使えるんですか??みたいな勘違いを起こしている私のような圧倒的初心者にはちょっと不親切かと思いますので、順番に説明したいと思います。

ボタンポチ、という操作に対してえらく複雑な設定だね、、、という向きもあるかと思いますので、そういう方にできるようなショートカットでの設定などもありますのでまた別途。

2. Slack Statusの入手(Stream Deckのマーケットプレイス)

何はともあれ、まずはスラックのステータスを設定するためのベースを準備します。

ストリームデッキのマーケットプレイスで、ステータス変更用のプラグインを入手しましょう。

マーケットプレイスに行ったら検索窓で「Slack Status」と入力。

Slackだけ打っても検索候補に出てきます。これをクリック。

「GET」をクリックしてゲットします。

入手すると、ストリームデッキのアプリ上でSlack Statusの表示がされます。

続いて、ボタンの準備です。

空いているスロットにフォルダを作成します。
ここにいろんなステータスボタンを作ります。

フォルダに入って、右側からアイコンをドラッグ&ドロップして持ってきます。

この辺は他のボタン設定と同じです。

ボタンの設定欄の一番下に、「How to get the slack token?」というリンクがありますのでクリックしてリンク先を開きます。
以下のページが開きます。

ellreka/streamdeck-slack-status「How to get the slack token?」

3. Slack APIの取得(Slack APIのサイト)

リンク先のサイト(このプラグインの開発者のgithubです)に行くと、手順が英語で書いてあります。

基本ここに書いてある通りにやればできます。
が私のような以下略には大変だと思いますので順に説明します。

「App」というところをクリックして、Slack APIのサイトを開きます。

右上にある緑のボタン「Create New App」をクリック。

次の画面で「From scratch」をクリック。

「Name app & choose workspace」という画面になるので、
Appの名前をわかりやすく「Stream Deck Status」とか入れてあげます。

ワークスペースは自分が普段使ってるところを選んでください。

で「Create App」をクリック。

これで自分のワークスペースに対して働きかけられるappができました!

次に、パーミッションを取得します。
「OAuth&Permissions」をクリック。

下の方へスクロールして、「Add an OAuth Scope」をクリック。
パーミッションの種類を選んでいきます。

まずは「users.profile:write」を選択。

次に「users:write」も選びます。
(パーミッションの種類は、APIを使って何をしたいかによって変わります。)

選んだら、ページの上まで戻って「Install to Workspace」をクリック。

確認画面が出てきますので「許可する」をクリック。

すると、同じく「OAuth&Permissions」のページに「User OAuth Token」というのが出現します。

おめでとうございます!これが欲しかったやつです。

この文字列をコピー。

ストリームデッキのアプリへ戻り、先ほどのボタン設定画面の、「API Token」というところにペースト。

これで、スラックのAPIが使えるようになりました。

4. Stream Deckの設定(Stream Deckのアプリ)

あとは、自分が設定したいステータスをザクザク入れていきましょう。

いくつも作りたいと思うので、そういう時はAPI Tokenを入れたボタンを複製すると楽。

さて、スラックではどんな感じになるのかというと、、、

さっき設定したボタンをポチッとすると、ちゃんと自分の名前の横にステータス絵文字が出てきました!!やったー!!!大勝利!!!

設定したステータスですが、「Status Expiration」で時間を入れている場合は時間が来るとステータスが消えます。

特に設定していない、または自分で好きなタイミングでステータスを消したいという時は「Clear」ボタンがあらかじめ用意されているので、入れておくと便利。

「Clear Slack Status」をボタンに入れて、さっき作成したトークンをコピペして入れるだけです!簡単!

!注意!

APIトークンはプログラムに直接干渉できるものになるため、人に知られないようにしましょう。簡単な作業しかできないものであっても、流出するとクリティカルな事態(そもそもAPIトークンが漏れた時点で情報流出になります)に及ぶ危険があります。取り扱いには十分ご注意ください。

5. Slack APIを使ってストリームデッキをもっと快適に使おう

今回はAPIを取得し、それを利用することでスラックのステータスをボタンひとつで変更できるようになった…はず…!

もちろん、APIを取得しなくても、アプリを開いたり、ステータスを変更したりすることは可能です。
(例えばステータスの変更についてはショートカットを登録する方法もあります。)

アプリによって得意なやり方が異なるので、色々試してみてください。私たちもまだまだ模索中です。

ちなみにAPIを取得しておくと何が便利かというと、アプリのウィンドウが一番手前になくても、ステータスボタンを押せば、ステータスを変更できるというところです。
これが地味に便利。いちいちウィンドウが入れ替わらないので。

色々な用途がありとっても魅力的なストリームデッキ!
お役に立てましたら幸いです。

こういう使い方ってどうやるの?みたいなのが気になったら、Xなどでコメントください〜。

Asurin on X(Twitter)
https://twitter.com/asurin31737

記事を書いたメンバー

チーフマーケター

寺田 明日香

建築デザインや分析哲学を専攻したのち、ドイツへ。文化の違いから暮らしの豊かさへの関心が高まり、帰国後は住宅会社に就職。様々な事業部のマーケティングを経験したのちグッドローカルへ。ストーリーのある広告が好き。夫単身赴任中につき一人子育て奮闘中。あだ名は「あすりん」。

Blog

関連ブログ

お気軽にお問い合わせください

システムに関すること、湘南への移住をお考えの方、中古リノベーションに関すること、
ジモトをワクワクさせる取り組みをしたいなど、皆様からのお問い合わせをお待ちしております。

GOODLOCAL050-3733-2229

電話での受付は行っていません。

ご質問などがあれば、

お問い合わせフォーム

をご利用ください。