自分のサイトに自動翻訳ボタンを付けよう

http://blogs.msdn.com/angus_logan/archive/2007/09/16/would-you-like-multilingual-with-that.aspx

この記事を見て、まねてみた。
ページ内に↓みたいなのを貼り付けるだけ。

<script type="text/javascript">
function VWLTranslate(lng) {
    var url = window.top.location.href.slice(window.top.location.href.lastIndexOf("http"));
    window.top.location = "http://www.windowslivetranslator.com/BV.aspx?lp=" + lng + "&a=" + url;
}
</script>

<div>
<a href="javascript:VWLTranslate('ja_en');">
<img src="../common/img/en.png" width="16" height="12" alt="Transtation into English" />
</a>
</div>

注意: シフトJIS以外の文字コードを使ってる場合、meta タグで Content-Type 入れとかないと文字化けするっぽい。

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

ちなみに、利用翻訳サイトは Windows Live Translator。まあ、翻訳の品質に関してはあんまり期待できないしない方がいいかも。あくまでおまけ程度に。英語からの翻訳か、英語への翻訳しかできないし、非欧米言語への対応はいまいちなんじゃないかと。まだβ版だし、米企業のサイトなんで。

うちみたいなページ、英日翻訳が役立つことはあれど、日英翻訳ってあんまり役に立たなさそう。日中・日韓翻訳は結構需要あると思うんですけど。(実際、翻訳サイト経由のアクセス結構多い。)

でも、便利そうな点としては、原文と訳文を左右に並べて、スクロールも同時にされて、今どの段落を読んでるかもハイライトされるってインタフェースはよさげ。
あと、単語の上にカーソル持ってった時にポップアップで単語の訳が出たりするといっそういいんですけど、そういう機能はなさそう。