静的なWebサイトに、ちょっとした動的コンテンツが欲しくなることがあります。例えばコメント機能です。Disqusのような外部サービスもありますが、コンテンツを自己管理したい人も多いはずです。 今回紹介するutterancesはGitHubのIssuesを使ったコメント機能を提供します。

utterancesの使い方

こんな感じのリアクション付きコメント機能です。

ダークモード対応です。

コメントは下にあります。GitHubで認証する必要があります。

utterancesはGitHubのIssuesを使っているので、コメントするためにはあらかじめ認証しなければいけません。開発者が対象になるようなサービスにぴったりでしょう。ブログのタイトル単位などで自動的にフィルタリングも可能で、記事単位にコメントを分けて管理できます。

utterancesはTypeScript製のオープンソース・ソフトウェア(MIT License)です。

utterances utterance/utterances: A lightweight comments widget built on GitHub issues