Chrome 拡張機能

Penguin Language Plus が開発・公開している Chrome 拡張機能です。

🌐

Hover Translator

v12.7 • 無料

単語にカーソルを合わせるだけで即翻訳。YouTube字幕・Netflix・Amazon Prime対応。日中英韓西5言語の読み仮名・ピンイン表示。

▸ホバーで即座に翻訳（クリック不要）

▸YouTube / Netflix 字幕の言語自動判定

▸日本語ふりがな・中国語ピンイン表示

▸DeepL / Google / Microsoft 翻訳対応

▸ダークテーマ・カスタム色設定

JavaScriptChrome APIManifest V3DeepL API

📌

Sticky Timer

v1.6 • 無料

どのWebページにも貼り付けられる付箋メモ＋カウントダウンタイマー。URL単位でメモを保存。時間になるとアラート通知。

▸ページごとに付箋メモを保存

▸カウントダウンタイマー＋OS通知

▸ドラッグ移動・リサイズ対応

▸無音スキップ機能（YouTube対応）

▸YouTube Music プレイヤー内蔵

JavaScriptChrome APIManifest V3Web Alarms API

使用技術

JavaScript (ES2022)

フレームワーク不使用のバニラJS。async/await・fetch・DOM操作

Chrome Extension API

Manifest V3。storage・scripting・alarms・notifications・tabs

HTML / CSS

popup UI・ガイドページ。CSS変数でテーマ管理

DeepL / Google / Microsoft API

翻訳エンジン。ユーザーが自分のAPIキーを設定して使用

content.js
ページ内のホバー検出・UI表示

⟺ メッセージ

background.js
翻訳API呼び出し・設定管理

popup.html
設定UI（APIキー・言語選択）

⟺ storage

chrome.storage
設定・メモデータ保存

※ content.js はWebページに注入される。background.js はService Workerとして常駐。直接DOMにアクセスできるのはcontent.jsのみ。

両拡張機能はユーザーデータを外部サーバーに送信しません。すべての設定・メモはブラウザ内にローカル保存されます。翻訳テキストは設定した翻訳APIプロバイダーにのみ送信されます。