本エントリは「Bluesky Advent Calendar 2024 - Adventar」の10日目のエントリです。
Chromeブラウザでweb版TOKIMEKIを使ってる方、webページ見てるときにBlueskyのリンクを開くと「これ、TOKIMEKIで開けたらいいのに…」と思いつつアドレスバーのURLを手入力したことありませんか？
そんなときにピッタリなChrome拡張を作りました。
このChrome拡張は、(2024.12.07のver0.2.0時点で)3つの機能があります。
「こういう機能もあったらいいんじゃない？」みたいなネタがあったら教えてください。検討します。
機能1: 自動リンク変換
表示しているwebページ内にBlueskyへのリンク(https://bsky.app)があった場合に自動でTOKIMEKIのURL(https://tokimeki.blue)に変換します。本来bsky.appへのリンクだったものがTOKIMEKIへのリンクになります。
変換ルールは以下の通りで、ユーザープロフィールと個別の投稿ページ、ワードとハッシュタグ検索、共有webインテントのリンクが対象です。
https://bsky.app/profile/...->https://tokimeki.blue/profile/...https://bsky.app/search?...->https://tokimeki.blue/search?...https://bsky.app/hashtag/...->https://tokimeki.blue/search?q=%23...https://bsky.app/intent/compose?...->https://tokimeki.blue/shared?...
ただし仕様として、ページの読み込み時に<a>タグによるリンクを対象に変換を行うため、<a>以外やSNSの画面のような動的に生成されたページ内のリンクは対象外になります。
また、表示するすべてのサイトで処理するため、インストール時に「すべてのウェブサイトの全データの読み取りと変更」を行う警告が表示されます。
機能2: TOKIMEKIへの移動
すでにBluesky公式サイト(https://bsky.app)を表示している状態でChrome拡張のアイコンをクリックすると、TOKIMEKIのサイトへ移動します。
移動の対象は以下の通りで、Blueskyトップページ、ユーザープロフィールと個別の投稿ページ、ワードとハッシュタグ、通知画面が対象です。「bsky.appで開いてしまった投稿にTOKIMEKIで返信したい」みたいな場合に簡単にTOKIMEKIで投稿ページを開くことができます。
https://bsky.apphttps://bsky.app/profile/...https://bsky.app/search?...https://bsky.app/hashtag/...https://bsky.app/notifications
機能3: アドレスバーの検索でTOKIMEKI
これはおまけ機能。
少し前に「アドレスバーの検索からTOKIMEKIの検索ができるChromeの設定」について紹介したけど、このChrome拡張をインストールすると rt でこの検索機能が使えるようになります。
bsky.appじゃあブラウザ版TOKIMEKIの検索をChromeのアドレスバーから使う便利な設定をひとつ 1. Chromeの検索エンジン設定の「サイト内検索」で「追加」 2. 「名前」は適当、「ショートカット」は2文字程度の入力しやすい文字列(例として"ts")、URLは「https://tokimeki.blue/search?q=%s」で「保存」 3. これでChromeの検索バーで「ショートカットに入れた文字 + tab/space」を入力するとTOKIMEKIの検索モードになるので、そのまま検索ワードいれてEnterでTOKIMEKIの検索画面になるので超便利
— zaki (@jp-z.jp) 2024-10-17T08:48:32.120Z
私が過去に作った拡張を使ったことある人向けに言うと、usansibleのAnsibleドキュメント検索と同じ仕掛け。
ソースコード
GitHubでMITライセンスで公開しています。
余談 (ポエム)
元々BlueskyアドベントカレンダーにはブラウザJavaScriptで動作するBluesky送信ライブラリかそれを使ったSwarm Appチェックイン共有アプリの話にするつもりで、ライブラリの実装とか途中まで書いてたんだけど、12月2日の夜にこの拡張のネタを思いついて突貫でコーディングして3日にTOKIMEKIを開発してるほりべあさんに「こんな拡張を作ったんですが公開しても良いですか？」と相談したら快くOKしてくださったので、こういう内容の記事となりました。
bsky.appアプリ1個思いついた
— zaki (@jp-z.jp) 2024-12-02T12:38:19.817Z
bsky.app@holybea.blue TOKIMEKI関連で相談です。便利ツールの一つとして、Chromeで開いてるページ内のbskyへのリンクをTOKIMEKIに変換するChrome拡張を思いついたので作ってみたのですが、TOKIMEKIのアプリ名やリンクなど込みでwebストアに公開しても問題ないでしょうか？OKでしたらストアにはREADME相当の内容を記載予定です。 (OKでかつリジェクトされずアドカレに間に合えばこの件を記事にしようと思ってます) https://github.com/zaki-lknr/r2tokimeki/tree/devel
— zaki (@jp-z.jp) 2024-12-03T14:36:31.635Z
Chrome Webストアへの公開については、処理の特性上「全てのサイトで作用する」という強めの権限が必要なので審査や公開までの日数が不安でしたが、特に問題なく公開されたのでよかったです。
そういえば2019年に作ったusansibleのときもアドカレ期間中にChrome拡張を作ることを思いついて、この時はChrome拡張の作り方から調べるところから始めて拡張公開と記事作成に間に合わせるというだいぶ無謀なことをやってたの思い出して懐かしくなりました(笑)
さて明日11日は、偶然ですがTOKIMEKI開発者のほりべあさんの番です。どんな内容か楽しみです。
みんながもっとBlueskyでときめきますように🌈
気に入ったらぜひ★5をお願いします。
