🟦

BlueskyのプロフィールページへのQRコードを生成するツールを作った

2024/03/04に公開

その名も Bluesquare です。
Deno Deployで動いています。

リポジトリはこちら。

how to use

トップページでuser handleまたはdidを入力すると、そのプロフィールページへのQRコードを生成します。
QRコードのURLはdid準拠になっているので、コード生成後にuser handleを変更してもリンクが切れません。

また、https://bluesquare.deno.dev/did:plc:okalufxun5rpqzdrwf5bpu3dのようにurlパラメータを介して使うこともできます。
OGPがQRコードになります。

なお、いちいちblueskyのapiに問い合わせる都合上、生成に時間がかかるため、プラットフォームによってはOGPとしての取得はできないようです。
Zennでは取得できましたが、肝心のBlueskyのページ上では取得できませんでした…。無念。

以下のライブラリを利用して画像を生成しています。

画像ページのマークアップはこの記事で載せたmarkup-tagを使っています。
簡単な静的ページを書くには本当に便利…というか楽です。

生成された画像はトップページと別のページなのですが、htmzを使用して埋め込みを行っています。
htmzはこちらの記事でも言及しました。好きです。

こういうものが欲しかったので自作しました。