ベストアンサー

windowsサイドバーに表示させるガジェットを作りたいのですが

2009/11/25 23:54

テキストボックスに日本語を入力し、グーグル翻訳で変換したデータをそのまま取得し表示させるといったガジェットを作りたいのですが可能でしょうか？ JavaScriptを使えばOKでしょうか？

noname#165473

HTML
回答数1
ありがとう数0

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

yyr446
ベストアンサー率65% (870/1330)

2009/11/26 20:12 回答No.1

「windowsサイドバーに表示させるガジェットを作りたい」というと、Google デスクトップ用のガジェットのことでしょうか？とすると作り方は http://code.google.com/intl/ja/apis/desktop/docs/index.html でガイドされてますが、ほとんど英文ドキュメントだし難易度は高いです。普通のGoogleガジェットなら http://code.google.com/intl/ja/apis/gadgets/docs/dev_guide.html を見れば解ります。簡単な物は簡単に作れます。 Google翻訳(ajaxlanguage API)は http://code.google.com/intl/ja/apis/ajaxlanguage/documentation/ です。これはチョー簡単翻訳ボックスをガジェットにした例 <?xml version="1.0" encoding="UTF-8" ?> <Module> <ModulePrefs title="Transration Box" height="250" /> <Content type="html"> <![CDATA[ <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript" charset="utf-8"> google.load("language", "1"); google.setOnLoadCallback(transrate); function transrate(){ var text = document.getElementById("InputArea").value; google.language.detect(text, function(result) { if (!result.error && result.language) { google.language.translate(text, result.language, "en", function(result) { var translated = document.getElementById("translation"); if (result.translation) { translated.innerHTML = result.translation; } }); } }); } </script> <div> <textarea id="InputArea" style="{width:200px;height:100px;}"></textarea> </div> <input type="button" value ="翻訳(英語へ)" onclick="transrate();" /> <div id="translation" style="{width:200px;height:100px;border:1px solid black;}"></div> ]]> </Content> </Module> ============================================== 翻訳ボックスをhtmlで記述の例 <html xmlns="http://www.w3.org/1999/xhtml" lang="ja-JP"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>TranslationBox</title> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">  </script> </head> <body> <div> <textarea id="InputArea" style="{width:200px;height:100px;}"></textarea> </div> <input type="button" value ="翻訳(英語へ)" onclick="transrate();" /> <div id="translation" style="{width:200px;height:100px;border:1px solid black;}"></div> </body> </html>