Upload
mysticdoll
View
114
Download
3
Embed Size (px)
Citation preview
Slack のおもちゃを作るお話を ( 五七五 )
だれ 瀧ヶ平 充 Twitter: @MysticDoll GitHub: MysticDoll MysticDoll を略してみすど 来年度で卒業したい学部 3 年 (3 回生 ) 自称美人大学生 右のはアイコン
チャットができる!すごい! 絵文字を自由に作って使える :ok_woman: =>
Slack
楽しい Slack 絵文字 最近入った最悪な Slack チームでの一例
絵文字アートを実現する技術 なんかいい感じに 128x128 で分割したのがあったりする 空白を :blank: で用意しているらしい 一応こんなこともできる とにかく地獄
これ作るの面倒じゃね?
職人芸は技術で何とかできる…はず
絵文字リスト拾うぞ
Slack の API を見ると Token だけでカスタム絵文字のリストが拾えるらしい ドキュメント : https://api.slack.com/methods/emoji.list https://slack.com/api/emoji.list?token=<token> カスタム絵文字とその URL とエイリアスが拾ってこれる エイリアスはパースするの面倒なので捨てる。 URL あるやつだけ使おう。 Fetch API でシュッ
実現するための技術 React.js すごそうな Facebook の ライブラリ VirtualDOM とか使ってて速い 個人的には Vue.js とかの方がすき 個人的には JSX シンタックスが気に食わない Vim で環境整えたら我慢できた 初めてだったのでデザインパターンとか知らん状態です
いい感じに環境を作る
WebPack 、そしてバベる JavaScript 最近は大体これ 今回無駄に Babel の Preset の ECMAScript2016 とか入れたけど使ってなかった
コード書いてビルド
https://github.com/MysticDoll/SlackPallete をみて テストするときは webpack-dev-server が便利です
ご提案
だるやなぎレールを Slack 絵文字に? 4 方向を向いた頭、胴体縦横、 T 時の胴体 4 種、十字の胴体でだるやなぎれーるを実現できるのでは? 空白の絵文字も忘れずに
宣伝
【 3/4 開催】 第 2 回 クソサイト開発バトル
こういうクソみたいなサイトを作ってワイワイする回です。 https://kusodevbattle.connpass.com/event/47887/ 私の Twitter の固定ツイートからもイベントページ見れるので是非 ドリコムさんのカフェスペースでやります。エンジニアスペシャリストの大仲さんも参加してくれます ( って言ってたはず ) ドリコムさんのビルとアマゾンの入ってるビルと間違えやすいので注意してください。
ありがとうございました