グーグル翻訳とブラウザ

グーグル翻訳ボタン（言語選択フィールド）を貼り付ける

ショボいサイトながら流石そこはインターネット，色々な国の人からアクセスしてもらっている．ならばもうちょっと便利にと翻訳機能を組み込んでみることにした．そうした機能はいろいろなところから提供されているようだが，ここはまた身近な（気がする）Google社のGoogle翻訳としよう．やり方はグーグル翻訳：ウェブサイトに翻訳を追加ページの，「ステップ 4: 次のスニペットをコピーしてウェブページに貼り付けます」枠内のコードを自分のページに貼り付ければよい．

翻訳先言語は最大数十ヶ国語あるが，多いと選択フィールドの選択数が多くなり使い難くなる．で，比較的アクセスが多く，リンクを貼ってくれているサイトのある国，と云う観点から英語，韓国語，中国語(簡体)，中国語(繁体)の４つにしてみた．そして2011.05.02，このページ右上と同じように殆ど全部のページにこのスニペットを貼りつけ，Webサーバーにアップした．これまでも色々なGoogleがべたべた貼り付けてあったが，さらに増えた．Google症候群，Google依存症，Google中毒．．．．どれにも当てはまりそうだ．

で，翻訳の結果はどんなだろう？

英語：かなり頓珍漢なところがあるが，元の日本語が変である可能性も高く，天に唾するやも知れず．．．．．黙っていよう．
韓国語：ハングルを含め韓国語が何一つ解らないため何ら言及できず．文法が日本語と似ていると聞くので期待できるか？
中国語(簡体)：ニーハオ以外の中国語を知らないため判断できず．英語からの再翻訳らしいので英語以上の凄さがあるかも知れない．だが中華人民は5000年の昔から頭脳明晰，上手く解釈してくれるだろう．シンガポールなど華僑の人は中国語と英語の合わせ技もあり得るだろう．とりあえずGoogle→谷歌と翻訳されるところなど見ると面白い．
中国語(繁体)：文字が若干違うだけで簡体と同じか？中華人民同様，いや歴史ある漢字を守る台湾，香港の人たちの一枚上の読解力に期待できよう．

と，想像してみる．

翻訳結果画面の問題点

一通り動いたのでいいのだが，以下のような問題が残っている．

インラインフレームの内側（ホームページの更新履歴など）翻訳されない． ←← 少ないので放置する
JavaScriptで書かれたテキストなどが翻訳されない ←← 難しそうなので放置する．
翻訳したときウインドウの上から下がってくるグーグル翻訳のフレームで，元のページ上部が覆い隠されてしまう（IE9） ←← クロームなど他ブラウザでは元ページが下方にシフトし大丈夫だが．
ローカルで動かすとブラウザ（IE9）がフリーズする ←← クロームなどちゃんと動くものもあり．またWebサーバーでの動作は皆正常．

１と２はまあ画面が少ないし，４はHTMLで書くとき自分のみ若干都合悪いだけの話なので，まあいいだろう．でも３はちと問題だ．

グーグル翻訳関連画面で上から元の画面，IE9の翻訳画面，Googleクロームの翻訳画面

左はこのサイト中のバルカン紀行2011／ポストイナのページのスクリーンショットである．インターネットエクスプローラー９（以下IE9）の場合，下中央の絵のように，翻訳すると元のページ上部が隠されてしまう．

ちなみにクロームでは，一番下の絵のように，現れたGoogle翻訳フレーム幅相当分翻訳されたページが落下表示され，全部見えるようになり問題ない．

関係有るかどうか不明だが，現れるGoogle翻訳フレームの右端がクロームではウインドウ幅いっぱいに広がり，IE9では若干隙間ができる，ウィンドウを広げると隙間を一定に保ちながらフレームを広げる．

他の方のサイトを覗かせて貰ったところ，翻訳されたページはクロームの場合同様IE9でもちゃんと落下し，表示され，また右側の隙間もなかった．どういう風に書いているのだろう？

う～ん分からない！どなたか解決策，若しくはヒントがございましたらぜひお教えください．よろしくお願いします．

Google翻訳があるときの各種ブラウザでの挙動

IE9とクローム以外についてもGoogle翻訳でどうなるか見てみた．

Google翻訳があるときの各種ブラウザ比較

ブラウザ	Google翻訳	ページ切替時の継承	ローカル動作	ローカルで翻訳
IE9（64bit）（v9.0.8112.16421）	○^-（上部覆い）	×	×（フリーズ）	←×
IE8（32bit）（v8.0.7601.17514）	○^-（上部覆い）	×	×（ほぼフリーズ，言語選択不可）	←×
Google Chrome （v11.0.696.65）	○	×	○	○
Firefox （v4.0.1）	○	×	△（言語選択不可）	←×
Opera （v11.10）	○	×	△（反応時間過大，言語選択不可）	←×
Safari （v5.0.5）	○	○	○	○
Lunascape（v6） (Trident:IE設定)	○^-（上部覆い）	○（遅いが）	×（ほぼフリーズ，言語選択不可）	←×
Pale Moon （v3.6.15）英語版	○	×	△（言語選択不可）	←×

ローカル動作：Webサーバーにアップロードする前，自分のパソコン内HTMLファイルをブラウザで実行するとき．見ていただく方には関係しないが，アップ前にデバグするとき動かないと困る．
ページ切替時の継承：あるページで特定言語の翻訳セットを行い，他のページを開いたとき，そのページでも自動的にその言語の翻訳モードになる．
Google翻訳のスクリプトを外せば全てのブラウザでローカル動作を含めて問題なく動作する．
マックのブラウザだと思っていたSafariがちゃんと動き，しかもページ切替時の翻訳設定が継承されるのにちょっと驚いた．
英語版のPale Moonでは「select language」という風に自動的にブラウザ言語と同じ言語で表示される．

IEとLunascapeで上部覆いが防げていないが一応どのブラウザでも表示されるということで，とりあえずいいことにしておこう．もちろん改善はしたいのだが．（2011/5/8）