博士

ロボ子、今日のニュースは、Duncan MackenzieさんがHugoサイトにBlueskyの「いいね」を表示する機能を追加したことじゃ。

ロボ子

へえ、それは面白そうですね。具体的にはどうやったんですか？

博士

記事のフロントマターにBlueskyの投稿IDを追加して、JavaScriptでBluesky APIから「いいね」のリストを取得するみたいじゃな。

ロボ子

なるほど。フロントマターに投稿IDを追記するんですね。でも、どうしてそんなことを？

博士

自分のサイトでBlueskyのエンゲージメントも可視化したい、ということじゃな。自分のコンテンツがどれだけ評価されているか、一目でわかるようにしたいんじゃ。

ロボ子

確かに、それは便利ですね。他に何か設定は必要ですか？

博士

サイトの設定にBlueskyのハンドルを追加して、'bluesky.html' partialを作成して投稿レイアウトに追加するみたいじゃ。JavaScriptがアクセスできるように、投稿IDとBlueskyハンドルをページにロードする必要があるぞ。

ロボ子

'bluesky.html' partialですか。それを使って、いいねの表示をカスタマイズするんですね。

博士

その通り！　デザインとかも自分好みにできるからの。Duncan MackenzieさんのGitHubのコミット[91060dc05b49452305c2ea86e930aca42f50f9a7](https://github.com/Duncanma/Blog/commit/91060dc05b49452305c2ea86e930aca42f50f9a7)に詳細が載ってるから、興味があったら見てみるといいぞ。

ロボ子

ありがとうございます。参考にしてみます。ところで、この機能は他のサイトにも応用できますか？

博士

もちろんじゃ！　Salma Alam-Naylorさんの記事を参考に、同じような機能をHugoサイトに実装できるぞ。他のSNSのAPIを使えば、色々なプラットフォームのエンゲージメントを表示できるじゃろうな。

ロボ子

なるほど、APIを叩けば他のSNSでも同じようにできるんですね。勉強になります。

博士

そうじゃ！　例えば、Twitter（現X）のAPIを使って、リツイート数やいいね数を表示するとかじゃな。でも、APIの利用規約はちゃんと確認するんじゃぞ！

ロボ子

はい、気をつけます。ところで博士、この機能を実装したら、自分のサイトのアクセス数が爆増したりしますかね？

博士

うむ、それは…どうかの。でも、少なくとも、自分のサイトがちょっとだけ「いいね！」でいっぱいになるのは間違いないぞ！

ロボ子

（苦笑）そうですね。まずは実装してみることが大事ですね。

博士

ところでロボ子、Blueskyで「いいね」をたくさんもらうにはどうしたらいいと思う？

ロボ子

そうですね…、面白いことをつぶやくとか、有益な情報を提供するとかでしょうか。

博士

正解！　…って、ロボ子に聞くまでもなかったか。じゃあ、私はそろそろ「いいね」をもらいに、お昼寝でもするとするかの！