プレビュー付きエディタ『Google AJAX APIs Playground』を使ってみた
すごいねこれほんとすごい。ってか今まで知らなかったこんなのあるなんて・・・。 Learn & Test Google’s APIs Easilyで掲載されてて朝から色々触ってました。 その簡単なレポートです。 GoogleAPIが色々サンプル収録されたエディターって感じでしょうか。 AJAX APIs Playground 面白いなぁ。わくわくするなぁ。 手っ取り早くRSSリーダーみたいなのを作ってみると この時点で、下のほうにプレビューが生成され、レイアウトや仕様を見ながら選べるのが特徴的。 すごく便利ー。 後はキーの部分や、取得するRSSのURLをちょこっと変えてコードをコピペすれば、あなたのサイトで簡単にRSSリーダが設置できますね。 APIキーについては、公式で確認するのが一番ですが、それぞれのサービスを使う為に、APIを使うURLをGoogleに申請して『キー』を発行してもらう必
jQueryでホットペッパーのAPIをリクエストしてGoogle ストリートビューを表示するまで - F.Ko-Jiの「一秒後は未来」
梅酒.inの「梅酒がウリな飲食店」にてLightBoxを実現していることを前回説明しました。今回はさらに、jQueryでホットペッパーのAPIをリクエストしてGoogle ストリートビューを表示させる方法を説明をします。 ↑ こんな感じ。(昼間の写真なのがちょっとあれですが) ここではjQueryを用いているので、レスポンスのフォーマットとしてJSONPが利用できるホットペッパーのAPIを利用しています。 なお、jQueryのリファレンスは「jQuery 1.2.6 日本語リファレンス」が詳しいです。また、jQueryでJSONPを使う方法は「jQuery で JSONP ２通り – てっく煮ブログ」にて紹介されていたので、そちらを参考にやってみました。 また、ストリートビューをGoogle Maps APIから使う方法は「Google Maps API – Google Code (日本
Google AJAX Feed API入門
他のサイトが配信しているATOMやRSSフィードをJavaScriptを使って取得しようとした場合、同一生成元ポリシー(Same-Origin Policy)の制限によって直接他のサーバにあるデータへアクセスできずサーバ側でいったんフィードを受信するなどの処理が必要でした。 Google AJAX Feed APIを使用すると、Googleがフィードのキャッシュとしての役割を果たしてくれるため、サーバ側のプログラムを必要とせず、クライアント側のスクリプトだけで各種フィードを取得することが出来ます。 ここではGoogle AJAX Feed APIを使ってATOMやRSSフィードを取得する方法などを解説していきます。 Google AJAX Feed APIとは ドキュメント
Google Japan Blog: 日本のデベロッパーの要望に応え、多くの技術ドキュメントを日本語化しました
Google が提供するさまざまなAPI やツールの詳細な技術情報は、すべて Google Code で公開されています。しかし、全ての技術情報は英語で記されていたため、多くの日本のデベロッパーからは技術ドキュメントを日本語化して欲しいとの要望をいただいていました。 そこで、 開発者ホーム と題して Google Code の日本語版の運用を開始しました。4月より、2 つの技術、OpenSocial と YouTube Data API の技術ドキュメントの日本語版の提供を開始しました。そして、Google Developer Day 2008 Japan の開催にあわせ、さらに多くのドキュメントと映像を日本語化しました。 本日、日本語版が公開されたドキュメントおよび映像は以下となります。 OpenSocial YouTube Data API Google Gadgets API Goo
[JS]Googleのようなローディングを表示するスクリプト
How to build a Google like Ajax loader: the red loading... bar デモページ Googleのように、AJAXを使用した別コンテンツのローディング時に「Loading content...」と書かれたバーを表示するには、下記のコードを使用します。 ローディングバーのCSS <textarea name="code" class="css" cols="60" rows="5"> #loading{ position: fixed; top: 0; left: 0; z-index: 5000; background-color: red; font-size: 150%; color: white; padding: 2px; } </textarea>
jQuery Portlets
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam in leo. Nam tellus. Sed tincidunt. Nunc molestie diam sit amet orci. Ut semper. Curabitur cursus euismod turpis. Aenean quis elit ut nulla accumsan nonummy. Phasellus tristique purus quis nibh. Donec adipiscing laoreet nibh. In hac habitasse platea dictumst. Aliquam erat volutpat. Cum sociis natoque penatibus et magnis dis parturient
Google AJAX Feed APIを使ったFlickr、fotologueのRSSフォトコレクション | Hereticalogue
IMGARC FEED READER | Flickr and fotologue Favorite Collections version 0.1 standardimage.jp/feedAPI Ph : Flickr&fotologue.jp users AD&D : Suzuki Kenichi (standardimage) -- IMGARC FEED READERは、RSSフォーマットで配信されている、お気に入りのFlickr、fotologueなどの写真を一覧表示できるフォトRSSリーダーです。テンプレートのHTMLファイルをダウンロードしてお楽しみいただけます。 - 写真を配信するシンジケーションを持つFlickr、fotologue.jpよりフィードを取得、一覧表示するサイトテンプレートを制作しました。Google AJAX Feed APIを用いることによ
hail2u.net - Weblog - Google AJAX Search APIのJSONPを利用したサイト内検索
Google AJAX Search APIは、動的にGoogle検索結果を自分のページに挿入することができるAPI(あまり使っているサイトを見ないけど)。Ajaxっつっても内部はJSONP(みたいなもの)だったりするので、普通にGwebSearchクラスのsetSiteRestriction()メソッドを使うのではなく、JSONPを直接叩いてサイト内検索を実装することもできる。もちろんサイト内検索に限った話ではないけど。 Google AJAX Search APIのGwebSearchクラスによる検索は、 http://www.google.com/uds/GwebSearch?callback={コールバック関数名}&context=0&lstkp=0&hl=ja&q={検索文字列}&key={Google AJAX Search API key}&v=0.1 というURLへリクエス
The Star of Web2.0: Google AJAX Search API の使い方
先日、Googleが検索用APIである「Google AJAX Search API」を公開したので、早速試してみた。 使い方は、Google Maps APIと同じように、サインアップページでAPIキーを取得して、Search APIを使ったページのヘッダに貼り付ける必要がある。 このSearch API用のキーはMaps API用のキーと同じアルゴリズムで生成されているようで、全く同じキーが生成された。 サンプルページを動かすまでの手順を下記に示す。 (1)サインアップ ・Google AJAX Search APIサインアップページで、利用条件に理不尽なことが書いてないと信じて、画面下の方の「I have read and agree with the terms and conditions」の左のチェックボックスにチェックを入れる。 ・「My web site URL:」欄に自サ
Google AJAX Feed API公開、サンプル「AJAX Tune Bar」の作り方（グーグル）
Googleは、Google AJAX Feed APIを公開した。乱立するフィード形式をGoogle側で吸収し、JavaScriptで扱うことができる。 Google AJAX Feed APIはGoogleサーバがさまざまなソースからフィードを取得。ユーザーはGoogleサーバを介して外部フィードを取得するため、セキュリティ制約を気にすることなく利用できる。フィードフォーマットもAtom、RSSの各バージョンに対応しており、これらの違いはGoogle側で吸収するため、意識する必要がない。データはXMLまたはJSON形式で取得可能。そのため、他のJavaScript APIとのマッシュアップも行うことができる。 GoogleではサンプルとしてITunesのRSS情報を取得し、ジャケットを表示させる「AJAX Tune Bar」を公開している。以下、簡単な作り方を見てみよう。
Google AJAX Feed API と jQuery でフィードをスライドショー表示するガジェットを作る - tilfin's note 跡地
先日、オライリーの Amazon ベストセラートップ 10 のフィードを生成をした。それを今度はスライドショーっぽく表示するガジェットを作ってみる。 フィードの取得には、Google Feed API — Google Developers を使う。これで RSS/ATOM の規格に左右されないし、サーバーサイドの中継 CGI を作る必要もなくなる。 スライドショー表示はクロスフェードさせたい。Prototype + Rico より jQuery (http://jquery.com/) の方が簡単だと思うのでこちらを選択した。 Google AJAX Feed API まずは Sign-up for an API Key - Google Loader — Google Developers でアクセスキーを取得する。 google.load はおまじない。1 はバージョンらしい。 <s
The Star of Web2.0: Google AJAX Feed APIの使い方
Google AJAX Search APIのブログにJavaScriptだけで自ホスト以外のRSSフィードを扱うことができる「Google AJAX Feed API」を公開したというので、早速試してみた。 JavaScriptはセキュリティのため、同じホストのデータにしかアクセスできなくなっているため、サーバサイドのアプリと組み合わせないと他サイトのRSSなどを扱うことができないのだが、このAPIを使えばそれが簡単にできる。 例えば、このAPIを使ってengadget日本語版のRSSフィード(http://japanese.engadget.com/rss.xml)を読み込んだ結果がこれになる。 このAPIを利用するにはAPIキーを取得する必要があるので、その手順を以下で説明する。 (1)サインアップ ・Google AJAX Search APIサインアップページで、利用条件に理不尽
【ハウツー】Googleからの新たな贈り物、「Google AJAX Feed API」を試そう | エンタープライズ | マイコミジャーナル
Google AJAX Feed APIとは? Googleは16日、「Google AJAX Feed API」を公開した。Google AJAX Feed APIは、RSS/Atomなどの各種フィードを取得するためのJavaScript APIだ。 これまで、JavaScriptでフィードを取得し、取り扱うには以下のような問題があった。 JavaScriptはセキュリティ制限上、生成元のホストにしかXMLHttpRequestなどを使用したネットワークアクセスを行うことができない(これを同一生成元ポリシーと呼ぶ)。そのため、単純に他のホストからフィードを取得するようなコードを書くことができず、自ホストのサーバにプロキシを置いておき、そのプロキシ経由でフィードを取得するなどの対処が必要であった フィードの形式が乱立している。これで困るのはJavaScriptに限った話ではないが、ことサイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://nyanjiro.net/sample/searchAPItest.html
http://bizcaz.com/archives/2007/04/21-223233.php
http://www.adamrocker.com/blog/107/google_ajax_feed_api_rss_reader.html