Posts Tagged マッシュアップ
4sqmapスマートフォン版をリニューアル
前回、4sqmapをfoursquare API V2対応したときに、お知らせしたとおり、スマートフォン版をリニューアルしました。
元々、JQtouchを使って実装していたのですが、今回JQuery mobileにUI周りを変更しました。 このエントリーの続きを読む »
4sqmapをfoursquare API V2に対応
foursquare API V1が8月から使えなくなっていた事が判明した為、急遽4sqmapをV2対応する事にしました。
4sq map : http://labs.s-koichi.info/4sqmap/
このエントリーの続きを読む »4sqmapのスマートフォン対応
Android端末や、iPod touchを使うようになって、4sqmapの動作も確認出来たが、やっぱりそのままだと使いづらい。という事で、スマートフォン対応をする事にしました。
今回、スマートフォン対応をするに辺り、デザイン周りや、どのライブラリを使うかあれこれ検討した結果、とりあえずJQtouchを使う事にしました。
単純にデザイン的にそのまま使えそうってのもあり、テーマのカスタマイズもできそうだし、エフェクトの数も抱負などなどで決めました。
ちなみに、他にはiUiや、JQuery Mobile UIも試してみました。
このエントリーの続きを読む »foursquare API+Google Mapでマッシュアップ その4
Googleマップ上にfoursquareのチェックイン情報を表示するページを作ってみましたが、今回は機能追加したvenue追加機能用の情報を検索する部分を解説してみたいと思います。
4sq map : http://labs.s-koichi.info/4sqmap/
このエントリーの続きを読む »foursquare API+Google Mapでマッシュアップ その3
Googleマップ上にfoursquareのチェックイン情報を表示するページを作ってみましたが、あれを原型に機能追加をしてMASHUP AWARD 6応募してみました。
応募作品のページはこちらです。
なお、今回の応募に際して、今までのURLではなく、別なURLに変更しています。新しいURLはこちらです。
4sq map : http://labs.s-koichi.info/4sqmap/
このエントリーの続きを読む »foursquare API+Google Mapでマッシュアップ その2
前回、Googleマップ上にfoursquareのチェックイン情報を表示するページを作りましたが、今回はそこに少し機能を追加してみました。
URL自体は前回といっしょで、こちらです。実装自体は、かなり前にやっていたんですが、地図上に右クリックメニューから、べニュー(venue)情報を検索する機能を付けてみました。
4sq map : http://labs.s-koichi.info/mashup/4sq/checkinmap.html
4sq mapで、右クリックからべニュー検索
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対応版を作ってみました。
このエントリーの続きを読む »マッシュアップページを作ってみる その8
前に作った、xajaxバージョンのGoogle, Yahoo!, Live Searchをマッシュアップしたページを少しいじって、チューンナップしてみました。
JQueryを使ったバージョンより、かなり遅い感じがしたので、どこがネックになってるのかなと思ったんだが、せっかくAjaxを使ってるのに非同期処理になってなくて、逐次検索してるのと変わらない状態だったことに気付いた。 サーバー側のphpで、javascriptの実行をさせてるのだが、1回づつやってたんで遅かった。javascript内でループして連続して検索すれば非同期検索と同じになるってことに気付いた。
このエントリーの続きを読む »
