Google AJAX Feed API を使ってJavaScriptでサイトにRSSフィードを表示する方法
JavaScriptで別ドメインのRSSを読み込んでくるのは、 セキュリティの関連上できないって聞いていた・・・ あきらめていたのですが、 GoogleのAPIに別ドメインでも読み込めのがあったのですね！ 使うのも比較的簡単そうなので、 とりあえず試しに使ってみる事にしました。 ↑これは既にこのサイトのRSSをAPIを使って読み込んだ結果です。 Google AJAX Feed APIを使えば比較的簡単に RSSをサイトに表示することができるようです。 このサービスを利用するときに、APIキーを取得するのですが、 その時に、既にサンプルのソースを表示してくれます その表示されたサンプルは以下の通りです。 ■サンプルソース <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1
ECサイトなどで使えそうな360度ズーム機能を実装するjQueryプラグイン「AJAX-ZOOM」:phpspot開発日誌
ECサイトなどで使えそうな360度ズーム機能を実装するjQueryプラグイン「AJAX-ZOOM」 2011年08月24日- AJAX-ZOOM jQuery Image Zoom Viewer & Pan Gallery, PHP - Javascript 360 Spin & Zoom Rotate Fullscreen ECサイトなどで使えそうな360度ズーム機能を実装するjQueryプラグイン「AJAX-ZOOM」。 商品なんかを360度回転させながら詳細を確認するみたいなUIが作れます。最初に画像を一気にダウンロードする必要はなくて、ajaxベースなのも特徴です 大きな画面で見れるようにフルスクリーンモードなんかがついたりして凝った作りになっています 以下は回転させて別のアングルでズームしてみたところ ３Dだけではなくて、２Dの大きな画像にも適用することができるみたいです 用途に
ページ内の画像が全部読まれた場合にイベントを発生させられるjQueryプラグイン「onImagesLoad」:phpspot開発日誌
ページ内の画像が全部読まれた場合にイベントを発生させられるjQueryプラグイン「onImagesLoad」 2010年11月12日- Official documentation for the jQuery 'onImagesLoad' plugin - by Cirkuit Networks, Inc. ページ内の画像が全部読まれた場合にイベントを発生させられるjQueryプラグイン「onImagesLoad」 ブラウザの標準機能ではonloadはありますが、画像を読み込んだタイミングで発生させるonImageLoadを発生させられるjQueryプラグインです。 単純に、ページ全体の画像というくくりだけでなく、特定の<div>内の画像を全部読み込んだ後で発生させることも出来るみたいです。 AJAXを活用したダイナミックなサイトで活用できそうですね。 具体的な動作サンプルはサイトでチェ
OpenLayers - Welcome
A high-performance, feature-packed library for all your mapping needs. Latest OpenLayers v9.2.4 is here! Check out the docs and the examples to get started. The full distribution can be downloaded from the release page. OpenLayers makes it easy to put a dynamic map in any web page. It can display map tiles, vector data and markers loaded from any source. OpenLayers has been developed to further th
Google Ajax Feed APIでブログと連動するページを作る | d-spica
Google Ajax Feed APIでブログと連動するページを作る Javascriptはあまり得意じゃないのですが，必要に迫られて簡単なものは自分で書くようにしてきました。今回はGoogle Ajax Feed APIで読み込んだものをXHTMLに書き出すところをいじってみました。 きっかけ 制作してから数年，更新が止まっていたウェブサイトがありました。「これじゃもったいない」ということで，ぼくのところに「更新だけしてくれないか」という依頼がありました。年に2回，写真を差し替え，テキストを書き換えるという作業をしてきました。 先日 「もっと手軽に更新したいのでブログを始めた。今回の更新で，ブログへのリンクを入れてほしい」という連絡が来ました。 「リンクを入れるのはすぐできますが，ちょっと手をかければ，ブログの記事をウェブサイトのほうに読み込むこともできますよ」 ぼくは， ブログのR
[JS]ページの流れをさえぎらない画像拡大スクリプト - jQuery.popeye
画像を拡大するスクリプトとしてはLightboxやfancyboxが有名ですが、これらはページの流れをさえぎってしまう弱点をかかえています。 この弱点を改良すべく開発された新しい画像拡大（ギャラリー機能付）スクリプトをChristoph Schüßlerから紹介します。
HTML5による複数ファイルアップロード
こんばんは、martinです。以前、Flex(Flash)を用いた複数ファイルのアップローダー を紹介しましたが、実はHTML5だけで出来るのになぁ、と思っていました。現時点で、IE8を除く主要なブラウザでは軒並み、HTML5のINPUT要素に対するmultiple属性に対応しているので、それによる実装をppBlogに施してみました。複数ファイルを選択可能にするには、input要素にmultipleを指定するだけです。 <input type="file" name="src[]" id="src" multiple /> とりあえず実装してみただけですが、きちんと動作しました(ここのエントリー は画像を複数枚一度にアップロードした)。UIをどうするかで試行錯誤しましたが、プロトタイプにしてはまぁまぁかなと思っています。 さて、複数の(画像)ファイルがアップロード出来るようになると、アップ
Picasaの写真をスライドショーで表示「Google AJAX Feed API」
Google AJAX Feed APIでPicasa Webの写真をスライドショーで表示してみた。 参考サイト： Google AJAX Feed API「Slide Show Programming Guide」 DEMO： Picasa Webの写真をスライドショーで表示 サンプルソース <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"> <head> <meta http-equiv="content-type" content="text/html;
WordPressに、Google AJAX Feed APIで画像を出す。 – GettingOUT
普通のＨＴＭＬファイルに、下記の「Google AJAX Feed API」を使ってJavaScriptを仕込み、他のブログから画像を出すことはできるんですが・・・ ・画像を出す場合は、Google AJAX Feed APIのJASONフォーマットのcontent内に画像があればいいんですが、そうでない場合はXMLフォーマットで取ってきて、画像タグを取得し表示させる必要があります。 <script type="text/javascript" src="http://www.google.com/jsapi?key=YOUR-API-KEY"></script> <script type="text/javascript"> google.load("feeds", "1"); function initialize() { var feed = new google.feeds.Fee
Google Ajax Feed APIでブログと連動するページを作る | d-spica
Google Ajax Feed APIでブログと連動するページを作る 2007-10-16 0 0 Script API, Javascript Javascriptはあまり得意じゃないのですが，必要に迫られて簡単なものは自分で書くようにしてきました。今回はGoogle Ajax Feed APIで読み込んだものをXHTMLに書き出すところをいじってみました。 きっかけ 制作してから数年，更新が止まっていたウェブサイトがありました。「これじゃもったいない」ということで，ぼくのところに「更新だけしてくれないか」という依頼がありました。年に2回，写真を差し替え，テキストを書き換えるという作業をしてきました。 先日 「もっと手軽に更新したいのでブログを始めた。今回の更新で，ブログへのリンクを入れてほしい」という連絡が来ました。 「リンクを入れるのはすぐできますが，ちょっと手をかければ，ブログの
GoogleによるAjaxアプリケーションをクロール可能にする解説:phpspot開発日誌
Making AJAX Applications Crawlable - Google Code via WebResources Depot GoogleによるAjaxアプリケーションをクロール可能にする解説サイトがあるんですね。 フルAjaxでなくとも、サイトにAjaxな仕組みを部分的にもっていて、きちんとインデックスしてもらいたいという際に知っておいて損はなさそうです。 解説によると、以下のような要約ができるみたい Ajaxコンテンツの出し分けパラメータには、#! を使う。例えば、www.example.com/ajax.html#!status こうしておくことでクローラーに対して、Ajaxのクロールが出来るよということを示しています。! がポイント _escaped_fragment_ パラメータによって、ajaxじゃなくても読めるようにしておく www.example.com/
WAI-ARIA（日本語訳）：日立のユニバーサルデザイン
WAI-ARIAとは、Web Accessibility Initiative-Accessible Rich Internet Applicationsの略で、W3Cが現在、勧告に向けて策定作業を進めているリッチなインターネットアプリケーションのアクセシビリティに関する仕様書のことです。JavaScriptやAjaxなどを使用した動的なコンテンツは、スクリーンリーダーやキーボード操作では利用できないことがあります。WAI-ARIAは、そういった問題を解決すべく、W3CのProtocols and Formats ワーキンググループ (PFWG) において策定されています。 WAI-ARIAの関連文書群の原文は英語ですが、日本におけるこの仕様への理解と普及が進む一助になればと、日立が社内用に翻訳した文書を日立のユニバーサルデザインサイトで公開します。Webサイト、Webシステムのアクセシ
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
Google AJAX Feed API - Google Code
å©ç¨æ¹æ³ Google AJAX API ãã¼ãç³ãè¾¼ã¿ã¾ãã ãããããã¼ ã¬ã¤ããèªã¿ã¾ãã ã¦ã£ã¶ã¼ãã使ç¨ãã¦ããèªèº«ã®ã¦ã§ããµã¤ãã«ãã£ã¼ã管çæ©è½ã追å ãã¾ãã ãµã³ãã« ããã¸ã§ã¯ããåç §ãã¾ãã ããããã®ãã㪠Google AJAX Feed API ã«ã¤ã㦠AJAX Feed API ã使ç¨ããã¨ãJavaScript ã ãã使ç¨ãã¦ã
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サインアップページで、利用条件に理不尽
Sign-up for an API Key | Google Loader | Google Developers
The Google Loader no longer requires keys. You don't need to make any changes if you're already using one, but if you choose you may simply remove the key parameter from your requests. Remember that some API calls still require proper identification through HTTP referer as per the documentation and Terms of Service. Note that some APIs use other keys (e.g., from the Google APIs Console) which are
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.d-spica.com/try/google-ajax-feed.html
lepracaun.info
Website Builder: Create a Free Website - Jimdo
GoogleマップAPIの使い方を分かりやすく解説！ - Google Maps 活用講座