はてなブックマーク

はじめに みなさんご存知の通り、QiitaのUIの仕様がいきなり変わりました。 「いいね」ボタンから「LGTM」ボタンに。 twitterでは賛否両論ありましたが、"否"の方が多かった気がします。 そこで、これをいいねボタンに直すchrome拡張を作ります。 大急ぎで作ったので、記事も適当かつ未実装の部分もありますが、ご了承ください。 意外と一筋縄では戻せない twitterや他のQiitaの記事で、同じような試みをされている方がいました。 基本的には、LGTM要素を取得してinnerHTMLでFontawesomeのthumbs-upに変えるだけで良いです。 しかしながら、それだけではクリック後の「✔︎」が表現できません。 今回その辺の仕様をいろいろ調べてみて考えた結果、javascriptだけではなくcssも使っていじる方が良さそうです。 実装 //必須（fontawsomeのcdn）