Blueskyの共有ボタンを実装する方法はあるのか

#Bluesky#GitHub#HowTo#Web開発#解説
投稿日: 更新日:

Webサイトやブログでは、SNSでコンテンツを簡単に共有できるボタンが設置されていることがあります。もちろん、このブログでも設置しています。

Twitter(X)やFacebookといったプラットフォームでは、このような共有ボタンが広く普及しています。この記事では、Twitterの代替として注目されているBlueskyの共有ボタンの現状と、今後の展望について深掘りします。

現時点での共有ボタンの実装状況

現在Blueskyには、Webサイトやブログから直接投稿を共有するための公式な共有ボタンが存在しません

しかし、GitHubではすでにPull Requestがマージされています。記事執筆時点ではまだ利用できないようですが、近いうちに利用できるようになると思われます。

Share Extension/Intents by haileyok · Pull Request #2587 · bluesky-social/social-app
fixes #66 fixes #1540 What I've tested iOS Share from Photos Share screenshot Share URL from Safari Share text from selection Share note (uses the note's text) Android Share from Photo...
Share Extension/Intents by haileyok · Pull Request #2587 · bluesky-social/social-app favicon github.com
Share Extension/Intents by haileyok · Pull Request #2587 · bluesky-social/social-app

また、BlueskyのAPIを利用するサードパーティーのクライアントでは、共有機能をすでに利用可能な場合があります。

使えるようになったらどうなるか

前述のPull Requestでは、Webアプリケーションでは次のようなURLフォーマットを使って投稿画面を開けるように開発が進められています。

Terminal window
https://bsky.app/intent/compose?text=

また、Blueskyのアプリでは次のようなintentを使用することになります。

Terminal window
bluesky://intent/compose?text=

どうすればよいか

サイトのコードを見直し、簡単に共有ボタンを追加できるよう準備しておくと、速やかに対応できます。

まとめ

現時点ではまだ待ち時間がありますが、今後のアップデートに備えましょう。

なお、Blueskyと同様にTwitterの代替のSNSとして注目されているMisskeyやThreadsの共有ボタンの実装方法は、こちらの記事で解説しています。

Threadsの共有ボタンを実装する方法 - Qiita
以下のような形式のURLにアクセスするとThreadsの共有画面が開きます。textパラメーターに共有したいテキストを設定してください。https://www.threads.net/intent…
Threadsの共有ボタンを実装する方法 - Qiita favicon qiita.com
Threadsの共有ボタンを実装する方法 - Qiita
2023年2月29日:最新の情報に合わせて記事を更新しました。
Twitterのアイコン LINEのアイコン Threadsのアイコン Misskeyのアイコン Misskeyのアイコン
著者のアイコン画像

生まれた時から、母国語よりも先にJavaScriptを使っていました。ネットの海のどこにもいなくてどこにでもいます。

Webフロントエンドプログラマーで、テクノロジーに関する話題を追いかけています。動画編集やプログラミングが趣味で、たまにデザインなどもやっています。