4sqmapのスマートフォン対応 | Koichi Labs Blog
Android端末や、iPod touchを使うようになって、4sqmapの動作も確認出来たが、やっぱりそのままだと使いづらい。という事で、スマートフォン対応をする事にしました。 今回、スマートフォン対応をするに辺り、デザイン周りや、どのライブラリを使うかあれこれ検討した結果、とりあえずJQtouchを使う事にしました。 単純にデザイン的にそのまま使えそうってのもあり、テーマのカスタマイズもできそうだし、エフェクトの数も抱負などなどで決めました。 ちなみに、他にはiUiや、JQuery Mobile UIも試してみました。 当初、気軽に考えていたところありましたが、思いのほか大変でした。 特にGoogleマップと、JQtouchの相性のところで思わぬところでつまづいてしまいました。 JQtouchでのページ遷移で地図表示をした後に、Googleマップの描画が止まってしまう事があって、随分と
Foursquare API+Google Mapでマッシュアップ その4 | Koichi Labs Blog
Googleマップ上にfoursquareのチェックイン情報を表示するページを作ってみましたが、今回は機能追加したvenue追加機能用の情報を検索する部分を解説してみたいと思います。 4sq map : http://labs.s-koichi.info/4sqmap/ venueの項目入力を補助するために、ぐるなび、ホットペッパー、ホットペッパービューティ、楽天トラベル施設検索の各APIから店舗名と住所を取得する機能を用意しましたが、各APIごとに取れる情報の形式が違ったりXMLで取得できなかったりで、クロスサイトスクリプティングの問題があったりってのがあったので、出力形式を統一化するために、PHPでラッパークラスを作って必要な情報だけを取得するようにしました。さらに、全てjsonp形式で取得出来るようにしています。 まずは、出力用に2つのクラスを用意しています。GeoSearchRes
Foursquare API+Google Mapでマッシュアップ その3 | Koichi Labs Blog
Googleマップ上にfoursquareのチェックイン情報を表示するページを作ってみましたが、あれを原型に機能追加をしてMASHUP AWARD 6応募してみました。 応募作品のページはこちらです。 #357 4sq map なお、今回の応募に際して、今までのURLではなく、別なURLに変更しています。新しいURLはこちらです。 4sq map : http://labs.s-koichi.info/4sqmap/ 今回、MASHUP AWARD応募に際して、機能を追加してあります。元々は、foursquareのチェックイン一覧を表示したり、venueを検索したりする機能がメインだったんですが、公開APIの中で使っているのがGoogleマップ APIしかなかったので、他のAPIも使おうという事もあります。 大きな機能追加として、venue登録機能を作りました。 さらに、venueの項目入
Foursquare API+Google Mapでマッシュアップ その2 | Koichi Labs Blog
前回、Googleマップ上にfoursquareのチェックイン情報を表示するページを作りましたが、今回はそこに少し機能を追加してみました。 URL自体は前回といっしょで、こちらです。実装自体は、かなり前にやっていたんですが、地図上に右クリックメニューから、べニュー(venue)情報を検索する機能を付けてみました。 4sq map : http://labs.s-koichi.info/mashup/4sq/checkinmap.html まず、Googleマップ上に、右クリックメニューを出すのに手間取りました。当初、JQueryのContextMenuyプラグインを使おうと思ってたのですが、どうもGoogleマップ上に表示させようとうまくいかずに頓挫してしまいました。 ちょっと、反則なんですが、ContextMenuプラグインのソースを流用して、Googleマップのイベントに反応して、右ク
Foursquare API+Google Mapでマッシュアップ その1 | Koichi Labs Blog
ここしばらく、foursquare APIの勉強がてら、Google Maps APIと組み合わせごにょごにょやってました。やはり、foursquareは地図と組み合わせると楽しいですね。 とりあえず、今後もう少しデザイン的な部分を見直したり、機能を増やしていってちょっとしたサービスに出来たらなと思っています。 サイト名は仮ですが。 4sq map : http://labs.s-koichi.info/mashup/4sq/checkinmap.html まず、foursquare APIの参考にしたのがこちらの日本語訳です。 foursquare API ドキュメント — foursquare-API v documentation まだまだ使ってないAPIがあるので、いろいろ試してみたいですね。あと、登録系のAPIは今回つかってないです。 ちなみに、foursquareのOAuthア
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
