WhiteWind更新 20240426

@knksm5.final-techblog.com

🌟 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開発チームの皆様に感謝申し上げます!

knksm5.final-techblog.com
K-NKSM

@knksm5.final-techblog.com

Making a Markdown blog service using atproto which you can use with Bluesky account!
AT Protocolを使い、Blueskyアカウントがあれば使えるMarkdownブログサービス(AppView)を作っています!
WhiteWind https://whtwnd.com/

X / Twitter: @KNKSM5
Blog: https://blog.final-techblog.com/

Post reaction in Bluesky

*To be shown as a reaction, include article link in the post or add link card

Reactions from everyone (0)