カテゴリー別アーカイブ マッシュアップ
foursquare API+Google Mapでマッシュアップ その1
ここしばらく、foursquare APIの勉強がてら、Google Maps APIと組み合わせごにょごにょやってました。やはり、foursquareは地図と組み合わせると楽しいですね。
とりあえず、今後もう少しデザイン的な部分を見直したり、機能を増やしていってちょっとしたサービスに出来たらなと思っています。
サイト名は仮ですが。
4sq map : http://labs.s-koichi.info/mashup/4sq/checkinmap.html
ツイート 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対応版を作ってみました。
このエントリーの続きを読む »
ツイート Twitterのリストに登録されている人一覧
Twitterのリストに登録されている人のプロフィール一覧をJQueryで組んでみました。
以下のリンク先のように表示されます。
サンプル:
http://labs.s-koichi.info/mashup/twitter/listmembers.html?jefunited/jefunited
?以降のリスト名を変えれば他のリストも表示出来ます。最初に表示するときに、Twitterのログイン名とパスワードを入力する必要があります。サービス化するんであれば、OAuth対応する必要があると思います。
このエントリーの続きを読む »
ツイート マッシュアップページを作ってみる その8
前に作った、xajaxバージョンのGoogle, Yahoo!, Live Searchをマッシュアップしたページを少しいじって、チューンナップしてみました。
JQueryを使ったバージョンより、かなり遅い感じがしたので、どこがネックになってるのかなと思ったんだが、せっかくAjaxを使ってるのに非同期処理になってなくて、逐次検索してるのと変わらない状態だったことに気付いた。 サーバー側のphpで、javascriptの実行をさせてるのだが、1回づつやってたんで遅かった。javascript内でループして連続して検索すれば非同期検索と同じになるってことに気付いた。
このエントリーの続きを読む »
ツイート Yahoo! Pipesを使ってみた
Yahoo! Pipesを使ってみました。
結構、あちこちで使われているようだし、おもしろそうだなぁと思ってたんだけど、US Yahoo!のIDも取得しなきゃならんしなぁと思ってて、触ってみてなかった。
なかなか、Helpみてもよくわからないんで、ブログとかで取り扱っているところを渡り歩いて、なんとか使いこなせて来た感じです。
手始めにMyRemixと同じく、ジェフのオフィシャルサイトの新着情報とか作ってみた。
ついでに、RSS取得用にJ'sゴールとかも作ってみた。
ツイート マッシュアップページを作ってみる その7
前回、書いたとおり、Google,Yahoo!,Live Searchでの同時検索を JQueryを使って作ってみた。
Google検索は、Google Ajax Search APIを使っている。 内容的には以下のページにあるように、JSONPのような感じで扱う事が出来る。
[ hail2u.net - Weblog - Google AJAX Search APIのJSONPを利用したサイト内検索 ]Google AJAX Search APIは、動的にGoogle検索結果を自分のページに挿入することができるAPI(あまり使っているサイトを見ないけど)。Ajaxっつっても内部はJSONP(みたいなもの)だったりするので、
Yahoo!のAPIも日本語版では解説されていないが、JSONPで返す事が出来るのが確認している。
Live Searchは、「Live Search Box」で提供されている内容をみてみると、Json形式を取得できるようだったので、これを使ってみる事にした。 ただし、これはマッシュアップサイトで使っていていいものなのかは怪しい。
このエントリーの続きを読む »
ツイート MyRemixを使ってみた
マッシュアップページを作ってみる その6
前回、の最後で以下のように書いてましたが、とりあえず作ってみました。
次回は、URLを入力して、それぞれの検索エンジンで何位になってるのかを表示させるところまでを実装しようと思っています。
とりあえずは、なんとなくそれらしきものが出来ましたが、ちょっとコードがショボ過ぎるんで、ソースは載せないでおきますが、一応、ソース一式は置いておきます。
ソース一式 [3search_xajax20080128.zip]
このエントリーの続きを読む »
ツイート マッシュアップページを作ってみる その5
前回やった、Google,Yahoo!,Live Searchの同時検索をAjaxを使って実装しなおしてみました。
今回は特にUIに凝る気もないので、PHPで簡単にAjaxを書ける、xajaxを使ってみました。
xajaxを使うにあたって、以下のサイトを参考にしています。
- PHP+xajaxでお気軽Ajaxアプリケーション作成(1) ~インストール/Hello World 【ver 0.5対応版】 : 地方で活動するweb制作者の日々を綴るblog
- 【ハウツー】PHPでAjax! JavaScript不要のxajax (1) PHP Ajaxクラスライブラリ - xajax | エンタープライズ | マイコミジャーナル
その他、ググるといろいろ出てきます。
このエントリーの続きを読む »
ツイート 
