LoginSignup
18
7

More than 1 year has passed since last update.

oVice をちょっとだけ便利にする chrome 拡張を作った話

Last updated at Posted at 2022-09-19

oVice とは

ブラウザ上でリアルに近い感覚でコミュニケーションが取れるバーチャルオフィスツールです。
私が所属するユニークビジョン株式会社ではリモート勤務時に利用しています。

oVice あるある言いたい

リモートワーク中

??「白石さん!今ちょっとお時間よろしいでしょうか?」

白石「あ、oVice で誰か私に話しかけているな。でもタブを開きすぎて oVice をどのタブで開いているか分からない...」

??「白石さん!聞こえていますか? 今いないかな...」

白石「聞こえているんだけどタブが見つからない!あ、あった、これか!」

白石「タブを開いて、ミュートを解除して… はい!聞こえています!どうしましたか?」

「...」

白石「あ、もういなくなってる…」

oViSwitch で解決

こういうやり取りが 100 回はあったので、chrome 拡張を作ることで解決しました。
その名も、oViSwitch です。

できること

機能は超シンプルです。

アイコンクリックで oVice タブにジャンプ & ミュートの切り替え

qiitademo.gif

Alt + P でジャンプする直前のタブに戻る

qiitademo2.gif

例えば

こんな感じのときに便利です!

  • Qiita の記事を読んでいるときに呼びかけられたので Alt + O で oVice のタブにジャンプ
  • 更に Alt + O でマイクの ON / OFF 切り替え
  • Alt + P で元のタブに戻る

開発方法

私は Vue.js を使い慣れているので、Vue.js で Chrome 拡張を簡単に書ける vitesse-webext というフレームワークを使って開発しました。

詳しい使い方は、下記の記事で解説しています。

フレームワークを使わない、最小構成での chrome 拡張開発は下記の記事が参考になると思います。

ソースコード

ソースコードも公開しています。プルリクエストや、バグ報告、要望などお待ちしております!

最後に

フロントエンド周りのことをよく呟いています。よければフォローお願いします。

18
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
18
7