Google Feed APIで3分マッシュアップ (1/2)
特定のテーマに関する情報を集めた、ポータル的なWebサイトを作りたい――。そんなとき、JavaScriptを使って、他のWebサイトのフィードから情報を得て、そのサイトの最新情報を表示できると便利です。 しかし、普通の方法ではできません。というのも、JavaScriptでフィードを読み込むのに使う「XMLHttpRequest」オブジェクトでは、セキュリティ上、異なるドメイン（クロスドメイン）とのやり取りが制限されているためです。そこで、「Google AJAX Feed API」を使いましょう。 Google AJAX Feed APIは、指定したフィードをGoogleのサーバー側で取得し、JSON（JavaScript Object Notation）と呼ばれるJavaScript専用のデータ形式に変換します。変換されたデータは、JSONP（JavaScript Object Nota
iPhone向けAmazon検索アプリ - 今日覚えたこと
せっかくiPhone買ったので、アプリを作ってみた。...と言ってもApp Store用のネイティブアプリではなくて、Safari上で動くWebアプリ。JavaScript盛りだくさん。 Webアプリではあるけど、JavaScriptで作ったのでサーバサイドの処理は何もないよ(ただしYahoo! Pipes使ってる。後述)。 Amazon検索 今回作ったものは以下。 Amazon検索 iPhone向けだけど、普通にFirefoxやSafariからも使えると思う。IEやOperaはダメっぽい。 使い方は簡単。 まず最初の画面は上記のような感じ。 ここにキーワードを入れて、カテゴリを選び、「検索」ボタンをタップ。 検索結果が出る。もちろん指でスクロール可能。 検索結果をタップすれば、すぐ下にAmazonのモバイル版のページが表示される(もう一度タップすれば消える)。検索結果のリストはそのまま残
HotPepper APIを勝手JSONP化 - snippets from shinichitomita’s journal
まあ特にどうという話ではないです。またJSONPにしているだけです。 以前は避けていたコールバック関数名の文字制限も組み込んでます。Yahooと同じく [A-Za-z0-9_\.\[\]]+ で。 XMLからJSONへの変換はXSLTです。なので、サーバがningという都合上PHPでやってますが、汎用性はあるはずです。 これでサンプルコードが作りやすくなりました。早く正式にサポートしてくれるとうれしいなあ。 HotPepper グルメサーチAPI http://recruit2json.ning.com/hotpepper/GourmetSearch?key=guest&Latitude=35.660818&Longitude=139.775426&Range=3&callback=handleResult →テスト 店名サーチAPI http://recruit2json.ning.co
第3回 JSONPでのクロスドメインアクセス | gihyo.jp
JSONPの動作原理 前回はAjaxに存在するセキュリティモデルであるSame-Originポリシーを紹介し、そのSame-Originポリシーを迂回する方法とセキュリティについて見てきました。また、回避する方法の1つめとしてリバースProxyを用いた方法を紹介しました。リバースProxyを用いた方法ではセキュリティ的な問題点もありましたが、そもそもProxyサーバを用意しなければならないため、この方法は手軽に使うことはできませんでした。 そこで考え出されたのがJSONP（JavaScript Object Notation with Padding）という方法です。 それではまず簡単にJSONPについて説明します。 Ajaxで使われるXMLHttpRequestオブジェクトには前回説明したとおりSame-Originポリシーがありクロスドメインアクセスはできません。一方、SCRIPTタグ
高反発マットレスの選び方 | アフィブログに騙されない為の高反発マットレス手記
ウレタン系高反発マットレスでよく言及されるのが密度です。それを頑張って分かりやすく説明してみます。
snippets from shinichitomita’s journal - ブラウザからJSONで呼び出せるサービス一覧
ブラウザから動的スクリプトタグで呼び出せるJSONサービスの一覧。サービス利用にはHTMLとJavaScriptさえあればよいもののみ挙げている。JSONPであるとは限らない。オフィシャル／非オフィシャル問わず。知らないのがあったら誰か教えてください。 （追記）JSONP形式のサービスにはJSONPテストページへのリンクを追加しました del.icio.us ポスト一覧取得 http://del.icio.us/feeds/json/stomita (既定変数埋め込み) http://del.icio.us/feeds/json/stomita?callback=handlePosts (JSONP) →テスト タグ一覧取得 http://del.icio.us/feeds/json/tags/stomita (既定変数埋め込み) http://del.icio.us/feeds/json
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
YQL console
