Chrome内蔵のGoogle翻訳で原文と訳文を何度もカチカチ切り替えて見るのが面倒で作りました！
(chromewebstore.google.com)たまに品質は低いものの、ページ全体の翻訳が必要で内蔵のGoogle Translateを使うことがあります。
Chrome内蔵のページ全体翻訳だと、誤訳や直訳のせいで何を言っているのかわからず、もう一度原文を見直したくなることがあります。
何度も行ったり来たりして見比べるのが面倒になったので、Google翻訳をクリックすると、訳文の下に原文を影のように同時表示してくれるChrome拡張機能を作りました。
特徴
- Manifest V3ベースのChrome拡張。
- 従来の翻訳機のように原文/訳文をトグルする必要がなく、2行を同時に表示します。
- 別途翻訳を呼び出さず、Chrome内蔵の翻訳エンジンが生成したDOM結果を後処理する方式です。
- 公式ドキュメントを素早く確認したい開発者や、語学学習者におすすめです。
- デモ動画: https://www.youtube.com/watch?v=ta9WaXq1aoc
動作がおかしいページやレイアウトが崩れるページを見つけた場合は、GitHub Issuesまたはメール（ktkwhms3@gmail.com）でご報告いただけると本当に助かります。個人的には、Chromeがこういう機能を公式に出してくれたらいいのにと思っています。
拡張機能リンク: https://chromewebstore.google.com/detail/shadow-translator/njhfceigjibchcnokjaoapmobelimlnm?authuser=0&hl=ko
GitHub Issuesリンク: https://github.com/woohyun1031/Shadow-Translator/issues
14件のコメント
別の拡張機能で翻訳エンジンを動かすのではなく、Chromeのページ翻訳をそのまま使っても動作するのが不思議で、とても良いですね。
他のサイトはよく分かりませんが、とりあえずGitHubとRedditで動くだけでもすごく良いですね。ありがとうございます。
ただ、翻訳された日本語の下に出てくる英語の原文が少し文字が小さくて、色も見えづらい感じなので、設定できるオプションがあると本当に良いと思います…
貴重なご意見をありがとうございます！ 次回のアップデートでは、ポップアップで原文のフォントを詳細に調整できる方向で対応してみます！
残念ながら、NAVER Whaleでは正しく動作しないようです。おそらく内蔵翻訳機がGoogleではないのでしょう。
おっしゃる通り、Shadow Translator は Google Translate がページに挿入する <font> タグを検出して原文を復元する仕組みで動作します。
そのため、Chromium ベースでインストール自体は可能でも、Edge や Whale のように独自の内蔵翻訳エンジンを使うブラウザでは正常に動作しない可能性があります…（現在は Chrome + Google Translate 環境に合わせた状態です。参考までに、Brave の Lingvanex は DOM 処理方式が Google Translate と似ているため、正常動作を確認しました！）
今後、クロスブラウザ互換性の改善もあわせて検討していきます。良いフィードバックをありがとうございます！
素晴らしいです！ イマーシブ翻訳機を使っていましたが、無料制限のため → Shadow Translator+Mouse tooltip translator に乗り換えました。原文優先の設定に変更できると、さらに良いと思います。 :)
良いフィードバックありがとうございます！ できるだけ早く、原文（shadow）スタイルのユーザー設定を反映できるようにします！
私は原文と翻訳を交互に見るのが大変なので、いっそマウスツールチップ翻訳を使っていますが、使い勝手としてはこっちのほうが良い気がします (https://github.com/ttop32/MouseTooltipTranslator)
私も最初は別のツールチップ拡張機能を使っていたのですが、ページ内で全体の文脈をひと目で見たいと思い、直接作ることになりました！
おっしゃるとおり、使い勝手の面での違いはどうしても避けられない部分ですが、MouseTooltipTranslatorに比べて権限や容量の負担が少ないので、気軽に一度併用してみていただくのもよいかと思います！ ありがとうございます！
https://immersivetranslate.com/
これより優れている点はありますか？ 乗り換えます
二重翻訳を目的に作ったのですが、このような拡張アプリがすでにあるとは知りませんでした。
まず教えてくださってありがとうございます！確認してみると、そのアプリも同じ機能に対応しているだけでなく、さらに多くの機能を備えていて、翻訳もきれいにできていました。
そのアプリも素晴らしいアプリですが、私のアプリとの違いを挙げると次のとおりです。
超軽量 — 1MB未満（vs 37.3MB）
権限を最小化 — Immersive Translate は「閲覧履歴の確認」と「すべてのページのコンテンツのブロック」権限を要求しますが、Shadow Translator はサイトアクセス権限のみを使用します。
ネイティブUIの活用 — 別途UIを表示せず、Chrome の翻訳UI（アドレスバーのアイコン、右クリックメニュー）をそのまま活用できます。
機能の豊富さや翻訳品質の選択肢では、Immersive Translateのほうが一歩先を行っています。PDF翻訳、動画字幕、EPUB、さまざまな翻訳エンジンの選択などが必要であれば、そちらのほうがより良い選択肢かもしれません。
ただし、「Chrome内蔵翻訳に原文を1行だけ付け加える」という軽い使い方が目的であれば、権限・容量・設定の負担なく使えるという点で、Shadow Translatorも悪くない選択肢だと思います！
ありがとうございます。
ベンチマークして高度化していけると良さそうですね！
お知らせいただいたおかげで、私も Immersive Translate を使ってみました！
比較してみると、翻訳表示の遅延時間という面では Shadow Translator のほうが少し速いという利点がありました！ 一度あわせて使ってみて、ユーザーさんのお気に入りのほうを気楽にお使いください！
おっしゃっていただいた通り、ベンチマークしながら改善を進めていきます。ありがとうございます！