ブログパーツに関連するニュースをキャプチャーしてくる"Tumblr"『BlogParts_Feed@tumblr』
ひとつのことを覚えようとすると集中しすぎてしまうのが欠点なsasoriです。(しかも今年も残りわずかときたもんだ)
で、”Tumblr"で何をしていたかというと ”Twitter”で作ったブログパーツ関連Newsを自動投稿する「BlogParts_Feed」の”Tumblr"版を作っていました。
なかなか自分なりに頑張った出来ばえなので、ここでアウトプットです。
気に入った方は、Followingなりしていただけたら幸いです。
"Tumblr"の間単に画像をポストできる長所を生かして、情報発信したサイトのキャプチャーを"HeartRails Capture"でとってポストします。
サイトのキャプチャーを見れちゃうのが"Twitter"版と違うトコ!
「 ブログパーツをさがせ」のsatokotoさんからもホメていただけました。><
しかし、この「BlogParts_Feed@tumblr」のキモは なんといっても"Yahoo!pipes"です。
"Yahoo!pipes"のフィードを編集できてしまう性能の良さに尽きますね。
12のブログと4つのサイト、Googleのサーチエンジン、はてなブックマークといった 18の情報源からなるフィードをミックスして、Webサイトのキャプチャーしてサムネイルを生成する"HeartRails Capture"を組み込む。
"Tumblr"には、フィードを入力するだけで自動投稿してくれる機能がついているので、"Yahoo!pipes"で完成したフィードからイメージとサイト概要のテキストを読み込んで、勝手にポストします。
この辺は"Twitter"より優秀です。
以下、今回の記事も含めて使わせてもらったWebサービスです。
"Blogparts Feed@tumblr"
エントリー内
enjoy!
Twitter & Yahoo!pipesでブログパーツのニュースを発信してみる(Chapter2 準備と基本)
twitterであっちこっちのブログパーツのニュースを自動で発信しようかなという試みのお話。
こちらの記事の続きになります。
蠍【サソリ】の空間 | Twitter & Yahoo!pipesのPipe badgeでブログパーツのニュースを発信してみる(Chapter1 手順) - BlogParts*Note -
でもって、Webからのニュースを集めるにはRSSフィードがグー。
RSSフィードを集めるには、Yahoo!pipesがこれまたグー、グー。
しかし・・・よく考えてみたら、去年も同じようなことやっていました。
そうそう。あれ。
キカ○ダーみたいなやつ。
なつかしーなぁ、ひまなら読んでみてください。去年から進歩してませんから。
さて、ブログパーツを紹介しているサイトやブログはたくさんありますが、ここはなるべくブログパーツのレビューをしているサイトに重点を置くことにしてみました。
無機質に情報だけをのっけているブログは、中の人が人間なのかもあやしいし(自動投稿ソフトとか)、せっかく作ったフィードがスパム的になる可能性もあるし。
なので昔から(勝手に)お世話になっているサイトやブログから厳選してみました。
とまあ、材料がそろったところで(多すぎるような気もしますが、よしとして)、前回は割愛していたし、おさらいの意味も込めてYahoo!pipesの簡単な使い方を。
まず、RSSフィードを指定するには[Sources]モジュールの「Fetch Feed」を使う。
右のフィールドにドラッグ。
すると下に出力用モジュール「Pipe Output」も生成されます。
[next]
「Fetch Feed」のテキストボックスにRSSフィードを入力する。
例として、まず1つはsatokotoさんのブログ「ブログパーツをさがせ」のRSSフィードにしてみた。
そしてURLの横にある[+]を押すとテキストボックスが追加されるので、複数のRSSフィードをコンポできるようになる。
2つめは、同じくsatokotoさんのブログ「無料ブログパーツをさがせ」のRSSフィードを入力。
(不要になったら、[−]を押せば消えます)
[next]
2つのRSSフィードをコンポしたら、このままではブログ単位で出力されてしまうので、日付の新しいエントリーが一番上にくるようにフィードを並べ替える必要がある。
並べ替えには、[Operators]モジュールの「Sort」を使う。
また、RSSフィードはフィードごとに異なった日付のフォーマットを持っているようなので、Yahoo! Pipesが自動的に生成してくれる「item.y:published」を使うのがベターなようです。
となりの「order」は、降順(descending)か昇順(ascending)かを指定します。今回は『日付の新しいエントリーが一番上にくるように』なので、降順(descending)を指定。
これでいつも最新情報が上に表示されます。(場合によっては逆になる。これは各フィードには、何らかの規則順をもっているらしい。よくわからん・・・ おい!)
こちらができたY!pipesになります。
今回の説明で使った画像は、画像をドラッグするだけで画像の一部を簡単にハイライトすることができるこちらのWebサービスを使ってみました。
おさらいおしまい。
enjoy!
こちらの記事の続きになります。
蠍【サソリ】の空間 | Twitter & Yahoo!pipesのPipe badgeでブログパーツのニュースを発信してみる(Chapter1 手順) - BlogParts*Note -
でもって、Webからのニュースを集めるにはRSSフィードがグー。
RSSフィードを集めるには、Yahoo!pipesがこれまたグー、グー。
しかし・・・よく考えてみたら、去年も同じようなことやっていました。
そうそう。あれ。
キカ○ダーみたいなやつ。
- 蠍【サソリ】の空間 | Yahoo! Pipesでコラボネタ2!「さがせ」と「サソリ」のマッシュアッパァーッ!を作りなおしてみたのと、使用したWEBサービスのまとめ。 - BlogParts*Note -
なつかしーなぁ、ひまなら読んでみてください。去年から進歩してませんから。
RSSフィードの数を絞る
さて、ブログパーツを紹介しているサイトやブログはたくさんありますが、ここはなるべくブログパーツのレビューをしているサイトに重点を置くことにしてみました。
無機質に情報だけをのっけているブログは、中の人が人間なのかもあやしいし(自動投稿ソフトとか)、せっかく作ったフィードがスパム的になる可能性もあるし。
なので昔から(勝手に)お世話になっているサイトやブログから厳選してみました。
ブログパーツレビューブログ
- ブログパーツをさがせ
- 言わずと知れた有名なブログパーツのレビュー&コメンタリーブログ。最新情報がほとんど入ります。
- 晴れときどき南風
- web拍手素材のアイコンやブログパーツを集めて紹介しているコレクター日記。
- e-com.ブログパーツ
- こちらもブログパーツレビューブログ。随時更新中。且つ、現在少しずつ移行中のもよう(見習いたい)
- ブログパーツを探す【無料・ブログペット】
- 無料ブログパーツ、ブログペットを探しては紹介しているブログ。300以上のレビューがございます。
- やじうまブログ 世界のWeb 2.0 サービスを何でもお試し!
- 主に海外のブログパーツ、ウィジェット、無料のサービスを中心に試していくブログ。
- Web2.0 Maniacs
- Feedpath、Flickr、ブログパーツをレビューするブログ。(最近更新されていないので個人的にさみしい)
- CreamSide : ブログパーツのリンク集
- ブログで使える無料サービスやジェネレーター、ブログパーツを集めているブログ。かなりの速さで最新ブログパーツ情報がアップされるのでスゴいです。(これも見習いたい)
- Amazonアソシエイト支援ツール大全集
- 名前の通りAmazonアフィリエイトを支援するブログパーツやツールをレビューするブログ。もともとは「ブログパーツをさがせ」の1カテゴリだったのが、あまりにも大量のため移行。きっとあなた好みのツールが見つかるはず!
- Blogparts Plus
- 元「Free Style Blog」さんのブログ。国内外の使える(かもしれない)ブログパーツやツールのレビューなどをやっております。
ブログパーツポータルサイト
- ブログパーツ.com -
- ご存知、日本初のブログパーツポータルサイト
- 無料ブログパーツ:ブログパーツのポータルサイト Blog Deco【ブログデコ】
- オリジナルブログパーツの提供やレビューも配信してます。
- 無料でブログパーツを設置しよう!Blog Parts Garden -ブログパーツガーデン
- @niftyココログが提供するサイト。オリジナルブログパーツも多数あり。
- ブログパーツ探しはブログわさび
- ガジェット・ブログパーツを紹介するサイト。オリジナルブログパーツも提供してます。
検索エンジン
- Google ニュース
- 何千ものニュース記事からブログパーツ関連のニュースを検索。
ソーシャルブックマーク
- はてなブックマーク - ソーシャルブックマーク
- もはや説明不要の共有ブックマークが作る情報空間。
とまあ、材料がそろったところで(多すぎるような気もしますが、よしとして)、前回は割愛していたし、おさらいの意味も込めてYahoo!pipesの簡単な使い方を。
RSSフィードをコンポーネント (Let's make one's own feed!)
まず、RSSフィードを指定するには[Sources]モジュールの「Fetch Feed」を使う。
右のフィールドにドラッグ。
すると下に出力用モジュール「Pipe Output」も生成されます。
[next]
「Fetch Feed」のテキストボックスにRSSフィードを入力する。
例として、まず1つはsatokotoさんのブログ「ブログパーツをさがせ」のRSSフィードにしてみた。
そしてURLの横にある[+]を押すとテキストボックスが追加されるので、複数のRSSフィードをコンポできるようになる。
2つめは、同じくsatokotoさんのブログ「無料ブログパーツをさがせ」のRSSフィードを入力。
(不要になったら、[−]を押せば消えます)
[next]
2つのRSSフィードをコンポしたら、このままではブログ単位で出力されてしまうので、日付の新しいエントリーが一番上にくるようにフィードを並べ替える必要がある。
並べ替えには、[Operators]モジュールの「Sort」を使う。
また、RSSフィードはフィードごとに異なった日付のフォーマットを持っているようなので、Yahoo! Pipesが自動的に生成してくれる「item.y:published」を使うのがベターなようです。
となりの「order」は、降順(descending)か昇順(ascending)かを指定します。今回は『日付の新しいエントリーが一番上にくるように』なので、降順(descending)を指定。
これでいつも最新情報が上に表示されます。(場合によっては逆になる。これは各フィードには、何らかの規則順をもっているらしい。よくわからん・・・ おい!)
こちらができたY!pipesになります。
今回の説明で使った画像は、画像をドラッグするだけで画像の一部を簡単にハイライトすることができるこちらのWebサービスを使ってみました。
おさらいおしまい。
enjoy!
Twitter & Yahoo!pipesのPipe badgeでブログパーツのニュースを発信してみる(Chapter1 手順)
また最近、Twitterをさわるようになったんだけども、やっぱりおもしろいねTwitterは。
個人のつぶやきだけじゃなく、ニュース・情報などをPostさせる使い方がとくにいいかも。
んで、何か作れないかなーと考えてたら「ブログパーツ」の情報発信がいいかなって思って早速トライしてみました。
別にTwitterを使わなくてもいいんじゃないの?みたいなツッコミは無しにして、まあ、とりあえず何かしらを作ってみたかったんですよ。
今回は(も?)sasoriのWebへの挑戦なので、覚え書きと思ってください。
当然グダグダな文章なので、もちろんスルー可です。
あたりまえのことですけどね。情報発信用のアカウントを新規登録。
だいたいの事は、以前の記事を参照にどうぞ。
TwitterにPostさせる情報は、RSSフィードで集めるのが1番(ブログパーツ情報サイトやGoogleニュースなど)なので、ここは複数のRSSフィードをまとめれる「Yahoo!pipes」の出番。
Yahoo!pipesは、米Yahoo!のIDが必要です。
しかも当然ながら、英語のサイト。習うより慣れろ感覚で行くしかないけど、外国語のウェブサイトのユーザーインターフェイスを日本語化するブラウザ拡張機能 (プラグイン、アドオン)を使えば、ある程度日本語化されるので、これは推奨!(勝手に)
IEもFirefoxも大丈夫。
RSSフィードを登録するとtwitterに自動で投稿してくれます。(英語です)
「IDEA*IDEA」の記事に、画像付きで分かりやすく解説がありました。
とりあえず完成したブログパーツニュースフィードをYahoo!pipesのPipe badgeで表示してみました。
しかし、JUGEMではソースコードをそのまま貼っても表示されなかったので、iframeタグを使って表示してあります。(FC2は表示される)
ちなみに改造前の元ソースは「 ブログパーツをさがせ」さんのBlogParts Feedです。
(また勝手にやっちまった。スミマセン)
下にある「Get This »」をクリックすると同じPipe badgeが取得できます。
そして、こんなtwitterができました。
次はYahoo!pipesでのRSSをMixさせるのを書こうと思ってます。(たぶん)
個人のつぶやきだけじゃなく、ニュース・情報などをPostさせる使い方がとくにいいかも。
んで、何か作れないかなーと考えてたら「ブログパーツ」の情報発信がいいかなって思って早速トライしてみました。
別にTwitterを使わなくてもいいんじゃないの?みたいなツッコミは無しにして、まあ、とりあえず何かしらを作ってみたかったんですよ。
今回は(も?)sasoriのWebへの挑戦なので、覚え書きと思ってください。
当然グダグダな文章なので、もちろんスルー可です。
ひととおりの手順はこんなかんじ。
1).twitter :情報発信用(新規)
↓
2).Yahoo!pipes :RSSフィードを利用して情報を収集
↓
3).twitterfeed.com:RSSフィードをtwitterにPostできるサービス(無料)
まずは、Twitterに登録。
あたりまえのことですけどね。情報発信用のアカウントを新規登録。
だいたいの事は、以前の記事を参照にどうぞ。
RSSフィードをYahoo!pipesで作る。
TwitterにPostさせる情報は、RSSフィードで集めるのが1番(ブログパーツ情報サイトやGoogleニュースなど)なので、ここは複数のRSSフィードをまとめれる「Yahoo!pipes」の出番。
Yahoo!pipesは、米Yahoo!のIDが必要です。
しかも当然ながら、英語のサイト。習うより慣れろ感覚で行くしかないけど、外国語のウェブサイトのユーザーインターフェイスを日本語化するブラウザ拡張機能 (プラグイン、アドオン)を使えば、ある程度日本語化されるので、これは推奨!(勝手に)
IEもFirefoxも大丈夫。
RSSフィードをtwitterfeed.comに食わせる
RSSフィードを登録するとtwitterに自動で投稿してくれます。(英語です)
「IDEA*IDEA」の記事に、画像付きで分かりやすく解説がありました。
しかし、JUGEMではソースコードをそのまま貼っても表示されなかったので、iframeタグを使って表示してあります。(FC2は表示される)
ちなみに改造前の元ソースは「 ブログパーツをさがせ」さんのBlogParts Feedです。
(また勝手にやっちまった。スミマセン)
下にある「Get This »」をクリックすると同じPipe badgeが取得できます。
そして、こんなtwitterができました。
http://twitter.com/BlogParts_Feed
名前:BlogParts_Feed
自己紹介:ブログパーツ紹介サイトや関連ニュースの新着、「ブログパーツをさがせ」のニュースフィード
フォローするかページの左下にあるRSSを登録。
注意事項:試験運転中なのでたまに挙動がおかしくなります。(更新内容が重複するとか)
名前:BlogParts_Feed
自己紹介:ブログパーツ紹介サイトや関連ニュースの新着、「ブログパーツをさがせ」のニュースフィード
フォローするかページの左下にあるRSSを登録。
注意事項:試験運転中なのでたまに挙動がおかしくなります。(更新内容が重複するとか)
次はYahoo!pipesでのRSSをMixさせるのを書こうと思ってます。(たぶん)
ジェネレータサービスでWebボタンを作ってみました。
とまあ、この記事を読んで何げにWebボタン作成を試してみました。
作ったボタンはサイドバーに設置してみましたので、ご確認くださいませ。
えー、「Webサービスを華やかにするアイコン+ボタン生成サービス × 9 : MASHUPEDIA - マッシュペディア -」で9つのジェネレータサービスをご紹介されている中から1つ、「 glassy buttons」を使ってみました。
OSXのアクア風なボタンを生成してくれるうえに、フォントをアップロードすれば好きなフォントが組み込めます。(これがキモだな)
同時に、カーソルをボタンに置いた時に画像が変わるロールオーバー用の画像も作成できます。
完成したボタン画像は、GIF・JPEG・PNGと3種類セットでダウンロードできてお得なサービスです。
ボタンに組み込んだフォントは「デス・ノート風フォント」。(これが使ってみたかった)
こちらのサイト(英語)から手に入れることができます。
//DG.Org : A DEATHNOTE SITE (D e a t h G o d)
使ったのは上から4番目の「Ryuk’s Handwriting」。
これを、glassy buttonsで「upload font」。
今回はロールオーバーの設定までやっていませんが(手抜きです)、やった事のないお方はこれを機会にやってみていかがでしょうか?(自分が言うな)
こちらのサイトが参考になりますよ。
ロールオーバーリンク4 〜CSSテクニック〜
glassy buttons(英語)
登録:不要。英語ですが、設定しながら上の「Reload」を押せば確認しながら作成できます。
ダウンロード>解凍
使っているブログサービス・サイトにアップロード
イメージタグを貼って、設置完了。
⇒ 河合 (06/29)
⇒ Porno sohbet (05/08)
⇒ 新屋 優子 (08/17)
⇒ ロレックスコピー (06/16)
⇒ 高橋 利智 (01/18)
⇒ スーパーコピー (12/27)
⇒ ウブロコピー (12/26)
⇒ ルイヴィトン コピー (12/09)
⇒ スーパーコピー時計,コピーブランドN級品激安販売通販専門店BUYDOKEI.NET (09/11)
⇒ 晒柔道着セット (09/03)