Slackのカスタム絵文字をAPIトークンなしでまとめてダウンロードする【MIS.W非公式新歓ブログリレー2020 0日目】

# はじめに
はじめましての方ははじめまして。52代だったもりもとと申します。
早稲田大学経営情報学会（MIS.W）の新歓ブログの裏で、非公式で老害である自分が勝手ながら記事を1つ書かせていただければと思います。（つまりリレーがつづく見込みはない...:cry:）
[新歓ブログ2020 カテゴリーの記事一覧 \- MIS\.W 公式ブログ](https://blog.misw.jp/archive/category/%E6%96%B0%E6%AD%93%E3%83%96%E3%83%AD%E3%82%B02020)

本記事では**Slackのカスタム絵文字(emoji)**について以下の悩みごとを解決する方法を紹介できればと思います。

* 所属しているワークスペースのカスタム絵文字をエクスポート（ダウンロード）したい
* 用意した絵文字をまとめてインポートしたい
* あるワークスペースの絵文字を別の場所でも使いたい

# Slackとは？
みなさんSlackを楽しんで使っていますか？:open_hands:
そもそもSlackとは?という方の向けにざっくり説明すると、多くのIT企業でほぼ必須のコミュニケーションツールとして使われているサービスです。ですが最近では企業向けだけでなくサークルや家族間でも連絡ツールとして使っているところがみられるようになってきた感があります。そして我らがMIS.WもSlackをばりばり利用しております！

[その仕事、Slack で。 \| Slack](https://slack.com/intl/ja-jp/)

業務で使用している他のサービスと連携させたり、Botを導入して仕事を効率化することができるので、本来ならそちらの類のお話の方が興味がある人が多いかも知れません。
ですがやはりSlackの良いところはカスタム絵文字。
こんな感じで面白絵文字を作って登録しておくことで他人のコメントにユニークなりアクションをとることができます！

![スクリーンショット_2020-03-31_9_07_26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/228396/61415f69-51ad-0417-b9d0-d25daa23afdf.png)

（:point_up:この下の方のたくさんアイコンが並んでいるのが「リアクション」で、通常の絵文字に合わせて各々が登録したカスタム絵文字も使うことができます）

# 背景
大学生になってバイトやインターン先で同様にSlackを利用しているコミュニティと関わるとワークスペースがどんどん増えていくようになりました。
そうなるとそれぞれのワークスペースのカスタム絵文字をのぞくとやはり個性的で、見ていて楽しくなってきますしそのコミュニティの雰囲気も伺えていいですよね。
「あっ この絵文字いいな」「うちのサークルのSlackでも使えるようにしたい」
と思い
『Slack カスタム絵文字 ダウンロード』
と検索すると様々な方が親切にに知見を共有してくださっています。

[Slackの絵文字\(emoji\)を一括エクスポート＆インポートする \- Qiita](https://qiita.com/ne-peer/items/cbdef4f02b1bb6103e51)

ですが、上の記事のようによく見かけるのはそのワークスペースのSlack 
APIトークンを必要としつつ、コピペで済むとはいえスクリプトを組んで実行するという、プログラミングよわよわな自分からしたら「ぴえん🥺」となってしまいます。
どちらにせよAPIトークンが権限の都合上取得できない場合もあります。

そのような状況でも、なるべく手軽にカスタム絵文字を一括でダウンロードすることはできないのかと思い、今回その方法を見つけましたので共有できればと思います。

# 手順
## ①カスタム絵文字を一括ダウンロード
まずはChrome拡張機能、Image Downloaderを導入します。
[Image Downloader - Chrome ウェブストア](https://chrome.google.com/webstore/detail/image-downloader/cnpniohnfphhjihaiiggeabnkjhpaldj)
![スクリーンショット 2020-03-31 13.33.55.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/228396/055f20ab-c56c-34c5-15f8-39de858112a3.png)

次にダウンロードしたいワークスペースにブラウザ版でログインし、てきとうなチャンネルにて、テキストボックス右部の絵文字のアイコンをクリックし、出てくるウィンドウの右端のSlackアイコンを押すとカスタム絵文字が表示されます。
![スクリーンショット_2020-03-31_10_06_18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/228396/a14e06c5-5b86-a36b-acc7-6a9f32bbd2c2.png)
（実際のMIS.Wのワークスペースにあるカスタム絵文字の一部。サークル員のアイコンやネットミームだったり様々です）

登録されているカスタム絵文字が多いと下に長く続いて画像がすべて読み込まれていないことがありますのでスクロールして一度すべて読み込みましょう。

それでは早速ダウンロードしましょう。導入したImage Downloaderのアイコンをクリックします。
![スクリーンショット_2020-03-31_10_59_25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/228396/1f3c1429-c547-24c1-1e36-d5142b9249bb.png)
現れるウィンドウで、以下の項目を設定します
①1つ目のテキストボックス：ダウンロードした画像を格納するために新しく作られるフォルダの名前（「ダウンロード」フォルダ直下に生成されます）
②2つ目のテキストボックス：この文字列で画像のURLをフィルタリングします。カスタム絵文字のダウンロードURLはすべて「**emoji.slack-edge.com**」が含まれているため、これを設定することでカスタム絵文字のみに絞り込むことができます。

あとは一番上にある「Select All」にチェックを入れて「DOWNLOAD」で一括全ダウンロード、もしくは希望のものを個別でダウンロードできます。YATTA!
![スクリーンショット 2020-03-31 11.16.52.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/228396/cf7c5e16-c4a5-f806-4626-50da03b0a73e.png)


### おまけ
[Slackのemojiを一括でダウンロードする - はっしゅろぐ](http://hush-in.hatenablog.com/entry/2019/03/24/112859)
自分は先にこの記事を見つけて実際に実行し、このやり方で十分満足していたのですが、原理上ただブラウザに表示された画像のURLをまとめて叩いているにすぎないということで、「シンプルに画像ダウンローダーで画面内にあるアイコン画像を指定できたらもっと楽にできるのでは」と思い上記の方法を思いつきました。
はっしゅろぐさんには感謝です。

### さらにおまけ
■カスタム絵文字をつくるのに便利なサイト

* [治安の悪い Slack Emoji を作るツールを作った \- Qiita](https://qiita.com/zk_phi/items/8a24b8ad9d1eabd364aa) ( [MEGAMOJI](https://zk-phi.github.io/MEGAMOJI/) )
* [絵文字ジェネレーター \- Slack 向け絵文字を無料で簡単生成](https://emoji-gen.ninja/)
* [Slack Emoji Generator \- Slack絵文字ジェネレーター](https://slackemojigen.com/)

■人気のemojiが共有されているサイト

* [Slackmojis \- The Best Custom Slack and Discord Emojis](https://slackmojis.com/)
:point_up:まさかの:coronavirus:があります笑

## ②カスタム絵文字を一括でインポート
ここはもっとシンプルです。
こちらもまたChrome拡張機能、 Neutral Face Emoji Toolsを導入します。
[Neutral Face Emoji Tools \- Chrome ウェブストア](https://chrome.google.com/webstore/detail/neutral-face-emoji-tools/anchoacphlfbdomdlomnbbfhcmcdmjej)
![スクリーンショット 2020-03-31 13.34.09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/228396/7abb4022-4592-ffd1-7475-8e0f4531f53c.png)

導入後、「Slackをカスタマイズする」から飛んでいった画面 (https://チーム.slack.com/customize/emoji) から一括登録できるようになります。
**※ファイル名がそのまま名前になりますので事前にリネームしておくことに注意！**
（上のImageDownloaderのオプションでファイルをリネームするように設定しておけば若干楽になるかもしれません。）
（また、おまけのはっしゅろぐさんの方法だと、ダウンロードされるファイル名がちゃんと絵文字の名前になっているので可能ならばそちらの方をおすすめします。）
![スクリーンショット 2020-03-31 9.36.33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/228396/6e0c6013-8d67-1f77-c190-d1af8137a9f3.png)
![スクリーンショット 2020-03-31 9.37.34.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/228396/2f4e8980-e096-eb3e-769b-47d3f67f4c7d.png)

### おまけ
単に画像をそのまますぐに追加したいときはSlack Emoji Uploaderがとても便利です。
[Slack Emoji Uploader \- Chrome ウェブストア](https://chrome.google.com/webstore/detail/slack-emoji-uploader/jfacjbibcobdehekkieokkloinlfdomg/related)

# さいごに
ご覧いただきありがとうございました。

最後に改めてサークルの宣伝をさせていただければと思います。

MIS.Wはプログラミング・CG(イラスト)・DTM(コンピュータ作曲)・シナリオ執筆・動画製作等を一手に引き受けゲーム制作にも力を入れている、早稲田大学公認のデジタル創作サークルです。
毎年年中いつでもサークル員の入会を募集しているのですが、やはりここ最近のコロナ騒動により早稲田大学は大学の授業開始日が5/11からとなってしまい、新入生からしたら新歓イベントが軒並み潰されてたまったもんじゃないなと思います。
もちろん新歓する側も大打撃であり、公式Twitter（ https://twitter.com/misw_info ）と公式HP( https://misw.jp/ )を中心にサークルの魅力を積極的に発信していければと思っております。（してくれるはず）（頑張れ後輩）
![スクリーンショット 2020-03-31 9.53.53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/228396/91830177-91d5-ebd4-a914-b352ee14e8f5.png)
もし興味を持たれた方がいらっしゃいましたら公式TwitterのDMか本記事のコメント、また老害の自分でも良ければ個人的にDM（ https://twitter.com/morimo_h ）していただいても構いません。
仲間と創作を楽しむ、青春する。そんな大学生活が送れるMIS.Wの魅力をお伝えできればと思います。
ぜひともMIS.Wをよろしくお願いします！