okaryo.log

タブ管理Chrome拡張TabTabTabのv2.6.0までの最近のアップデートまとめ | okaryo.log

タブ管理Chrome拡張TabTabTabのv2.6.0までの最近のアップデートまとめ

    #TabTabTab#Chrome拡張#個人開発

はじめに

タブ管理用のChrome拡張TabTabTabに最近ちょこちょこ機能追加している。

いくつか機能をリリースしたのでまとめておくとともに、今後のロードマップも整理しておく。

リリースした機能

自動タブ整理

設定した期間非アクティブだったタブを自動で閉じる機能。設定ページからON/OFFと期間を設定できる。

AutoClean

タブに対するアクション&スクリーンショット

ポップアップ内に表示されているタブを右クリックすると、タブに対する基本的なアクションを実行できるようにした。

また、そのタブが現在開いているタブであれば表示範囲をスクリーンショットできるようにもした。ゆくゆくは表示範囲だけでなくページ全体のスクリーンショットもできるようにしたい。

TabAction

ポップアップのサイズ可変

設定ページでポップアップのサイズを変更できるようにした。

ちなみにChrome拡張のポップアップのサイズは最小で25x25、最大で800x600となっている。TabTabTabではサイズが小さすぎるとデザインが崩れるので縦横それぞれ最小サイズを200pxと400pxに設定している。

PopupSize

ダークモード対応

GitHubが良い例だが、サイトによってはシステムがダークモードの場合faviconもダークモード用のものを表示するものがある。その際、背景が白だとfaviconが見えにくくなってしまい気になっていた。

そんなことからダークモード対応をすることにした。TabTabTabではMaterialUIを利用しているのでダークモード対応は簡単に実現できた。

DarkMode

アイコンデザイン変更

TabTabTabを最初にストアに公開したのは2020年の3月で、アイコンは当時適当に作ったものをずっと使っていた。最近拡張の改善を再開していたところ、どうにもダサいのが気になって変えることにした。

新しいアイコンは前のものよりは少しはマシになったと思うが、ブラウザの拡張が並ぶツールバーにおける視認性が少し悪くてちょっと後悔している。

IconDesign

以上が最近のアップデートにおける主な変更になる。

今後のロードマップ

今後の機能開発案としては今のところ以下がある。アイデア段階のものも入っている。

  • 多言語対応(現在対応中)
    • ストアのダッシュボードで見れる統計情報から判断して最初は英語・日本語・中国語・韓国語を対応予定
    • エンジニアであれば英語は気にならないが一般の人からすると英語の拡張は抵抗感があると考えており、それをなくすことでもっと多くの人に使ってもらえるような拡張にしたい
  • ストアに掲載するクリエイティブの改善
    • もっと機能が分かりやすくユーザーの興味を惹くような構成にする
  • ストアに掲載する動画の作成
  • ページ全体のスクリーンショット機能
  • タブ検索機能
  • ブックマーク時のタイトルとフォルダの詳細設定
  • タブの一時非表示
  • ドラッグ&ドロップによるタブ並び替え
  • 開いたタブの統計orタイムライン表示
    • あったら面白そう、くらいの温度感で本当にやるかは未定
  • 特定のURLのブロックリスト
    • 例えば集中したいときはYouTubeを開けないようにするとか(案は練り込み中)

おわり

今後もTabTabTabの開発は進めていく予定。目標はユーザー数1万人!興味のある方はぜひ使ってみてほしい。

ちなみにTabTabTabのコードはGitHubで公開している。バグ報告や機能改善要望などのイシュー作成はもちろん、機能開発自体もお気軽にどうぞ。


関連記事
最新記事
プロモーション

This site uses Google Analytics.