Translator - Chrome拡張による軽量かつ高速なローカル翻訳ツール

Web
Translator - Chrome拡張による軽量かつ高速なローカル翻訳ツール

Translator - Chrome拡張による軽量かつ高速なローカル翻訳ツール

Chrome 138以降で利用可能な新しいTranslator APIとLanguage Detector APIを活用した軽量な翻訳拡張機能「Translator」の紹介記事です。自動言語検出、オフライン翻訳対応、プライバシー保護を実現し、モデルの初回ダウンロード後は高速かつ安全に翻訳を行えます。Google翻訳のような自然なウェブページ翻訳も可能で、コピーや音声読み上げ機能も搭載。開発者モードでの導入方法も解説しています。

https://github.com/AnYi-0/Translator

概要

「Translator」は、Google Chrome 138以降で利用可能になった新しいローカルTranslator APIとLanguage Detector APIを活用した、軽量で高速な翻訳ブラウザ拡張機能です。ユーザーのプライバシーを重視し、翻訳処理をブラウザ内で完結させるため、外部サーバーにテキストを送信することなく自動言語検出と翻訳を実現します。初回利用時にモデルをダウンロードし、以降はオフラインで利用可能なため、通信環境に依存せず迅速な翻訳結果が得られます。ウェブページ全体の翻訳も可能で、Google翻訳のような自然な表示を再現。一度コピーや音声読み上げ機能も備え、ユーザー体験を向上させています。

GitHub

リポジトリの統計情報

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

主な特徴

  • ChromeのローカルAPIを活用したオフライン翻訳対応でプライバシー保護を実現
  • 自動言語検出機能により、翻訳元言語を意識せずに利用可能
  • ウェブページ全体の自動／手動翻訳をサポートし、Google翻訳に近い表示体験を提供
  • 翻訳結果のコピーや音声読み上げ機能による利便性向上

技術的なポイント

本プロジェクトの最大の特徴は、Chrome 138以降に搭載された「Translator API」と「Language Detector API」を活用し、ブラウザ内で完結する翻訳処理を実現している点にあります。従来の翻訳拡張は外部の翻訳サービスにAPIリクエストを送り、応答を受け取る方式が主流でしたが、本拡張はAPIが提供するローカルモデルを用いて翻訳を行うため、翻訳テキストの外部送信が不要です。これによりユーザーのプライバシー保護が強化されるだけでなく、通信環境に左右されない安定した動作が可能となりました。

初回実行時には翻訳用のモデルをダウンロードしますが、以降はローカル環境に保存されるためオフラインでも利用でき、レスポンスも高速です。Language Detector APIにより、ユーザーが翻訳するテキストの言語を自動検出できるため、翻訳元言語を意識する必要がありません。翻訳先言語はデフォルトで中国語に設定されていますが、ユーザーが任意に切り替え可能です。

また、ウェブページ全体の翻訳機能は、Google翻訳の「一比一還原」機能に近い自然な置換を実現しており、元のページの構造やデザインを損なわずに翻訳文を表示します。拡張機能のUIもシンプルかつ直感的で、一度のクリックで翻訳結果をコピーできるほか、音声読み上げ機能も備えています。これらはcontentScript.jsやbackground.jsで機能実装されており、MV3（Manifest V3）に対応した最新のChrome拡張仕様に準拠しています。

コードはJavaScriptで構成されており、10ファイル程度の軽量なプロジェクトです。READMEには開発者モードでの導入手順も丁寧に記載されているため、開発者や翻訳機能を試したいユーザーが手軽に導入できる点も魅力です。今後のChromeのAPI拡張に伴い、さらに多機能化や性能向上が期待される先進的な翻訳拡張の一つと言えるでしょう。

プロジェクトの構成

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

  • .DS_Store: macOSのシステムファイル
  • LICENSE.txt: ライセンス情報
  • README.md: プロジェクト説明とインストール手順
  • background.js: 拡張機能のバックグラウンド処理を担当
  • contentScript.js: ウェブページへの翻訳適用やUI操作を担当
  • icon.png: 拡張機能アイコン画像
  • manifest.json: Chrome拡張の設定ファイル（MV3形式）
  • popup.html: 拡張機能のポップアップUI（翻訳操作用）
  • popup.js: ポップアップの動作ロジック
  • styles.css: UI向けスタイルシート

まとめ

最新APIを活用した軽量かつ高速なローカル翻訳拡張。

リポジトリ情報：