技術とかの雑なToday I Learnedメモ

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

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

昨日に引き続きやってる(まだ終わってない)

昨日からの課題は

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

こんな感じ。

このうち 1 つめと 3 つめに関しては、blog.owlcode.netみたいに、Twitter と Facebook とはてなを三連で並べてしまったほうがむしろ潔いかな?と思っている。そこそこ大きめのボタンを 3 つ並べて表示して、ブックマーク数の表示もそのボタン内にやってしまうのはどうか。

react-feather にはてなのアイコンがない以上、react-share のアイコンを使って揃えてしまうほうが手数が少なくなりそうだし、そうなると Facebook のアイコンも足してしまったほうが良くなりそうな感じがある。

そして 2 つめのシェアカウントが 0 のときに何も返ってこない問題に関してはまだ未解決。

react-share/HatenaShareCount.ts at master · nygardk/react-share

react-share/createShareCount.tsx at master · nygardk/react-share

ここらへんを見て解決したいけどどうなることやら。