HP制作-SOHO- google feed api で画像付きのリスト表示
今日はgoogle feed apiのjavascriptを使って、 無料ブログの更新情報を指定したサイズのサムネイル画像付きで、 タイトルと本文がリスト表示されて、 しかも外部へのリンクだから新しいウィンドウでリンク先を表示さて、 最後は続きを読むとか続きはこちらとかそういった誘導リンクも付けたい！ というのがつい先日必要になってネット上に転がっている いろんな情報をかき集めて１つにまとめたので残しておこうと思います。 っていうか！なんと！ 半年以上もこのブログをほったらかしていたなんて。 ここのブログは技術的な保存場所にしようと意気込んでたハズなのに・・・う～ん反省。 まずはさっさと全容を。 //APIを読み込む google.load("feeds", "1"); //初期関数 function initialize(){ //読み込むフィードを設定する var feed = new
Google Feed APIで3分マッシュアップ (2/2)
実際に外部のフィードを表示してみよう Google AJAX Feed APIを実際に使ってみましょう。前のページの手順に基づき、ASCII.jp - Web Tools＆Tips（http://ascii.jp/web/）のフィードから記事のタイトルと概要を10件分出力するサンプルを作ってみました。コード中にはコメントを付けてあるので、参考にしてください。このサンプルは以下のアドレスで動作を確認でできます。 http://www.h-fj.com/ascii/google_ajax_feed/sample.html <div id="feed"><p>しばらくお待ちください。</p></div> <script type="text/javascript"> function loadFeed() { // 初期化 var feed = new google.feeds.Feed("ht
Google AJAX Feed APIでブログの更新情報を表示 - AirNX 開発者ブログ
複数のブログを運営していると「他のブログの更新情報をメインのブログに表示したい」という場合があります。MovableTypeで複数のブログを運営しているのなら以前紹介した方法を使えば良いのですが、他のブログがレンタルブログだったりWordPressだった場合、そうはいきません。 そこでGoogle AJAX Feed APIの登場です。 これでサイトに他のブログの更新情報を表示します。 表示例（shinとkiyoのサイトの更新情報部分） まずGoogleのアカウントを取得しログイン済みの状態でサインアップ用のサイトにアクセスします。このサイトで、APIキーを取得して下さい。 続いて取得したAPIキーを<head>〜</head>内に読み込みます。 <script type="text/javascript" src="http://www.google.com/jsapi?key=AP
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とは ドキュメント
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
