続・BlueskyとXにクロスポストするツールを作った / 20260619-niigata-5min-tech

2026/06/19 Niigata5分Tech #25 で話した資料です

Transcript

1. 続・BlueskyとXにクロスポスト するツールを作った 2026/06/19 Niigata 5min tech #25 girigiribauer
2. 自己紹介 girigiribauer X から Bluesky に移行済みの民 明日でちょうど（リアル）引越し1周年 2
3. 続編です 2024/03/29 の #6 でブラウ ザの拡張機能を作った話を した（ライブラリ中心） https://speakerdeck.com/ girigiribauer/20240329- niigata-5min-tech 3
4. 拡張機能 FlyFree X と Bluesky 同時にクロス ポストできる かつ X API は使わない X だけ、 Bluesky だけに投 稿することも可能 4
5. アイデア一点突破 X の Web Intent の画面 （ text とか url とかをパラメーターで 送れるURL）をハックする X だけ投稿: Bluesky に投げる処理をすっ飛ばすだけ Bluesky だけ投稿: 最終的に X 側のボタンを裏で押さずに、フォーム をスキャンして Bluesky API を叩く これで移行済みの人も使えるツールに（自分も常用） 5
6. そして平穏が 訪れた FlyFree を使いつつも、 Bluesky にだけ投稿する 日々... 6
7. 急に投稿画面が使えなくなった！ なぜ！？ 7
8. 投稿画面が X に依存していた... Xの呪い 仕様が変わってある日突然 FlyFree が使えなくなる懸念がある Web Intent の画面の DOM は、かなりいじるのが辛い... MutationObserver とか駆使しててもう触りたくない... Plasmo のバージョンが古くて Firefox 対応もままならない 8
9. 次世代版 FlyFree Glide 先週リリースできた Chrome: https://chromewebstore.google.com/detail/flyfree- glide/eoammejlidnlmacclckjoaakpconfpal Firefox: https://addons.mozilla.org/ja/firefox/addon/flyfree-glide/ 両方の審査を一撃でクリア 9
10. ざっくり技術的な構成 Plasmo の代わりに WXT というライブラリを利用、 Firefox にもや さしい React を捨てて SolidJS を利用、すごくシンプルに実装できた CICD で Chrome/Firefox 両者のE2Eテストを整備して ストアにも自 動提出 10
15. コンセプト X 側の DOM いじりが出来ているのなら、 投稿手前までセットして もいいのでは？ （自動投稿しなければ規約上セーフ） Bluesky にまず投稿して、 それと全く同じものを投稿手前まで作る 実際に地獄で投稿しなくても検証可能！ 心の平穏が保たれる！ （これが一番大きい） 15
16. 両者の関心ごとの違い FlyFree は 同時に投稿することが関心ごと 投稿画面を共通化する代わりに、 密結合 が発生し、両者の共通 部分しか提供できない FlyFree Glide は 投稿情報を気軽に持ち運びすることが関心ごと 投稿画面を分離できて、独自機能も入れられるように 投稿後のタイムラインからも Xに投稿内容を持ち運びできる 16
17. 再び、平穏が 訪れた FlyFree Glide を使い、 Bluesky にだけ投稿する 日々が始まる... 17
18. まとめ 関心ごとを見直した 心の平穏が戻ってきた Xでは一切宣伝するつもり はないので Bluesky に興味 がありそうな人がいたら教 えてあげてね 18