🦋

𝕏のいいね欄が見えなくなったので、VSCodeからBlueskyにポストできる拡張機能を作った

2024/06/24に公開

Twitter

こんにちは。

最近𝕏（旧Twitter）でのポストのいいねが見られなくするという改悪（賛否両論がありますが）がありましたね。そこで、VS CodeからBlueskyに投稿できる拡張機能を作ったので紹介します。

Blueskyでもいいね欄が見られなくなっていると誤解されている方もいらっしゃると思いますが、公式クライアント以外では見られます。APIも存在します。

スクリーンショット

Bluesky用のVS Codeクライアントです。投稿、タイムライン、通知、いいね、アカウント情報などの機能があります。マルチカラムやステータスバーもサポートしています。オープンソースとして公開していますので、ぜひ新しい機能の追加や改善の提案をお願いします。
GitHubのスターもお願いします🙏

https://github.com/zuk246/BlueRiver

🧭 経緯

BlueskyのAPIが公開されており、Bluesky用のクライアント作れると思ったのがきっかけです。スマホやWebのクライアントも良さそうだと思いましたが、もうすでに存在していました。ですが、VS Codeクライアントを開発すればVS Codeで開発中でも気軽にBlueskyへポストやタイムラインが見られると思いました。また、VS Codeの拡張機能開発の日本語記事もそこそこ充実していました。

🛠️ 使った技術

言語

TypeScriptを使っています。JavaScriptからTypeScriptを触るとVS Codeからの提案が増え、エラーも少なくなったのでもうJSを使えなくなりました。WebViewのスクリプトのみJSのみの対応ですが（最初TSでやってたので、エラーで数時間消えました）。

ライブラリなど

ライブラリは、VS Code拡張機能用のライブラリとBlueskyの操作をするライブラリを使っています。本当は、Reactとかを使ってWebViewを開発したかったのですが、使うと複雑になってしまうので使いませんでした。

🖥️ スクリーンショット

通知とタイムライン

タイムライン

🦋 そもそも Bluesky とは？

Blueskyは、元々Twitter内での2019年からあるプロジェクトであり、2021年8月に独立し、法人化しました。グラバーがCEO、ドーシーが取締役に就任しました。

Blueskyは、𝕏の中央集権型とは違い、分散型のSNSです。ユーザーが情報の投稿・収集・共有などができます。また、それぞれ独自のサーバーを持ち、それら複数のサーバーが協調しあって1つのSNSを構成するサービスとなっています。

分散型SNSと聞くとMastodonやNoStrと思い浮かぶかもしれませんが、AT Protocol (Authenticated Transport Protocol)と呼ばれるプロトコルを使用しており、「いいね」や「共有」などと言った個人データはリポジトリ内に保存される仕組みとなっているようです。

こちらの記事で詳しく解説されてあります。

Blueskyの機能の詳しい説明は、こちらの記事で解説されています。