アトム-サイト
[ アトム-サイト ] - 管理人さんのページです。
feed-icon RSS2.0   feed-icon Atom
[ javascript ] 一覧へ
連想検索
管理人さんのブログ 2008-10-10 09:54:13

『連想検索 3D』というサイトを作ってみた。
javascript 連想検索 (.jpg)
http://jp.link.hobby-site.com
↑ココで動いてます。

使い方は単純。
気になる画像にマウスを合わせて、次々と関連する画像を表示させていくだけです。
調べたいキーワードで検索も出来ます。
マウスホイールとドラッグで視点移動、クリックで詳細画面ですね。

原理は、Amazonの『この商品を買った人はこんな商品も買っています』の情報をSOAPで引っ張ってきて、ゴリゴリと表示。

結構マシンパワーを使いますので、なるべく最新のPCで見た方がいいです(以前作った画像検索サイトよりはマシですが…)。
皆さん、使ってみてくださいね~。
よろしくお願いします。

~~~~

それぞれのリンクに、バネ(ゴム)っぽい動きのプログラム追加。
心地よいプヨヨンという感触が出来ました。

~~~~

「日本」「アメリカ」「イギリス」「フランス」「ドイツ」「カナダ」の6カ国対応してみた。
これで、海外の人も使えるわけだけど、さて、どうやってこのサイトの存在を知らせればいいのやら…。
文章があるサイトではないので、検索エンジン頼みにはできないんだよなぁ(何処か海外の有名サイトが紹介してくれないだろうか…)。

~~~~

なんだか、あまり使われてないようですが…。

見た目を少しだけ修正しました。
これでもうやる事も無くなった感じ。

…という事で、このサイトは完成という事にしよう!


※ 『javascript』に繋がる関連物を 視覚的に探しだせるサイトを作ってみました(よろしければクリックしてみてくださいね)。



<2008-08-09 01:24:45>

まさ(☆彡)

はじめまして、mixiから飛んできました。
こんな感じの動きする図がほしいなと思ってたのですが。
これって、図&紐の部分(名前がわからないw)は、なにかライブラリを使われてるのですか?



<2008-08-10 00:43:37>

管理人

線の描画部分のcanvasだけはGoogleのを使ってますね~(線だけでなくポリゴンとか使えますが、今回は線だけです)。
他はオリジナルです。

javascriptで実現してるので、頑張ってプログラム読んでみてくださいね~。

 コメント記入者:

 ページ閲覧者数:11人

[ javascript ] 一覧へ


<< 2009年11月
2009年11月22日(日)
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

 最近の書き込み

パソコンショップ
  <2009-11-21 06:56:01>
ネットコマンド
  <2009-11-20 10:30:10>
Linuxコマンド
  <2009-11-18 11:44:56>
家のパソコン
  <2009-11-17 17:25:58>
ROUND 1 (豊橋)
  <2009-11-17 07:49:50>
nPOPs
  <2009-11-15 07:40:23>
打ちっぱなし
  <2009-11-13 15:21:35>
胃カメラ
  <2009-11-13 15:10:33>
T-01A
  <2009-11-13 10:02:41>
画面キャプチャ
  <2009-11-13 07:01:33>


 カテゴリー

おでかけ(67)
サッカー(41)
季節(32)
食べ物(30)
旅(28)
家(28)
映画(26)
地元(25)
DIY(24)
家族(21)
学校(20)
モバイル(20)
生物(20)
健康(19)
Web(17)
風景(17)
ドラマ(17)
通勤(16)
ブログ(14)
Winアプリ(14)
家電(13)
ゲーム(12)
足技(12)
ブラウザ(11)
本(11)
ゴルフ(10)
自転車(10)
Linux(10)
php(9)
javascript(9)
 ・ 連想検索
 ・ GoogleMaps風
 ・ GETリクエストを得る
 ・ Ajax多重通信
 ・ 画像検索
 ・ 3D空間
 ・ formでのENTERキーと多重送信
 ・ Ajax suggest
 ・ textarea カーソル位置文字列挿入
PCハード(9)
ネットワーク(8)
飲み物(8)
会社(8)
感銘映像(6)
税金(5)
空想(5)
VMware(4)
Ruby(4)
データベース(3)
perl(1)