GitHub discussion を使ったコメントシステム giscus を導入

Blog にコメントシステムを採用したいなと思って giscus を入れてみた。

経緯

Blog を読んだ際にコメントするまでではないけど、書いた人に対するシグナルとして、絵文字リアクションという仕組みがとても好き。 Medium だと clap 👏 だったり、はてなだとはてなスター ⭐️ ですね。また Slack や GitHub の emoji reaction も同じ発明だと思う

また、はてぶや Twitter 以外でも感想が書ける場所があると良いのではと思いコメントシステムを Blog に導入してみた。

選定基準

コメントシステムの採用候補は２つ

• utterances GitHub issues をベースにしたコメントシステム
• giscus は GitHub Discussions をベースにしたコメントシステム

両者とも OSS で、コメントのデータを GitHub 上で保持できるのが魅力的。 DISQUSも同じ機能を提供してくれているが、自分のデータは自分で持ちたいかつデザインが激しめな印象があるので、uttrances, giscus が候補に残った。

両者ともデザインシンプルで良い。

だが、giscus は コメントを取り扱うなら issues ではなく Discussions のほうが適しているという動機から作られた。

giscus は記事に対してリアクションができたり、コメントに関する voting もあるので、迷わず giscus を採用する流れとなった。

確かに issues よりも GitHub Discussions のほうがコメントという概念に適していると思う。

というわけで GitHub でサインインすれば記事末尾にて、giscus を通じてコメントやリアクションができるようになったので、リアクションお待ちしております…! 👇

余談

Webmention などの仕組みも気になるのだが、ちょっと採用するまでの仕組みが重いので不採用にした

References

• Giscus: The New Commenting Engine for My Website

See Also

• 投げ銭サービスのBuy me a cofee をBlog に導入してみた
• 子供が1歳児を迎えるまでに、育児で役に立ったもの
• 機械学習・ソフトウェアエンジニアリングをテーマにしたPodcast just4fun.fm を始めてみた
• 機械学習・コンピュータビジョンを活かしたビジネスを手掛ける株式会社ABEJAでインターンしてきた
• ミクシィにインターンしてきた

Support

記事をお読みくださりありがとうございます。このウェブサイトの運営を支援していただける方を募集しています。 もしよろしければ、下のボタンからサポート(投げ銭)していただけると、ブログ執筆、情報発信のモチベーションに繋がります✨