占いガジェットってどんなの？

• Googleデスクトップガジェット SDK
• Google デスクトップ サイドバーガジェット入門
この2つがあればOKです。 さらに、他の人が作ったガジェットは、以下の手順で開くことできます。
1. 他の人が作ったガジェットを入手。占いガジェットはココにあります。
2. designer_ja.exeを起動
3. 「ファイル」→「開く」から、1.でゲットしたガジェットを指定。
自動的に解凍されて、xmlやjava script等々、ソース一式が見れます。

ファイル構成とメモ

ガジェットは、xmlとjava scriptで作ります。 ファイル構成とメモをまとめます。

gadget.gmanifest（designer上は「プロジェクト設定」）

ガジェットの名前、作成者、バージョン等を管理します。このファイルをWクリックでデスクトップに追加するとデバッグモードになります。

gadget.debug.trace("hoge");

のようなデバッグ文がデバッグコンソール上に出ます。ランタイムエラーのデバッグに便利です。

main.js

java scriptを書き込むファイル。がしがしコーディングしましょう。

main.xml

UIを定義します。designerでは、ドラッグ＆ドロップでbutton、image、contentArea要素等々を配置できます。

plugin_large.gif

ガジェットのアイコン（大）です。デスクトップで「折りたたむ」をしたときに表示されます。

plugin_small.gif

ガジェットのアイコン（小）です。

strings.xml

ガジェットタイトルやラベルのよう日本語を変数として外部定義します。日本語定義ファイルなのでjaフォルダに置きます。

ちなみに、gddDetailsViewFlagNoneのような変数は、

Googleデスクトップインストールディレクトリ\Google\Google Desktop Search\plugin_common.js

に定義されてるようです。

Tips

• 占いガジェットでは星座の選択という操作がありますが、ガジェットを最小化したり何かしらいじった時に、いち初期値に戻るのはめんどくさいです。 optionsオブジェクトを使うと、いい感じに保持してくれます。
• 星座をえらぶメニューUIは、

  Line:1.
  plugin.onAddCustomMenuItems = AddCustomMenuItems; // メニュー アイテムを追加するハンドラ
  
  Line:51.
  function AddCustomMenuItems(menu) {
    for (var i = 0; i < signNameArr.length; ++i) {
      if (i == id) {
        menu.AddItem(signNameArr[i], gddMenuItemFlagChecked, menuItemClicked);
      } else {
        menu.AddItem(signNameArr[i], 0, menuItemClicked);
      }
    }  
  }
  
  Line:62.
  function menuItemClicked(name) {
    for (var i = 0; i < signNameArr.length; i++) {
      if ( name == signNameArr[i] && options("id") != i){
        options("id") = i;
  gadget.debug.trace("id" + options("id")); 
      }
    }
    updateView();
  }
  

  のように作ってます。きっと使いまわしできると思います。Line:1でメニューに追加で表示しますーの宣言をして、Line:51で追加表示するメニュー名と選択された時に呼び出す関数を定義、Line:62で選択された時の挙動を書いてます。占いメニューでは、options要素に選択された星座コードをセットしてメイン関数を呼び出してます。メイン関数ではoptions要素から星座コードを抜き出してます。

さいごに。

今回はお試しで、すごくシンプルなものを作りました。 コードもベーシックな構成になってると思いますので、これからやってみようかなーという方、参考にしていただけるとうれしいでっす。 今回は触れていない、デスクトップガジェットに向くコンテンツや、ステキな表現、便利テクニックがあれば、またご紹介したいなーと思います。 ]]> tag:www.tatamilab.jp,2007:/rnd//1.422 2007-06-08T00:41:05Z 2007-06-08T13:45:31Z
みんなの地図２にも採用された、PlaceEngineですが、 PC版のPlaceEngineクライアントが バージョンアップがされました。 ポイントは3つ ・ Windows Vistaに対応 ・Macintoshに対応 ・ローカルDB機能...
フナミ タカオ http://mtl.recruit.co.jp/mt/mt-search.cgi?IncludeBlogs=19&search=%E3%83%95%E3%83%8A%E3%83%9F%E3%82%BF%E3%82%AB%E3%82%AA みんなの地図２にも採用された、PlaceEngineですが、 PC版のPlaceEngineクライアントが バージョンアップがされました。 ポイントは3つ ・ Windows Vistaに対応 ・Macintoshに対応 ・ローカルDB機能追加：インターネットに接続しない状態でも、ダウンロードしたデータベースにWifi情報を問い合わせて、位置を求めることができる機能。 バージョンアップの方法 新版クライアントダウンロードページ PlaceEngineClient アップデート ↑こちらのページから、ダウンロード インストールのページには、Mac版のことも、Vistaのことも書いてないのですが、左上のパージョンアップ履歴から、Mac版ダウンロードページへのリンクとかが見れます。 Mac版は、まだ、ローカルDBには対応していないとのこと。 http://133.138.1.157/pe/

新バージョン w070606 (windows版), m070606 (Windows Mobile版) , Macintosh版 (o070531) です。旧バージョンをお使いの方は、インストールページ より新バージョンのダウンロードをお願いします。(Macintosh版のダウンロードはこちらから) * Windows Vistaで利用可能になりました。 * ローカルDB機能：インターネットに接続しない状態でも、お使いの機器にダウンロードしたデータベースを参照して緯度経度を求めることができます。(ローカルDB機能の利用例として、 PlaceEngineとGoogleEarthを連携させるウィジェット が公開されています。 * Macintosh版の正式公開を開始します。(version o070531)。Windows版からGPS機能 / ローカルDB機能を除いたものになっています。ダウンロード * ※ ローカルDB機能導入の関係で、PlaceEngineクライアントの電測情報にESSIDを含めることになりました。詳しくは利用規約／プライバシーポリシーの参照をお願いします。

目玉はやっぱり、ローカルDB機能

これまでは、PCを持ち歩いていて、Wifi電波は見えるけど、ネットにはつながれない時に、 「PlaceEngineサーバーに接続できません」という、悲しいメッセージが出て（当然なんですが） なんとも歯がゆい思いでしたが、このローカルDB機能で、いつでも、測位可能になりそうです。 新バージョンを起動し、設定ダイアログを開くと、するとローカルDBというパネルが追加されていました。 ローカルDBで位置解決をして、その位置をGoogleEarthに閉める、サンプルアプリも公開されています。 PlaceEnginePortable です。Yahooガジェットで実現されていますが、PlaceEngineとGoogleEarthを連携させて、しかも、定期実行もできるので、カーナビのような使い方もできるかもしれません。 ん？、でも、GoogleEaｒｔｈ自体、ネットにつながらないと、使えないので、困ったなあ。 ローカルで動くMAPと連動しないと、こまりますねえ。 みんなの地図２のおまけのSuper Mapple Digitalとかとつながるとうれしいのですが。 追記 PlaceEngineクライアントアプリ自体は、ローカルDBに対応していないとのことです。 APIを使って呼び出すような設計になっているようです。 PlaceEnginePortableは、API経由なので、ローカルDBにアクセスできるとのこと。（ソニーCSLのオープンラボで開発責任者の暦本さんに教えていただきました） うーん、残念。 ですが、このAPIを来週には公開されるそうなので、JavaScript経由ならなんとか使えるかもしれません。リリースを楽しみにしていましょう。

ログ情報がもっと集まって、広いカバーを網羅してほしい

今回のバージョンアップによって、使えるシーンが増えて、そのことで、PlaceEngineユーザーが増える。 PlaceEngineユーザーが増えると、ログ情報ももっと、たくさん集まる。 ますますDBが充実する。精度があがる。 さらにユーザーが増える。 ...... という、循環の一歩になりそうです。

こんご

個人的に、Webサービスをつながった、クライアントアプリつくってみたいです。 来週かなあ.... ]]> tag:www.tatamilab.jp,2007:/rnd//1.420 2007-06-05T14:42:21Z 2007-06-15T05:49:16Z
フナミタカオです 先週Where2.0にあわせて、GoogleMapsのマップレットが発表されました。 これまでは、GoogleMapを自分のサイトに取り込むという方式でしたが、このマップレットは、GoogleMapに、自分の作ったコードを...
フナミ タカオ http://mtl.recruit.co.jp/mt/mt-search.cgi?IncludeBlogs=19&search=%E3%83%95%E3%83%8A%E3%83%9F%E3%82%BF%E3%82%AB%E3%82%AA ]]> http://maps.google.co.jp/?q=http%3A%2F%2Ftatamilab%2Ejp%2F%7Efunami%2Fgmap%2Fhotel%5Fsearch%2Ecgi%3Fjmap%3D1%26KML%3D1%26key%3Dguest%26pref%3D160000%26start%3D1%26count%3D100%26h%5Ftype%3D0）マップレットはこれをさらに薦めて、Javascriptで自由に作りこめるようにしています。 しかも、マップレット同士の会話もできるようです。 マップレット自体が、ブロックのようにつながって行くこともできそうです。

登録方法

マップレットはXMLにJavascriptga埋め込まれている構造です これを、GoogleMapに登録します。その際に、ログインとかも不要で、お手軽です 下記の方法で追加してみてください、 1. http://maps.google.co.jp/preview/を開く 2. 「マップレット」タブを選択 3. 「コンテンツを追加」をクリック 4. 「URLを指定して追加」をクリック 5. マップレットのURLを入力 すると登録されます。で、「< Google マップに戻る」をクリックして、 登録したマップレットのチェックボックスをオンにしてください。

Webサービス活用のマップレット続々登場

スマッチ、じゃらんのWebサービスをつかった、マップレットも早速登場しています。 開発者の皆様、どうもありがとうございます。 ・スマッチ　物件検索（http://convivial-web.com/） http://convivial-web.com/mapplets/smatch.xml ・日本の宿さがしマップレット（ダム日和） http://dambiyori.sakura.ne.jp/jalanmapplet/jalanmapplet.xml ・楽天トラベル ホテル検索 http://www.chrisryu.com/rakutentravelmapplet.xml ・PlaceEngine - Get Current Location（http://rkmt.net/wiki/index.php?title=Peapplet） http://rkmt.net/soft/pemapplet.xml PlaceEngineで、現在位置を取得すると、その近隣のグルメを表示するとかいいっすよね。 しかも、時間帯によって、昼ならランチ系、夜ならディナー系とかが出るとおもしろいなあ...（もし作られた方いらっしゃいましたら、ぜひお知らせください） 関連情報 ・[セッション速報] Google Mapplets - “Mashup of mashups” ・Google Maps API >Mapplets公式ページ　リファレンス＆チュートリアル 僕も早くサンプル作りたいのですが、ちょっと、手がつけられていません。 でも、たくさんのかたが、いい感じのスピード感で作られているので、みなさま、作られたら、どうぞおしえてくださーい。 連携パーツとか、いろいろ期待です。 ]]> tag:www.tatamilab.jp,2007:/rnd//1.415 2007-05-26T12:15:10Z 2007-05-26T13:57:02Z
大井宏友です。 Mash Up Award 2ndの表彰式で受賞者の皆さんとお話をさせていただく機会がありましたが、何名かの方から「携帯サイトを作っていて、じゃらんWEBサービスも使いたかったけど携帯URLがレスポンスになかったので使えなかったんですよ」と伺っていました。 表彰式からもう2ヶ月経過し...
大井 宏友 大井宏友です。

Mash Up Award 2ndの表彰式で受賞者の皆さんとお話をさせていただく機会がありましたが、何名かの方から「携帯サイトを作っていて、 じゃらんWEBサービスも使いたかったけど携帯URLがレスポンスになかったので使えなかったんですよ」と伺っていました。

表彰式からもう2ヶ月経過していることもあって時期的にちょっと微妙ではありますが、じゃらんWEBサービスを利用して携帯向けサイトを作る方法のひとつを紹介したいと思います。

]]> またまたMyLinkを利用します。

アフィリエイトのバリューコマースのMyLinkはたたみラボでもよく言及していますが、実はじゃらんはMyLinkの中でも唯一、モバイル向けMyLinkに対応しています。 じゃらんWEBサービスは確かに携帯サイトのURLを返してはくれないのですが、 バリューコマースのMyLinkと組み合わせることでじゃらんWEBサービスを使った携帯向けサイトを作ることができます。

手順。

モバイル向けMyLinkはPC用サイトとは別にサイト登録をする必要があります。サイト登録が完了すると、モバイル向けサイトとのパートナー申請ができるようになりますので、じゃらんとの申請を行ってください。
その後リンク一覧から「自由テキスト」のリンクを作成してください。
このあたりの手順はこちらを参照ください。

モバイル用MyLinkでの各ホテルの詳細ページへのURLは次のようになります。

<a href=http://i.vcads.com/servlet/referral?vs=*****&vp=*****&lpurl=http%3a%2f%2fwww%2ejalan%2enet%2fmw%2fmwp2000%2fmww2001%2edo%3fyno%3d(ホテルID)" target="_blank">○×ホテル</a><img
  src="http://i.vcads.com/servlet/gifbanner?vs=*****&vp=*****" height="1"
  width="1" Border="0">
  
※「*****」の部分は、作成した自由テキストのソースから抜き出す。

このなかの「（ホテルID）」の部分を、じゃらんWEBサービスの宿検索APIで取得できるHotelIDと置き換えるだけでOK。

GPS携帯の場合、緯度経度の計算が必要です。

上記のことさえ分かれば、一度携帯マッシュアップ（特にホットペッパーWEBサービス利用）の開発経験があればすんなりいくと思います。実際僕も「ケータイ飲食検索」のソースを改変して「ケータイ宿検索」を作ってみました。



「ケータイ宿検索」を作るときには、 リンクやレスポンスXML解析の変更はもちろんなのですが、緯度経度部分も変更が必要です。

じゃらんWEBサービスの宿検索APIアドバンスでは緯度経度を指定することができますが、その形式は「ミリ秒（整数）」、測地系は旧日本測地系です。一方、GPS携帯で取得できるのは「度・分・秒」「世界測地系」ですのでじゃらんWEBサービスに渡す前に計算が必要です。

世界測地系<=>旧日本測地系の計算式はいくつか種類がありまして、それぞれ複雑さと精度に違いがあるので用途に従ってどの式を使うのかを決める必要があります。今回は特に精度を求めなくてもいいので、じゃらんWEBサービスのチュートリアルにある式を利用しました。

「ケータイ飲食検索」 のソースを利用する場合は、44～58行目をこのような感じに変更します。

if(@$_GET["lat"] &&@$_GET["lon"]){
  //緯度経度検索。dms表記をdegreeに変換
  $lat = explode(".", $_GET["lat"]);
  $lat_degree = intval($lat[0]);
  $lat_minute = $lat[1];
  $lat_second = $lat[2] . "." . $lat[3];
  $Latitude = $lat_degree + $lat_minute / 60 +
  $lat_second / 3600;
  $lon = explode(".", $_GET["lon"]);
  $lon_degree = intval($lon[0]);
  $lon_minute = $lon[1];
  $lon_second = $lon[2] . "." . $lon[3];
  $Longitude = $lon_degree + $lon_minute / 60 +
  $lon_second / 3600;
  //日本測地系、ミリ秒に変換
  $latitude_j = round(($Latitude * 1.000106961 - $Longitude * 0.000017467 - 0.004602017) * 3600 * 1000);
  $longitude_j = round(($Longitude * 1.000083049 + $Latitude * 0.000046047 - 0.010041046) * 3600 * 1000);
  //検索範囲を5kmにし、宿検索APIのクエリーを生成
  $req .= "&range=5.0&y=" . $latitude_j . "&x=" . $longitude_j;//API
  $url .= "lat=" . urlencode($_GET["lat"]) . "&lon=" . urlencode($_GET["lon"]);//ページング用
}else if(@$_GET["Keyword"]){

将来じゃらんWEBサービスがモバイルに対応するかもしれませんが、とりいそぎじゃらんWEBサービスで携帯サイトを作りたい場合はよかったら参考にしてください。

]]> tag:www.tatamilab.jp,2007:/rnd//1.410 2007-05-14T02:33:07Z 2007-05-14T02:42:50Z
大井宏友です。 2007.4時点でリクルートは5つの媒体のWEBサービスをリリースしていますが、実はもう一つ、リクルートオフィシャルではないカタチでWebサービスを利用できる媒体があります。 アフィリエイトの「バリューコマース」がリリースしている「バリューコマースウェブサービス」に、リクルートのEC...
大井 宏友 大井宏友です。

2007.4時点でリクルートは5つのWEBサービスをリリースしていますが、 実はもう一つ、リクルートオフィシャルではないカタチでWebサービスを利用できる媒体があります。

アフィリエイトの「バリューコマース」 がリリースしている「バリューコマースウェブサービス」 に、リクルートのECサイト「赤すぐ内祝い」 が参画していますので、紹介します。

]]> バリューコマースWebサービスの各種資料

こちらにあります。 このリンク先から、APIリファレンス(MSWORDファイル)や参加しているECサイト一覧を入手できます。

Webサービスを使う手順

1. 使いたいサイトをメールで申請する。
2. 返信メールで承認されていたら、WEB画面でパートナーサイト登録する。
3. 登録完了したら、そのサイト名とWEBサービス認証キー希望の旨をまたメール申請する。
4. 認証キーがメールで届く。
5. APIリファレンスを参考に、認証キーを組み込んでサイトを開発する。

と、バリューコマースへのWEBサービス申請に手間と時間がかかります。 ただ、認証キーに関しては一度申請すれば後はサイト追加の際も改めて認証キーを取得する必要はありません。

使ってみた。

せっかくなので簡単なサンプルを作ってみました。WEBサービスのリクエストはPHPで、その他残りの処理はAJAXで行ってます。

• サンプル

「コーヒー」とかキーワードを入れると、商品がリスト表示されます。「赤すぐ内祝いのみ」にチェックを入れれば、「赤すぐ内祝い」が扱っている商品だけがリストアップされますが、 チェックを入れない場合は「赤すぐ内祝い」 「Yahoo!ショッピング」が扱う商品がリストアップされます。

ちなみにPHP4のソースは次のとおり。

 <?php
 //環境を整えるためのおまじない。
 ini_set('display_errors', FALSE);
 mb_language('ja');

 $req = "http://webservice.valuecommerce.ne.jp/productdb/search?token=(your API key)";
 if(@$_GET["keyword"]){
  $req .= "&keyword=" . urlencode($_GET["keyword"]);
 }else{
  return false;
 }
 //ソート
 if(@$_GET["sort"] == "price_hi"){
  $req .= "&sort_by=price"; 
 }else if(@$_GET["sort"] == "price_low"){
  $req .= "&sort_by=price&sort_order=asc";
 }
 //赤すぐ内祝いのみ
 if(@$_GET["sub_store"]){
  $req .= "&sub_store=pdb2325932";
 }
 //開始位置の指定
 if(@$_GET["page"]){
  $req .= "&page=" . $_GET["page"];
 }
 //レスポンスを取得
 $res = file_get_contents($req);

 header('Content-type: application/xml');
 echo $res;
 ?>

WEBサービスのリクエストを生成して実行し、戻ってきたXMLをそのままJavaScript側に返しています。

串刺し検索もできちゃう。

実際に使ってみると、WEBサービスは特定のサイトごとに用意されているわけではなく、 いろんなECサイトで共通の仕様になっています。またWEBサービスとしての立ち位置が「アフィリエイト」に向いている(当然ですが)ため、 以下の点が課題というか、気になりました。

• カテゴリが大きなカテゴリのため、「赤すぐ内祝い」 のようにすでにジャンルが絞られているサイトはそれ以上の絞込みができない。
• 「赤すぐ内祝い」 はお祝いを贈るときに使われるサイトだが、そのような軸でのキーワードではヒットしない。「コーヒー」「タオル」 のような品名では検索できるが、お祝いを探しているときにそのようなキーワードは普通入れない。

さらに、バリューコマースウェブサービスは、 複数のWEBサービス対応ECサイトと提携していると、デフォルトではその全サイトの串刺し検索になってしまいます。 つまり価格比較機能が標準ということ。

これはユーザーが買い物するときには自然に行う行為ではあるのですが、ECサイト側から見ると「価格比較は禁止」 という規約にしているまたはそう思っているわけで、結果としてWEBサービス対応サイトの数があまり増えなかったり、 デベロッパー側も総商品数が少ないのでAWSのほうが魅力的に見えるような気がします。

WEBサービス公開サイトが増えました。

とはいえ、1年前と比べるとかなりのサイトがWEBサービスを公開するようになってきました。 アフィリエイトプロバイダーが公開しているのも追加すると本当に多くのネタが転がっている時代になり、 あとはデベロッパーの腕とアイデアが試されますね…がんばりましょう。

]]> tag:www.tatamilab.jp,2007:/results//14.413 2007-04-26T12:15:28Z 2007-04-27T04:32:51Z
http://www.tatamilab.jp/~takuo_suzuki/hp/v1/
鈴木 拓生 ホットペッパーAPIをFlashで表示するレストランサーチのサンプル。 解説記事はこちら ソースのダウンロード]]> tag:www.tatamilab.jp,2007:/results//14.379 2007-02-21T15:00:00Z 2007-03-03T02:12:30Z
http://hotpepper.tatamilab.jp/ktai/
大井 宏友 シンプル飲食検索のコンセプト「シンプルで使いやすい検索ツール」をそのままに、携帯用としてさらにシンプルで分かりやすい操作を目指した、ホットペッパーWebサービスを利用したサイトです。

特徴

• 操作は一箇所だけ
• • 店名や場所、お店のジャンルや特徴などのキーワードを一つのフォームに入力するだけ。複数キーワードはスペース(全角でもOK)で区切ってください。
  • GPS機能により近くのお店を検索（Docomo、au）
• テンキーで操作可能
• • 各お店の詳細ページへは「１」～「５」キー、ページ遷移は「７」「９」キー、検索フォームに戻るときは｢０」キーが対応します。
• 「近くで開いている店」に特化した一覧表示
• • 携帯でお店を探す場面は、「近くで開いている店」を探すことが多いと思いますので、数あるAPIからの情報から「お店のジャンル」「営業時間・店休日」のみを表示し、一覧だけである程度絞り込むことができます。

紹介記事

• その1（初回リリース・Docomo対応）
• その2（au,SoftBank対応）

ソースコード

• ダウンロード
]]>
更新履歴
»2007/02/21 初回リリース（NTTドコモFOMA向け）
»2007/02/26 au(GPS対応も)、SoftBankにも対応
]]> tag:www.tatamilab.jp,2007:/results//14.365 2007-01-27T17:59:13Z 2007-02-08T07:36:12Z
/rnd/archives/000364.html
石橋 利真 http://iandeth.dyndns.org/mt/ian/



フォーム用 地域エリア／お店ジャンル／予算 プルダウン生成ライブラリ

2007.01.27にリリース。詳細はこちらの紹介ブログ記事を参照。

]]>
更新履歴
»2007/01/27 初回リリース
»2007/01/27 以降の更新履歴は紹介ブログ記事の更新履歴の章を参照
]]> tag:www.tatamilab.jp,2007:/results//14.363 2007-01-24T16:33:15Z 2007-01-24T16:46:36Z
http://hotpepper.tatamilab.jp/simple/
石橋 利真 http://iandeth.dyndns.org/mt/ian/

【紹介ブログ記事はこちら】

「シンプルで使いやすい検索ツール」 というコンセプトを元に、ホットペッパーWEBサービスを利用したサイト - シンプル飲食検索 - を本日リリースしました。

1. フリーワードで手軽に検索
2. 候補のお店を幾つか選ぶ
3. それらを一覧表で比較
4. 一緒に行く仲間に「この中でどれが良いかなぁ？」とメールで共有

そんな一連の流れをスムーズに行ってもらう事を趣旨としています。

詳しくは紹介ブログ記事、およびシンプル飲食検索サイト自体のリリースドキュメントを参照のこと。

]]>
更新履歴
»2007/01/24 初回リリース
»以降の履歴はシンプル飲食検索サイトの更新履歴ページを参照の事
]]> tag:www.tatamilab.jp,2006:/results//14.301 2006-11-17T17:24:53Z 2006-11-17T17:55:18Z
http://kirin.tatamilab.jp/
大井 宏友 kirin apiは、カンタンな画像処理のためのＷＥＢ APIです。 WEBアプリケーションからサービスのＵＲＬへRESTリクエストのパラメータを送信するだけで画像の加工／編集を利用できます。
更新履歴
» SEP 30,2006  プレアルファ版公開
» NOV 18,2006  サンプルアプリケーション公開
]]>