はてブ追加ボタンを設置したい 1

新年最初になにか実装したいもの実装しようと思って、そういえばたま〜にはてブに追加してコメントしてくれている人がいるようなんだけど、自分からどの記事がはてブに追加されているかを確認する手段が Twitter での検索以外にないので、記事ごとにブックマーク数を表示したいというモチベーションがある。

ということではてブ数表示ボタンと、どうせなら合わせて追加ボタンも実装しようと思って実装している途中。

Twitter のシェアボタンは react-share というライブラリを使っている。

で、はてブのボタンの追加ってどうやるのかな〜と思って調べていたら、とりあえず公式からボタンの HTML タグとスクリプトを提供してくれているようだった。

これを JSX に書き直すだけでよさそうだなとは思ったけど、もうちょい調べたらどうやら react-share にはてなのブックマーク周りがあってそれを使ってもよさそうだった。

どうやら日本人の方が追加してくれていたらしい。

というわけで現在 react-share を使ってはてブの追加ボタンとブックマーク数の表示を実装している。

今困っていることは、

Twitter のアイコンは react-feather のものを使っているがはてなのアイコンは react-feather にないので、react-share が提供しているアイコンに合わせなくてはいけなそう
シェアカウントが 0 のときは 0 という数字が返ってきているわけではなく、null や undefined が返ってきているわけでもなさそうなのでどうすべきかなやんでいる
そもそもブックマーク数の表示をどういうスタイルにするか

あたり。

これを解決していきたい。