Overgrown ~植物があなたの放置されたタブに侵食するまで~

2026/10/23 0:52

Overgrown ~植物があなたの放置されたタブに侵食するまで~

RSS: https://news.ycombinator.com/rss

要約▶

Japanese Translation:

Jungle Tab プロジェクトは、無視されたブラウザタブを蔓の生い茂るジャングルに変えることで、デジタルな distraction を魅力的な視覚的メタファーへと変換します。その核心機構は、タブが不活性である間「怠慢時計」を走り、アクティブになると停止させる仕組みであり、この結果としてタブの縁から植物が生えてきて、ページが 5% の被覆で壁に囲まれるまで蔓が成長します。アクセスを回復するには、ユーザーが選択した仮想武器(マチェート、チェーンソー、または炎噴射器など)を使用して拡張機能と能動的に相互作用し、蔓を 5% に切り戻す必要があります。自動ブロック機能が検討されましたが、あまりにもフラストレーションを招くことが証明されたため削除されましたが、システムはタブを再び放棄するのを即座にジャングル成長プロセスの再セットにしてしまいます。プロジェクトのアーキテクチャは三つの部分に分けられています:背景ロジックはタイミングと忘れられたタブの閉鎖を担当し、コンテンツスクリプトは植物アニメーション、SVG 資産、配置、怠慢時計、音声エフェクトを管理し、ポップアップフォルダは時間設定、武器選択、タブリスト、現在の統計に関する UI 設定を管理します。22 つのタブが開かれた新しいコンピューターでの現在のテストでは、14 つがすでに完全に過剰に蔓に覆われており、デジタルノイズがいかに急速に蓄積するかを示しています。結局のところ、このゲーム化されたアプローチは個人が注意の習慣を管理するのに役立ちながら、効果的な distraction 制御に関する業界洞察を提供します。

本文

ブラウザのタブに植物を蔓延させる Chrome 拡張機能

「Overgrowth(過剰な繁茂)」というテーマから着想し、廃墟化した建物に植物が生い茂る光景をデジタル世界に応用するクリエイティブな練習を行いました。 具体的には、「長期間開けたまま放置されたブラウザのタブ」が、時間の経過とともに植物によって侵食されていくアイデアを具現化しました。

アイデアとコンセプト

  • 基本設定: 長期間利用されていないタブほど、ゆっくりと植物に覆われていきます。
  • 解放の方法: タブを再び利用するには、蔓で覆われた部分を手動で切り裂く必要があります。
    • マウスを藤蔓の上で動かすと切ることができます。
    • 壁のようになって扉が開かない状況に近い感覚です。
  • 成長サイクル:
    • タブが画面外に出ている間のみ動作し、ユーザーが見ている間は停止します。
    • 一度解放しても、再度放置するとジャングルが再び成長を始めます。

機能の詳細

植物の蔓延が進行する過程で発生する現象は以下の通りです。

  • 侵食の進行: タブが放置される時間が長くなるほど、端から中心に向かって植物が広がります。
  • ロック状態への変化:
    • タブの50% 以上(原文:奥にあるページは壁で囲い込まれると記載あり)が植物に覆われると、スクロールは可能ですがクリックや選択、ドラッグ操作は無効になります。
    • これを解除するには、マウスで蔓を切り裂く必要があります。
  • 解放後の状態: 植物の被覆率が**5%**以下になると、残りの部分も自然に落下し解放されます。

カスタマイズオプション

ユーザーが設定を変更できる機能は以下の通りです。

  • 武器選択: 藤蔓を切るための武器の種類を選べます。
    • 錆びついたマチェテ
    • チェーンソー
    • フラムスローア
  • 成長速度調整: タブが完全に植物に覆われるまでの期間(時間)を自由に変更可能です。

⚠️ 開発者の補足 当初は「植物を全て切り刻むまでタブを閉じることを禁止する」という厳格な制限を検討していましたが、使い勝手があまりにも不便すぎたため見直しました。

技術的な概要

拡張機能のコード構成は主に以下の 3 つのパートに分かれています。

  • バックグラウンドスクリプト:
    • ロジック全体を管理する背景ワーカーです。
    • background.js
      ファイルが各オープンタブに対してジャングルを開始し、タブ閉鎖時に処理を停止させます。
  • コンテンツスクリプト(オーバーレイ):
    • タブ上に植物とアニメーションを表示する層です。
    • SVG ファイル、クラスタ配置ロジック、無視タイマー(neglect clock)、効果音を格納しています。
  • ポップアップフォルダー(UI):
    • 時間設定、武器選択、タブ一覧、および各タブの現在の状態を表示するためのインターフェースです。

開発者の体験談

  • 久しぶりに構築作業を行うことで、小さな楽しい入門プロジェクトとして再発見できました。
  • 新しいパソコン環境で執筆しているため、現在は22 のタブを開いていますが、そのうち14 つは既に完全にジャングル化しています(😂)。
  • 実際に読むかどうかよりも、蔓を切り裂いて解放する行為自体が楽しめるようになり、大きな喜びを感じています。

同じ日のほかのニュース

一覧に戻る →

2026/10/26 3:23

ドルリー・パルトンの想像力図書館

## Japanese Translation: Imagination Library は、出生から 5 歳までの子供たちに無料で本を直接郵送することで、読書の生涯にわたる愛を育むことを目的としたグローバル・イニシアチブです。歌手のドリー・パートン氏および 5 カ国の地域パートナーによる資金提供により、このプログラムは家族所得にかかわらず、すべての子供が高品質で年齢に適した物語への瞬時のアクセスを確保しています。金銭的障壁を取り除くことで、本モデルは家族からの支払いを必要とせず、特別に選ばれた書籍を家庭に直接届けます。1995 年、ドリー・パートン氏が父の無学識という個人的な経験に基づいて東テネシー州で開始以来、この地元のプロジェクトはコアミッションを維持しながらグローバルに拡大しました。このアプローチは、毎月の子供たちに読書への興奮と魔法をもたらす本を提供することで、幼少期の子供たちとその家族の間で読書の愛を育み、将来の専門家の人材育成の道筋を作り出すことを目指しています。プログラムは今後も国際的に拡大を続けつつ、一貫した月額配送モデルと高い書籍選定基準を厳しく維持し、世界中の若者の心に対して最大限の肯定的な影響を及ぼすよう努めています。

2026/10/26 5:27

アニメーション映画をつくるには何が必要か?

## Japanese Translation: ディズニーのアニメーションにおける成功は、物語性、芸術性、技術性が全ての制作段階にわたって独特に統合されていることに起因します。このアプローチの核心には、クリエイティブアーティストと技術チーム間の深いコラボレーションがあり、**キャスティング**といった特別役割が支えています。キャスティングは完璧な俳優を見つけ、キャラクターに命を吹き込む役割を果たし、**制作トレーニングおよび開発**は講義、ワークショップ、上映会を通じてスタッフを教育する役割です。この構造化されたワークフローには、ショット毎のキャラクター演技や髪、衣装、環境などの微細な詳細に注力しながらシーンが作られる**ショット制作**が含まれ、それは変化する物語のアイデアを結び付けていく**編集および音響チーム**によって導かれます。ワルト・ディズニー・アニメーション・リサーチ・ライブラリと呼ばれる膨大なアーカイブには、アニメーションの歴史に及ぶほぼ1世紀分の6500万件以上のアセットが保存されており、制作終了後、社全体が歴史的な美術をアクセスし再利用できるようになっています。これは遺産を持続可能な優位性へと変えるものです。技術職は共感に基づいたアプローチで作業環境を設計し、安全性や品質を損なわずにより高速な反復を可能にする不可欠なソフトウェアツールを開発しています。また、技術ディレクターはツールの構築とサポートを通じて問題を解決します。アートとテクノロジーの間でのこのパートナーシップにより、創造プロセスを最適化する画期的なツールが生まれます。制作管理部門は常に変化するスケジュールに素早く対応し効率性を確保し、**ポストプロダクション**は映像と音の最終デリバリーを通じて映画を形作ります。ディズニーはアーティストが高品質なビジュアライゼーションを実現できるために、複雑な映画製作プロセスを最適化しつつ拡張可能なフレームワークを確立しており、その結果としてこの包括的なサイクルを経て現在劇場公開中の『ズートピア2』などの現在のブロックスターが生まれています。

2026/10/26 4:11

私がプログラマーである理由

## Japanese Translation: 本テキストは、1990年代の非プログラマーだったグラント・スミスが、伝説的なコーディングチュートリアルの著者へと転身した感動的な物語を振り返っています。コンピュータが希少であり、しかも荒れた地域の標的としてさらされていた時代を経てスミスは、3.5 インチフロッピーディスクを通じて海賊版ソフトウェアを収集し、モデムを用いてBulletin Board Systems (BBS) を介してデジタルアンダーグラウンドにアクセスしました。彼の旅路は、ゲームのコピー保護をクラックすることから始まり、クラックトロ(現代的なデモの視覚的前駆者)に出会い、受動的な消費から能動的な創作への転換をもたらされました。BBS の一つを通じて偶然に見つけたデンソアの「ASPHYXIA VGA DEMO TRAINER SERIES」(スプライト、アニメーション、ワイヤーフレーム 3D、ソリッド 3D を網羅したパスクールソースコードとチュートリアルのコレクション)を用い、Epsom LQ-300 プリンターと Turbo Pascal 6.0 を使用して指示を綿密に追いかけることに成功しました。当初はプログラミングの知識がまったくないにもかかわらず、彼らは複雑な視覚効果に精通し、他人にとってそれは「体外体験」と感じられるものでした。この物語は、アクセス可能な技術文書がどのように愛好家をニッチなコミュニティ(例:デモシーン)内の創造者へと変えることができるかを示しており、現在オンライン上で再び注目されている物語です。

Overgrown ~植物があなたの放置されたタブに侵食するまで~ | そっか~ニュース