個人開発してるタブ管理のChrome拡張TabTabTabが1,000ユーザー達成したのでこれまでを振り返る

2024-09-05

はじめに

TabTabTabというブラウザのタブ管理用のChrome拡張を個人開発している。昨日、ついにこの拡張のユーザー数が1,000人を突破した。

TabTabTab - All In One Tab Manager - Chrome Web Store

Supports your browsing by improving tab management.

chromewebstore.google.com

目標は1万ユーザーだが、1,000という数字はずっと追っていた数字でもあった。ちょうど良いタイミングなのでこれまでの開発を振り返っておく。

振り返り

初リリース(2020-03-17)

初めてのリリースは2020年3月17日、大学4年生で前年の夏からインターンしていた会社に入社する直前の時期でもあり、留年が決まっていた時期でもありコロナ禍に入る直前の時期でもある。なかなかカオスな時期にリリースしている。

作った動機としては、ブラウザのタブが多すぎるとタイトルが見えず分かりにくいので垂直方向にタブを一覧したい、というものだった。初期のUIはこれ。

覚えたてのJavaScriptで頑張ってDOMを組み立てた記憶がある。当時のリポジトリはこれ。

ChromeExtension/TabTabTab at master · okaryo/ChromeExtension

chrome extension. Contribute to okaryo/ChromeExtension development by creating an account on GitHub.

github.com

会社の人に紹介して数人くらいが使ってくださった。

v2リリース(2022-02-02)

当初リリースしたものを使い続けていたが、Chromeでタブをグループ化できるようになったので対応したくなった。ただ、命令的に書き連ねたJavaScriptのコードを改修するのは腰が重すぎたので、React/TypeScriptで作り直すことにした。作り直す方が腰が重くないのは想いの強さの違い。

v2としてリリースしたのが2022年2月2日。作り直したUIがこれ。

これに合わせてリポジトリも作り直した。

GitHub - okaryo/TabTabTab: All In One Chrome Tab Manager

All In One Chrome Tab Manager. Contribute to okaryo/TabTabTab development by creating an account on GitHub.

github.com

リプレース当時の開発ブログがこれ。

Chrome拡張TabTabTabをReact/TypeScriptでリニューアルしました

ブラウザのタブを開きすぎてしまい、どれがどれだか分からなくなってしまうことってありますよね？そんな悩みはTabTabTabで簡単に解決できます。

blog.okaryo.io

このときでユーザー数は16人くらい。

ドイツの人からのメール(2023-06-20)

v2をリリースしてからしばらく放置していたが、欲しい機能が出てきたので2023年5月の松本であったRubyKaigiのセッション間の休憩時間を利用して新しい機能を開発し始めた。そこからアイデアがたくさん出てきて追加の機能を何個かリリースしていた。この辺りからもっとたくさんの人に使ってもらいたいなと思い始めるようになった。

開発を続けていると、Chrome拡張のストアに掲載しているメールアドレスにドイツの人からメールが届いた。

Hi,

Thank you for your great Chrome-AddOn TabTabTab.

Is there a possibility to implement a Tab-Search function as well as changing the font size of TabTabTab?

Kind regards,
xxxxx

タブの検索やフォントサイズの変更といった機能追加の予定があるかという質問で、タブ検索機能は開発予定でGitHubのイシューに起票済みだったので回答と合わせてGitHubのことを紹介した。また、それと一緒にユーザーヒアリングをさせてもらった。

個人的にこのユーザーヒアリングは自分の中のターニングポイントで、ユーザーの解像度が一気に高まった。事実、このドイツのユーザーは自分以上にTabTabTabのユーザーで、どういう苦労があるのか、他の拡張と比べて自分の拡張にはどんな良さがあるのかを理解することができた。

その後、このユーザーとはメールで50通ほど機能についての相談や提案のやり取りをした。その後、メールというクローズドな場でやり取りをするよりはオープンな場でやり取りをした方が良いと思い、議論の場をGitHubDiscussionsに移行した。現時点でDiscussionsの機能は自分とそのユーザーにしか使われていないが、今後人が増えてくるといいなと思っている。

また、このドイツのユーザーには初めてのGitHubSponsorも提供いただいた。この辺りの話は以下にまとめてある。

タブ管理Chrome拡張TabTabTabのv2.15.3までの最近の活動まとめ

日中カーテンを閉めるとクーラーの効きが良いことに気づいた

blog.okaryo.io