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

続・BlueskyとXにクロスポストするツールを作った 2026/06/19 Niigata 5min tech #25 girigiribauer

自己紹介 girigiribauer X から Bluesky に移行済みの民明日でちょうど（リアル）引越し1周年 2

続編です 2024/03/29 の #6 でブラウザの拡張機能を作った話をした（ライブラリ中心） https://speakerdeck.com/ girigiribauer/20240329- niigata-5min-tech
3

拡張機能 FlyFree X と Bluesky 同時にクロスポストできるかつ X API
は使わない X だけ、 Bluesky だけに投稿することも可能 4

アイデア一点突破 X の Web Intent の画面（ text とか url
とかをパラメーターで送れるURL）をハックする X だけ投稿: Bluesky に投げる処理をすっ飛ばすだけ Bluesky だけ投稿: 最終的に X 側のボタンを裏で押さずに、フォームをスキャンして Bluesky API を叩くこれで移行済みの人も使えるツールに（自分も常用） 5

そして平穏が訪れた FlyFree を使いつつも、 Bluesky にだけ投稿する日々... 6

急に投稿画面が使えなくなった！なぜ！？ 7

投稿画面が X に依存していた... Xの呪い仕様が変わってある日突然 FlyFree が使えなくなる懸念がある Web Intent の画面の
DOM は、かなりいじるのが辛い... MutationObserver とか駆使しててもう触りたくない... Plasmo のバージョンが古くて Firefox 対応もままならない 8

次世代版 FlyFree Glide 先週リリースできた Chrome: https://chromewebstore.google.com/detail/flyfree- glide/eoammejlidnlmacclckjoaakpconfpal Firefox: https://addons.mozilla.org/ja/firefox/addon/flyfree-glide/ 両方の審査を一撃でクリア
9

ざっくり技術的な構成 Plasmo の代わりに WXT というライブラリを利用、 Firefox にもやさしい React を捨てて
SolidJS を利用、すごくシンプルに実装できた CICD で Chrome/Firefox 両者のE2Eテストを整備してストアにも自動提出 10

コンセプト X 側の DOM いじりが出来ているのなら、投稿手前までセットしてもいいのでは？（自動投稿しなければ規約上セーフ） Bluesky にまず投稿して、
それと全く同じものを投稿手前まで作る実際に地獄で投稿しなくても検証可能！心の平穏が保たれる！（これが一番大きい） 15

両者の関心ごとの違い FlyFree は同時に投稿することが関心ごと投稿画面を共通化する代わりに、密結合が発生し、両者の共通部分しか提供できない FlyFree Glide
は投稿情報を気軽に持ち運びすることが関心ごと投稿画面を分離できて、独自機能も入れられるように投稿後のタイムラインからも Xに投稿内容を持ち運びできる 16

再び、平穏が訪れた FlyFree Glide を使い、 Bluesky にだけ投稿する日々が始まる... 17

まとめ関心ごとを見直した心の平穏が戻ってきた Xでは一切宣伝するつもりはないので Bluesky に興味がありそうな人がいたら教えてあげてね 18

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

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

girigiribauer

More Decks by girigiribauer

Other Decks in Programming

Featured

Transcript