My puppyのブログ

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

購入本『SQL Server 2016の教科書 開発編』

Book Azure

SQL Server 2016の教科書 開発編

SQL Server 2016の教科書 開発編

現在Azure SQL Databaseについて調べているので、参考になるかと思い購入しました。
いま少しずつ読んでいる最中です(^^)/

Azure SQL Databaseの公式サイトはこちらです。
azure.microsoft.com

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

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>