LoginSignup
58
32

More than 3 years have passed since last update.

Google翻訳でのページ翻訳時にコード部分は翻訳しない方法

Last updated at Posted at 2019-06-29

Chromeでコンテキストメニューを開き、「日本語に翻訳」するとページ全体を日本語に翻訳してくれますが、Githubなど一部のサイトではコード部分まで日本語に翻訳してまうので、読むのが辛いです。

image.png
GitHub - airbnb/javascript: JavaScript Style Guide #variables

コード部分は翻訳しないようにする

Google翻訳は<code>タグ内は翻訳しないので、コード部分の<pre>タグの中身を<code>タグで囲ってあげれば解決します。

"notranslate" のクラスをつけるだけでも翻訳しないようにできるようです。
こっちのほうが良さそうなので、この書き方に書き換えました。
@Goggle555 さん情報提供ありがとうございます。

ページアクセス時に<pre>タグにnotranslateクラスを追加するUserscriptを書きました。コードはこちら。
userscripts/script.user.js at master · nkmr-jp/userscripts · GitHub

使い方

  1. Chromeの拡張の Tempermonkey をインストール。(これはユーザー定義のスクリプト(Userscript)を任意のサイトで実行できる拡張機能です。)
  2. ソースを確認
  3. 「Raw」リンクをクリック。(通常は生のjsファイルが表示されますが、Tempermonkeyを入れている場合、インストール画面が表示されます) image.png

Tempermonkey をインストール済みの場合、.user.js のファイルを開くと自動でスクリプトインストールページを開いてくれるので便利です。
image.png

設定ページの「ユーザーによる include」にサイトを追加すれば、スクリプトを実行させるサイトを追加できます。
image.png
コード部分をpreタグで囲ってるサイトだったら大体ちゃんと動くと思うので、コード部分も日本語に翻訳してしまっているサイトがあれば試してみてください。

動作確認

GitHub - airbnb/javascript: JavaScript Style Guide #variables

スクリプト反映前
image.png

スクリプト反映後
image.png
コードは省いて翻訳するようになった。

58
32
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
58
32