posted: 2019/02/16

Netlify FunctionsだけでSlackに通知するClapボタンをつけた

Gatsbyでこのブログを作ってみたがあまりにも書く気にならないのでちょっとでもモチベーションをあげるためにclapボタンをつけた。
多分左下に出ている(何らかのバグとかあったら消すかも)
めちゃくちゃ雑な感じで、netlify functionsが押されたらslackに通知されるそれだけみたいな状態
https://github.com/terrierscript/snippet.terrierscript.com/blob/master/functions/clap.js
ボタンのアニメーションはpopmotionを使った。すごく楽。本当はreact-springとかいい感じにしたかったけど諦めた
あと当然通信まわりはHooks。あんまりhooksの旨味は無いけど。
モバイル対応とか面倒なものは気にしないことにした

Q. netlify上限行くのでは?

上限はあるが、とはいえ12万リクエストで100時間制限なんてまず行かないと見込んでるので心配してない

Q. Slackのエンドポイントはどうしてる?

なんとnetlifyにはEnvironmentを設定できる。良い。
ローカル開発時は下記みたいな感じでやっている。dotenv-cliを使うと良い
yarn dotenv netlify-lambda serve functions

Q. カウント取れなくない?

数など重要ではない。一つ一つの拍手に感謝を感じるべきであろう。
(真面目に話すと単純にカウント数をFirebaseあたりにぶっこむのは考えつつそこまでやるもんでもないなーという感じがあった。Google Analyticsにイベント飛ばすとかはアリかも?)
Edit on Github