---
source_url: https://charliegerard.dev/blog/overgrown-extension/
source_title: "Overgrown, when plants invade your abandoned tabs | Charlie Gerard | Senior research engineer & Creative Technologist"
hero_image: https://res.cloudinary.com/devdevcharlie/image/upload/v1792518914/overgrown-thumbnail_q5tzrs.png
tags: chrome-extension,browser-tabs,creative-technology,web-development
generated_at: 2026-10-26T00:00:47.174Z
model: claude-haiku-5-5
---
# Chrome拡張「Overgrown」、放置したタブを植物で覆うツールを開発

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

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

## 植物が成長する仕組み

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

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

![Overgrownのデモ動作](https://charliegerard.dev/overgrown-extension-demo.gif)

## 切り払いの武器と設定

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

- 錆びたマチェーテ（rusty machete）
- チェーンソー（chainsaw）
- 火炎放射器（flamethrower）

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

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

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

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

## 筆者の見立て

- 著者は、この拡張機能によって自分がタブをより多く読むようになるとは限らないと予想している。
- 著者は、過剰に覆われたタブを植物を全て切り払うまで閉じられないようにすることは、煩わしすぎると論じている。
- 著者は、ツタを切り払う操作によってタブへの復帰がより楽しくなると論じている。
- 著者は、このプロジェクトはものづくりに戻るための小さく楽しい方法だったと感じられたと解釈している。

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

## 出典

- 媒体名：Charlie Gerard（個人ブログ）
- 元記事タイトル：Overgrown, when plants invade your abandoned tabs | Charlie Gerard | Senior research engineer & Creative Technologist
- URL：https://charliegerard.dev/blog/overgrown-extension/