loopshoot.comラボ

loopshoot.com開発の記録

翻訳API Microsoft Translator を使ってリアルタイム翻訳 | WebTitleQuiz

| 0 comments


英語学習サイトとして展開しているWebTitleQuizは、
上の画像のように、英単語をクリックすることで、単語の意味を調べることができます。

WebTitleQuizは「気軽さ」を追求したいので、このようなリアルタイム翻訳機能はなくてはならない機能の一つです。
少々わからない単語がある場合でも、この機能を使って、手軽に日本語回答に近づくことができます。

翻訳結果の情報は少ないので、英辞郎へのリンクを付けています。
英辞郎へ行けば、その単語の意味はじっくりと検討できると思います。

翻訳には、Microsoft Translator を使っています。

Google翻訳APIが終了されてしまうため、次に信用できそうなMicrosoftを選びました。
appIDの登録が必要なものの、実装自体はサンプルに従えばいいので、それほど難しいものではありません。
ただし、このサンプルがちょっと理解しがたい。
でもピュアjavascriptでクロスブラウザも考えられたコードとなっています。
コードはこちらから。

それではどうぞ リアルタイム翻訳を是非試してください →WebTitleQuiz


関連記事

  1. WebTitleQuiz | はじめてのiPhone対応