Slackカスタム絵文字に日付絵文字追加で日程調整をカンタンに

Slackにてカスタム絵文字を使うことでカンタンに日程調整を行う方法です。
前々からSlackの絵文字を使って日程調整をできないかなと考えていたのですが、数字の絵文字は10までしかなく困っていました。
そこで今回1~31まで絵文字を作ってみました。
<img src="https://qiita-image-store.s3.amazonaws.com/0/190972/c4c1419a-946d-78bb-ec60-ba50ee1ea97a.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/4a1a960c-554d-3906-cc76-244922a9e61d.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/a5a7faf2-3f36-3132-0e51-3caeb18221d6.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/782e9d33-7cd7-dd98-0d13-8d34aac90064.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/ced45fb7-eb69-cb4f-8d4a-ea1d9404b31b.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/73634a31-939d-2ca5-0fb2-35bba1e05c63.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/4f3d8f86-eaa3-ce6c-7360-52e09fa3218b.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/96b4822e-d224-9d97-a4d1-27657277c0dd.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/f26c90af-35dd-c35a-f288-a500d835141f.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/07328d38-9adf-e618-4e3d-ee3e007a775a.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/e31ab54b-c850-269d-17e2-1229705cd6ad.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/20c63f03-9223-08e2-e50c-15942f98ab9f.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/22c1614e-adeb-f486-6a5f-b06ea8a346fe.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/ca9a1d10-79ef-fa2d-6227-2f15b12e935c.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/ba0a9e1a-10c3-85b7-e080-3c7a39aa8fad.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/19f11f1a-06dc-aa36-3e9c-650880844a0b.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/45060df0-e6d6-a612-7897-3f1bf8db2a05.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/0a801fb9-8827-57e7-c603-e308497f35dc.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/9247a341-fdfb-6558-59a0-66ab764a1367.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/7b5d0c46-81f2-04a4-c767-8ab48f4c097d.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/7257d58f-debb-18fd-4ea5-daef6cc14e8b.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/373741f7-64a2-e36b-f6f5-6ef5bf83bb12.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/7f55657f-02c3-901b-6894-ee7a82f18a04.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/752a40d4-8816-487c-cf5d-16bfd58c93c5.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/e7976d4d-e2b7-5da0-b5d6-d15b7a969bd6.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/9400a82f-0b44-8846-88d8-33abb2e6534f.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/b45efdbc-0cdb-4c84-bde0-6f8721f55288.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/64aaddc4-c59a-12fe-9a6d-e2f8c005d8b7.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/5f56c11c-75e4-1cb1-4f84-443b983973c9.png" width=5%><img src="https://qiita-image-store.s3.amazonaws.com/0/190972/7b164608-cce7-427a-1dd7-ef1283e5845d.png" width=5%>


これらをSlackのカスタム絵文字として取り込むことでカンタンに日程調整を行うことができるようになりました。

# 絵文字の作成
Slackのカスタム絵文字は128 px × 128 px以下かつ64 KB以下で作成します。今回はイラレを使い100 px四方で作成しました。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/190972/ff0ec9b6-cb02-466c-fa0a-c3a86a20f72c.png)![date-31.png](https://qiita-image-store.s3.amazonaws.com/0/190972/6d3e61a7-abc7-ac38-fc05-11211f188142.png)
作成したファイル類は以下においてありますのでご自由にお使いください。(場所は変更するかも。) 
https://drive.google.com/drive/folders/1du1p-JTqENsvjtphVWIsnu_hEHrEWC1i?usp=sharing

# Slackに絵文字の登録
Slackにカスタム絵文字を登録します。
Customize Slackからemoji画面に移動します。
ひとつひとつ登録することもできますが、今回はGoogle Chromeの拡張機能である [Slack Emoji Tools](https://chrome.google.com/webstore/detail/slack-emoji-tools/anchoacphlfbdomdlomnbbfhcmcdmjej)を使いました。
([こちら](http://bhind.hatenablog.com/entry/2016/08/03/165645)の記事を参考にしました)

拡張機能を追加すると以下のようなUIが表示されドラッグ＆ドロップにより一括で登録することができます。
ファイル名が絵文字名になるので、ファイル名をdate_01~date_31等にしておくとよいでしょう。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/190972/8bb3fc39-9fd6-ecb4-8e7e-9d9dbf7f3cba.png)

# 日程調整
## 日程調整例
カスタム絵文字を使うことにより様々な日程調整が簡単にできます。 
いくつか例をあげます(一人でやっているので悲しい感じになっていますが。。。)。

### 仕事Slackで飲み会の日程調整
飲み会の日程調整もカンタンに。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/190972/fdc4e5e9-3828-342b-73ed-d44334954665.png)
### 仕事Slackでミーティング日程調整
スレッドを立て、時間帯ごとにわける(コメントする)ことで複数の時間帯候補がある場合もカンタンに。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/190972/6d46b251-45bd-f67f-6d2a-8b3fde92c5e7.png)
### 夫婦、家族Slackで早く帰ることができる日を共有
![image.png](https://qiita-image-store.s3.amazonaws.com/0/190972/04aee3b5-6b96-2a41-e59a-be03d606456e.png)

### 夫婦、家族Slackで夕飯を家で食べる日を共有
夕飯を家で食べる日、食べない日をカンタンに共有。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/190972/50e7d6f7-02af-ddf1-30dd-f954baf1a76c.png)

## 良いところ
1. 変更しやすい  
予定に変更があった場合、絵文字を押すor消すだけなので変更しやすい。  
2. 検索しやすい
絵文字名を日付にしておけば絵文字の検索も簡単にできる。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/190972/399e26bb-c4fc-5519-5b74-74a5029e96ff.png)
3. Slack以外のサービスを使わずにすむので便利！

## 問題点
1. 日程候補が多い場合、最初に押す人が大変  
→Botにより解決できる？
2. 絵文字は押した順に左から表示されるので、場合によっては日程順に並ばなくて見栄えが悪い。  
→Botに最初に候補日の絵文字を全て押させることにより解決できる？
3. 一人が押せる絵文字数は23まで?なので1ヶ月全てをカバーするのは難しい。  
→こちらはコメントを分けることにより解決する必要がありそうです。


以上、カスタム絵文字により日程調整をカンタンに行う方法でした。
いつか問題点を解決するbotを作成したいです。