以前の記事で紹介したような、atproto/BlueskyアプリでBlueskyのOAuth認証・認可を行う際の入り口となるUIボタンを好みの形式で作成するためのジェネレータアプリを紹介します。
画面イメージ
<img src="https://verpa.us-west.host.bsky.network/xrpc/com.atproto.sync.getBlob?did=did%3Aplc%3Alfjssqqi6somnb7vhup2jm5w&cid=bafkreie6hnggtg7okner7lzs4mjmp2yjav75p2tdsajiopzrlpasy5csm4" />
利用方法
以下のリンク先にアクセスしてください。
https://bills-appworks.github.io/bsky-oauth-btn/
カスタマイズできる内容
- テキスト
- 以下から選択
- "Sign in with Bluesky"
- "Login with Bluesky"
- "Bluesky でサインイン"
- "Bluesky でログイン"
- "Entrar com Bluesky"
- "Fazer login com Bluesky"
- カスタム入力（任意の指定文字列）
- 横位置補正（デフォルト位置からの差分）
- 縦位置補正（デフォルト位置からの差分）
- サイズ
- 色
- アイコン
- 横位置補正（デフォルト位置からの差分）
- 縦位置補正（デフォルト位置からの差分）
- サイズ
- 色
- ボタン
- 幅
- 高さ
- 角丸
- 色
- プレビュー
- 背景色指定（あり・なし）
- 色
同じパラメタ指定でも、Webブラウザ等の環境や本ジェネレータの修正等の要因により、プレビュー表示やダウンロード画像が異なる場合があります。ご了承ください。