Search Immersion — Google検索をスマートディスプレイ風にカスタム

Tool

概要

Search Immersionは、Google検索画面や新しいタブを“スマートディスプレイ風”に変えるChrome拡張です。すりガラス調のカードデザインで天気、ニュース、時計などを直感的に表示し、音楽再生時には背景がアルバムアートへ切り替わるプレーヤーモードに遷移します。Zenモードで余計な要素を隠し検索バーのみを残すことで作業に集中でき、ディスプレイの常時表示を想定した焼き付き防止の微細な動作も搭載。外観(背景明るさ、透明度、フォントなど)を細かくカスタマイズでき、スマートディスプレイ風のUIをブラウザ上で手軽に楽しめます。

GitHub

リポジトリの統計情報

  • スター数: 23
  • フォーク数: 0
  • ウォッチャー数: 23
  • コミット数: 8
  • ファイル数: 8
  • メインの言語: JavaScript

主な特徴

  • スマートディスプレイ風UI:すりガラスカードで天気・ニュース・時計を表示。
  • メディア連携:YouTube/Spotify再生時に背景がアルバムアートへ変化するプレーヤーモード。
  • Zenモード(集中モード):表示要素を隠して検索バーだけで作業に集中。
  • 常時表示向け機能:焼き付き防止のための微細な要素移動や自動切替。

技術的なポイント

Search Immersionはブラウザ拡張(Chrome拡張)の典型的な構成で、manifest.jsonを中心にbackground.jsとcontent.jsで動作を分担しています。content.jsはページのDOMに直接介入して、既存のGoogleトップページや新規タブのUIを書き換える役割を担い、CSSでガラスモーフィズム(すりガラス効果)やカードレイアウトを適用します。background.jsは拡張機能のバックグラウンドロジックを処理し、メディア再生の検知や設定の永続化、焼き付き防止用のタイマー管理などを行います。メディア連携の実装では、YouTubeやSpotifyの再生イベントまたは現在再生中のメタデータ(タイトル・アーティスト・アートワーク)を監視して、UIの切替や背景画像の差し替えをトリガーします。ユーザー設定は拡張のストレージAPI(chrome.storage)を用いて保存され、背景の明るさ、ガラスの透明度、時計フォントなどが反映されます。焼き付き防止は、定期的にUI内の微小位置を変える、または要素の色調をわずかにシフトすることで実現しており、常時表示向けディスプレイを想定した配慮が見られます。ベータ段階のため、ブラウザやGoogleのDOM構造の変化に対する堅牢性が課題で、セレクタの保守や例外処理、権限(manifestでのhost_permissionsやactiveTab)の最小化が今後の改善ポイントになります。

プロジェクトの構成

主要なファイルとディレクトリ:

  • LICENSE: file
  • README.md: file
  • background.js: file
  • content.js: file
  • manifest.json: file

…他 3 ファイル

使いどころ・活用例

  • デスクトップで常時表示するダッシュボードとして、部屋のインフォメーションパネル代わりに使う。
  • 作業中にリラックスしたUIで検索や情報確認を行いたい場合のブラウザ体験向上。
  • 音楽再生と連動したビジュアル表示(アルバムアート)で“ながら作業”の没入感を高める。

注意点と改善余地

現状はベータリリースなので、Google側のUI変更や各国のローカライズの差異で動作が変わる可能性があります。メディア検出はドメイン固有の実装に依存するため、将来的にはMedia Session APIの活用やより汎用的な検出ロジックの導入が望まれます。また、拡張の権限を絞る・動的に許可を求める設計にすることでセキュリティとユーザー信頼性を高められます。

まとめ

ブラウザ体験をスマートディスプレイ風に変えるユニークな拡張で、常時表示やメディア連携を重視した設計が魅力です(総評:実用性と雰囲気づくりが両立した面白いプロジェクト)。

リポジトリ情報:

READMEの抜粋:

Search Immersion

Google検索画面や新しいタブを、Google Nest Hub風のスマートディスプレイに変える拡張機能です。

現状、リリーステスト版(ベータ版)ですので、一部環境で挙動が異なる場合があります。ご了承ください。


特徴

  • スマートディスプレイUI: すりガラス風カード型デザインを採用。天気、ニュース、時計を美しく直感的に表示します。
  • ダイナミック・メディア連携: YouTubeやSpotifyで音楽を再生すると、自動で背景がアルバムアートに変化し、没入感のあるプレーヤーモードに切り替わります。
  • Zenモード (集中モード): ワンクリックで時計やカードを非表示にし、検索バーだけを浮かび上がらせて作業に集中できます。
  • 焼き付き防止機能: ディスプレイでの常時表示を想定し、画面要素を定期的に微細に動かす保護機能を搭載しています。
  • カスタマイズ性: 背景の明るさ、ガラスの透明度、時計のフォントなどを設定画面から細かく調整可能です。

インストール方法…