it.xnews.jp
生成: 2026-10-26 読了 約 2 分 model: claude-haiku-5-5 原文: https://charliegerard.dev/blog/overgrown-extension/ raw.md

Chrome拡張「Overgrown」、放置したタブを植物で覆うツールを開発

Chrome拡張機能「Overgrown」は、放置されたブラウザのタブを植物で覆う仕組みを持つ。タブが視界の外にある間は放置時間が進み、5%を超えると植物に覆われたページは操作できなくなる。ユーザーはツタを切り払うことでタブを再び使えるようになる。

Chrome拡張機能「Overgrown」は、放置されたブラウザのタブを植物で覆う仕組みを備えている。著者が開発したもので、タブを見ていない間の放置時間に応じて植物が成長する。

植物が成長する仕組み

各タブには放置時間を計測する「neglect clock」があり、タブが視界から外れている間だけ動く。ユーザーがタブを見ている間は停止する。放置時間が長いほど、植物はタブの端から中央へ向かって広がっていく。

タブの成長度が5%を超えると、ツタの下にあるページはスクロールできるものの、クリック、選択、ドラッグはできなくなる。ユーザーはマウスでツタをなぞって切り払うことで、タブを解放できる。残ったツタは、タブの成長度が5%まで下がると落ちる。タブが再び放置されると、ジャングルは再び成長を始める。

Overgrownのデモ動作

切り払いの武器と設定

ユーザーはツタを切り払う武器を次の中から選べる。

タブが完全に覆われるまでの時間も、ユーザーが変更できる。

実装構成と現在の利用状況

コードは3つの主要な部分に分かれている。バックグラウンドロジックを担う背景ワーカー、植物とアニメーションを表示するコンテンツスクリプト、拡張機能のUIを格納するpopupフォルダである。

著者は現在、新しいコンピュータ上で22のタブを開いている。そのうち14タブは完全に覆われている。

筆者の見立て

この記事は元記事の事実のみに基づいて自動生成されました。

出典

この記事をシェア