My puppyのブログ

学んだ事や作っているプログラムなどについて書いています。

ずるっこ！（英語翻訳サービス）

English-Video.net

＜追記2017年11月21日＞

この記事に書いた「ずるっこ！」のような機能をやっと実装することができました。

詳細は以下の記事をご参照くださいませ。

ken-tokyo.hatenablog.com



以前「ずるっこ！」という英語のページを単語ごとに和訳してくれるWebサービスがありました。

URLは「http://zurukko.jp/」なのですが、残念ながら現在は閉鎖されてしまったのか表示されません。

「ずるっこ！」で検索したら紹介記事が出てきました。 japan.cnet.com
この「ずるっこ！」のような英単語の翻訳を「English-Video.net」で行いたいんですね。

試したことは無いのですが、「Google Translate API」を使えば実現可能かもしれません。

「English-Video.net」は現在34か国語に対応していますが、「Google Translate API」のサイトでの紹介を読むと、数千もの言語ペアの間でダイナミックにテキストを翻訳できるそうなので、日本語以外でもスペイン語やフランス語への翻訳もできそうです。

jQueryを使ってマウスカーソル下の文字列（英単語）を取得する方法

Webサービス作成

今調べたことのメモです。

jQueryを使ってマウスカーソル下の文字列（英単語）を取得する方法を探していましたら、「Stack Overflow」で以下のページが見つかりました。

stackoverflow.com

以下のコードは上の「Stack Overflow」からのコピペを少し修正したものですが、この方法で実現可能そうです(^^♪

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>jQueryを使ってマウスカーソル下の文字列（英単語）を取得する方法</title>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script type="text/javascript">
        $(function() {
            // wrap words in spans
            $('p').each(function() {
                var $this = $(this);
                $this.html($this.text().replace(/\b(\w+)\b/g, "<span>$1</span>"));
            });

            // bind to each span
            $('p span').hover(
                function() { $('#word').text($(this).css('background-color','#ffff66').text()); },
                function() { $('#word').text(''); $(this).css('background-color',''); }
            );
        });
    </script>
</head>
<body>
    <p>Each word will be wrapped in a span.</p>
    <p>A second paragraph here.</p>
    Word: <span id="word"></span>
</body>
</html>

English-Video.netを34か国語対応にしました。

English-Video.net

＜追記：2017/01/17＞
現在は113言語対応となっております。
詳細は「http://ken-tokyo.hatenablog.com/entry/2017/01/17/120112」にございます。

www.english-video.net

昨日English-Video.netを34か国語対応へとアップグレードしました。

ちなみに以前は7か国語対応でした。

アップグレード後の対応言語は以下の通りとなります。

  1. Albanian
  2. Arabic
  3. Bulgarian
  4. Chinese, Simplified
  5. Chinese, Traditional
  6. Croatian
  7. Czech
  8. Danish
  9. Dutch
  10. English
  11. French
  12. German
  13. Greek
  14. Hebrew
  15. Hungarian
  16. Indonesian
  17. Italian
  18. Japanese
  19. Korean
  20. Lithuanian
  21. Persian
  22. Polish
  23. Portuguese
  24. Portuguese, Brazilian
  25. Romanian
  26. Russian
  27. Serbian
  28. Slovak
  29. Spanish
  30. Swedish
  31. Thai
  32. Turkish
  33. Ukrainian
  34. Vietnamese

パソコンのブラウザから「http://www.english-video.net/p/ja/1」を開いて、右上の「Language」ボタンを押すと言語の選択ダイアログが開きます。

ほかにもたくさんある不具合の修正とか検索機能の強化とかいろいろやりたいんですけど、今ちょっとバタバタしていてあまり時間がとれません(;´･ω･)