まいのこマート：シェアボタンの実装
Closedfirst published: 2019/01/21last updated: 2019/01/21
そういえば、まいのこマートにはメディアの王道「シェアボタン」がなかった。もう随分長いこと実装していなくて忘れていた。記事も増えたしGoogle認知もなんとかしたので、そろそろ付けよう。
さて、やるかーと言ってたら、コリさんが速攻でReactコンポーネントがあることを教えてくれた（あざす〜👏）。有名どころのシェアボタンが簡単に作れるコンポーネント。
react-shareのソースを見ていたら、実装方法を思い出した。そうだ、ページのタイトルやパーマリンクを取得して、日本語タイトルなどをエンコードしつつシェアURLに結合する感じだった。
動的に取得できるWordPressやビルド時に取得できるはSSGは楽勝で、素のHTMLだけJS書いたりして面倒だった記憶。
少し前にHexoで作ったコンポーネントがあったのでリサイクル。
Twitter・Facebook・LINE・Pocketのシェアボタンを実装できた！スマホだとTwitterはアプリで開けたりして便利。