サイトに外部ブログのRSSを表示する方法と、記事タイトルが長すぎる場合に省略表示する方法メモ。
今更ですが、Google Feed APIを利用してRSSを取得・表示する方法と、そのタイトルをCSSで省略表示させる方法を学びましたのでメモメモ。 みんなだいすきGoogle Feed API サイト制作の際、トップページなどに外部ブログのRSSを表示させたいときってありますよね。 私は過去にバンドの公式サイトを制作していた時、メンバーのブログRSSを表示させてくれとよく頼まれたものです。 （その時は無料RSSサービスを使っていました・・・） そんなときに役立つのがGoogle先生による『Google Feed API』。 表示件数や表示させたい内容、それを囲むタグなどわりと自由にカスタマイズできるので多くのWEB屋さんに愛されているようです。 何かいい方法はないか呟いたところ、多くの方からこちらを薦めていただきましたヾ(*´∀｀*)ﾉ ちなみに、以前はAPIキーを取得する必要があったよ
jQueryでRSSを取得しリストで表示 | labs.yusukenakanishi.com
Demoを見る とある勉強会でnoriさんからjQueryを使ってRSSを取得しXMLをパース、そしてリストで表示させるという夏休みの？宿題があったのでやってみました。自分の中でRSSが同じドメインにある場合とRSSが同じドメインにない場合（JavaScriptはセキュリティの関係上、ドメインが違うファイルを読込む事は出来ない仕様になっています。）を想定して作ってみました。 同じドメインにある場合 Demoで読み込んでいるのはこのxmlファイルです。以下JavaScriptのソースにある$.ajax(options)の詳しい内容についてはjQuery日本語リファレンスなどで確認して下さい。 HTML //head内にjQueryを <script type="text/Javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/
Google AJAX Feed APIでRSS複数表示 - bass-inu's blog
JavaScriptだけでフィードを取得＆表示できる。Google AJAX Feed API 複数のフィードを表示をするには、FeedControlクラスを使えば簡単ですが、表示内容を細かくいじることができない。。 見た目はCSSでカスタマイズ可能。公式参照。 ■やりたいこと 複数のフィードを表示 日付は「年.月.日」で表示 1週間以内の記事には日付の横に「NEWマーク」を表示 記事の概要表示 APIキーを取得したら準備完了。 表示サンプル画像 head内 <script type="text/javascript" src="http://www.google.com/jsapi?key=（APIキー）"></script> <script type="text/javascript" src="feed.js"></script> feed.js var limit = 7 * 24
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
