カテゴリー別アーカイブ マッシュアップ

foursquare API+Google Mapでマッシュアップ その1

ここしばらく、foursquare APIの勉強がてら、Google Maps APIと組み合わせごにょごにょやってました。やはり、foursquareは地図と組み合わせると楽しいですね。

とりあえず、今後もう少しデザイン的な部分を見直したり、機能を増やしていってちょっとしたサービスに出来たらなと思っています。

サイト名は仮ですが。
4sq map : http://labs.s-koichi.info/mashup/4sq/checkinmap.html

このエントリーの続きを読む » ツイートツイート

,

9 コメント

Twitterのリストユーザー一覧のOAuth対応

Twitterのリストに登録されている人一覧」をOAuthに対応してみました。

前回のiTunes2Twitterの時と同じく、phpでproxyしてOAuthに対応する方法にしました。初めてのアクセス時に、Twitterの認証確認のウインドウが表示されて、承認すると一覧が表示されるようになります。
これによりJavascript経由でOAuthを利用してTwitterのAPIへのアクセスを擬似的に可能にしています。

このエントリーの続きを読む » ツイートツイート

, ,

コメントはありません

iTunes2TwitterでOAuth対応

iTunesで聴いてる曲をTwitterにポストする」にある、iTunesで聴いている曲をTwitterにポストするiTunes2Twitterというのがあるんですが、その後手直しをしてないっぽくてOAuthされてません。

そこで、javascriptで、OAuth対応しようと気軽に考えてたんですが、どうしてみクロスサイトスクリプトの問題やらなにやらで、JavaScriptだけでOAuth認証に対応させるのは断念しました。

Twitterに対するOAuth認証まわりの実装は、PHPでおかなうようにしてなんとかならんかなとゴニョゴニョいじってたら出来ました。なんというか、OAuth経由でのアクセスするProxyのようなものを作ったイメージになります。

ということで、iTunesとTwitterを連携するiTunes2TwitterのOAuth対応版を作ってみました。

このエントリーの続きを読む » ツイートツイート

, ,

1 コメント

Twitterのリストに登録されている人一覧

Twitterのリストに登録されている人のプロフィール一覧をJQueryで組んでみました。
以下のリンク先のように表示されます。

サンプル:
http://labs.s-koichi.info/mashup/twitter/listmembers.html?jefunited/jefunited

?以降のリスト名を変えれば他のリストも表示出来ます。最初に表示するときに、Twitterのログイン名とパスワードを入力する必要があります。サービス化するんであれば、OAuth対応する必要があると思います。

このエントリーの続きを読む » ツイートツイート

, ,

1 コメント

マッシュアップページを作ってみる その8

に作った、xajaxバージョンのGoogle, Yahoo!, Live Searchをマッシュアップしたページを少しいじって、チューンナップしてみました。

JQueryを使ったバージョンより、かなり遅い感じがしたので、どこがネックになってるのかなと思ったんだが、せっかくAjaxを使ってるのに非同期処理になってなくて、逐次検索してるのと変わらない状態だったことに気付いた。 サーバー側のphpで、javascriptの実行をさせてるのだが、1回づつやってたんで遅かった。javascript内でループして連続して検索すれば非同期検索と同じになるってことに気付いた。

このエントリーの続きを読む » ツイートツイート

,

2 コメント

Yahoo! Pipesを使ってみた

Yahoo! Pipesを使ってみました。
結構、あちこちで使われているようだし、おもしろそうだなぁと思ってたんだけど、US Yahoo!のIDも取得しなきゃならんしなぁと思ってて、触ってみてなかった。

なかなか、Helpみてもよくわからないんで、ブログとかで取り扱っているところを渡り歩いて、なんとか使いこなせて来た感じです。
手始めにMyRemixと同じく、ジェフのオフィシャルサイトの新着情報とか作ってみた。
ついでに、RSS取得用にJ'sゴールとかも作ってみた。

このエントリーの続きを読む » ツイートツイート

,

コメントはありません

マッシュアップページを作ってみる その7

前回、書いたとおり、Google,Yahoo!,Live Searchでの同時検索を JQueryを使って作ってみた。

Google検索は、Google Ajax Search APIを使っている。 内容的には以下のページにあるように、JSONPのような感じで扱う事が出来る。

Google AJAX Search APIは、動的にGoogle検索結果を自分のページに挿入することができるAPI(あまり使っているサイトを見ないけど)。Ajaxっつっても内部はJSONP(みたいなもの)だったりするので、

[ hail2u.net - Weblog - Google AJAX Search APIのJSONPを利用したサイト内検索 ]

Yahoo!のAPIも日本語版では解説されていないが、JSONPで返す事が出来るのが確認している。

Live Searchは、「Live Search Box」で提供されている内容をみてみると、Json形式を取得できるようだったので、これを使ってみる事にした。 ただし、これはマッシュアップサイトで使っていていいものなのかは怪しい。

このエントリーの続きを読む » ツイートツイート

,

コメントはありません

MyRemixを使ってみた

日本発のマッシュアップツール、"MyRemix"を使ってみた。

とりあえず、何からはじめたらいいものかって事で、Pipeを使って、ジェフの新着情報を出力して見た。

なんかこれ、あまり大した事してないのに、エライ時間がかかる。HTMLの解析で時間がかかっているのかどうかわからないが・・。

公開はしてないが、mixiの日記一覧ってのも作ってみた。こちらも若干重い。

ツイートツイート

,

コメントはありません

マッシュアップページを作ってみる その6

前回、の最後で以下のように書いてましたが、とりあえず作ってみました。

次回は、URLを入力して、それぞれの検索エンジンで何位になってるのかを表示させるところまでを実装しようと思っています。

とりあえずは、なんとなくそれらしきものが出来ましたが、ちょっとコードがショボ過ぎるんで、ソースは載せないでおきますが、一応、ソース一式は置いておきます。

ソース一式 [3search_xajax20080128.zip]

このエントリーの続きを読む » ツイートツイート

,

コメントはありません

マッシュアップページを作ってみる その5

前回やった、Google,Yahoo!,Live Searchの同時検索をAjaxを使って実装しなおしてみました。
今回は特にUIに凝る気もないので、PHPで簡単にAjaxを書ける、xajaxを使ってみました。
xajaxを使うにあたって、以下のサイトを参考にしています。

その他、ググるといろいろ出てきます。

このエントリーの続きを読む » ツイートツイート

,

コメントはありません