『Osyaburi』というconnpass用のchrome拡張機能をリリースした
使い方
拡張機能をインストール後、アイコンをクリックして表示されるテキストエリアに、存在をお知らせしてほしいconnpassユーザーのIDを改行して入力します。
connpassユーザーIDはプロフィールページに(xxx)と表示されているものです。
入力後、保存ボタンを押せば準備OKです。
あとはconnpassのイベントページから、参加者一覧ページに移動した時に保存したユーザーがいた場合はこんな風にAlertでお知らせしてくれるようになります。
拡張機能のインストール
chrome ウェブストアは公開審査中です。
「公開される前から使いたい！」って人はGitHubからソースをcloneしてchrome://extensions/から「パッケージ化されていない拡張機能を読み込む」を選んでcloneしたリポジトリのsrcフォルダを読み込ませて使ってみてください。
想定場面
使い方の想定としては、「知り合いや有名なあの人がこのイベントにいるか知りたい！」という場合に参加者ページを見ると勝手に教えてくれるとかを想定しています。
他にも使い道はあるかと思うので、是非活用してみてください！
リポジトリ
名前の由来
『家庭教師ヒットマンREBORN!』という漫画に登場するアイテムです。
アルコバレーノという7人の赤ん坊が登場するのですが、彼ら同士が近づくと持っているおしゃぶりが光ります。
アイコン素材
こちらのサイトの無料イラストを利用させていただきました！
参考にさせていただいたサイト
今回、全くの初めてchrome拡張機能を作りました。それにあたってこちらの記事を参考にさせていただきました。
上記の記事を見て、ひとまず各々がgit cloneして使えるような状態にしてリリースしたのですが…
その後布団に入ってからもずっと、「やっぱ不便だよな…楽に自由に設定したいな…」という思いを抑えきれず、すぐに改善に取り組むことにしました。
その際はこちらの記事を参考にさせていただきました。
あとは、「connpassユーザーIDの保存先をどうするのがいいか？」についてはchatGPT先生に教えていただきました。
おわりに
リポジトリを見ていただくとわかるのですが、コード自体は本当に少ないです。そもそもやりたいことが簡単というのもありますが…
ただchrome拡張機能入門としては、モーダル作ったりパッケージ化して公開したりと、いいチュートリアルをやった感があります。
また何か便利そうなものを思いついた時のアジリティが高まったと思うので、やってよかったです。
Discussion