🌟 WhiteWind更新 🌌 20240426 🌟
🗨 atproto連合コメント機能
ついにブログ記事にコメントをつけることができるようになりました!! 🎉
📃 BlueskyとWhiteWind上での記事への言及をリッチに表示
上に貼ったスクリーンショットに表示されている通り、Bluesky上でブログ記事へのリンクを貼ると、そのブログ記事上でコメントとして表示されます。 💬
コメントに対する他ユーザーからの返信(スレッド)も同時に表示されます。 🔄
また、WhiteWindの記事上でブログ記事のリンクを貼った場合でも、コメント欄に表示されます。
(白い背景にWhiteWindの白いロゴが見えにくい問題は今後対応していきます! 🎨)
🚀 任意のatprotoサービスからの言及を簡素に表示
更に、BlueskyのポストとWhiteWind以外のatprotoサービスで記事に言及した場合、簡素に表示します。
下のスクリーンショットはBlueskyのプロフィールで記事に言及した場合の見え方です。
📖 コメント欄に表示されるための条件
コメント欄に表示されるためには、
- 記事のHTTPS URL (
https://whtwnd.com/{ハンドル or DID}/entries/{記事タイトル}
もしくはhttps://whtwnd.com/{ハンドル or DID}/{rkey}
) - 記事のat-uri (
at://{DID}/com.whtwnd.blog.entry/{rkey}
)
のいずれかをレコードに含める必要があります。
Blueskyポストの場合、本文、画像のalt文章、リンクカードなどいずれの部分で言及してもコメント欄に表示されます。
WhiteWindの記事の場合、本文にリンクを入れればコメントとして表示されます。
リンクカード画像として記事リンクを入れた場合でも言及として判定されますが、本来の使い方と異なるため、推奨されません。
💖 いいね・リポスト・コメント数
いいねとリポスト数はBlueskyからの言及についているいいね・リポスト数の合計となっています。
また、コメント数は全atprotoサービスからの直接的な言及の合計数です。
💬 WhiteWind上からのコメント投稿
記事下部に「POST COMMENT」と表記したボタンを配置しました。
このボタンをクリックするとBlueskyへのポストの形でブログへのコメントを投稿することができます。
前述した通り、コメントとして表示されるには、投稿本文に記事URLを含めるか、リンクカードを挿入するようにしてください。
🔄 その他
記事画面左側のBlueskyロゴボタンを押した場合、Bluesky上でポスト編集画面を開くよう変更しました。
Special thanks
コメントの表示において、bskyembedプロジェクトのコンポーネントを使用させていただきました。
このような素晴らしいコンポーネントを公開してくださったBluesky開発チームの皆様に感謝申し上げます!