スポンサーサイト

一定期間更新がないため広告を表示しています

    -     -     ▲ top

ブログパーツに関連するニュースをキャプチャーしてくる"Tumblr"『BlogParts_Feed@tumblr』

tumblr_logo
ここんとこ、ずーっと”Tumblr”に付きっきりだったので こちらの更新をおろそかになっていました。
ひとつのことを覚えようとすると集中しすぎてしまうのが欠点なsasoriです。(しかも今年も残りわずかときたもんだ)

で、”Tumblr"で何をしていたかというと ”Twitter”で作ったブログパーツ関連Newsを自動投稿する「BlogParts_Feed」の”Tumblr"版を作っていました。
なかなか自分なりに頑張った出来ばえなので、ここでアウトプットです。

よくわかりやすいように、ウェブページのスクロールサムネイルを生成するブログパーツ「IgWebCap」で表示してみました。

気に入った方は、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!

    comments(0)     trackbacks(0)     ▲ top

Twitter & Yahoo!pipesでブログパーツのニュースを発信してみる(Chapter2 準備と基本)

pipes.pngtwitterであっちこっちのブログパーツのニュースを自動で発信しようかなという試みのお話。
こちらの記事の続きになります。
蠍【サソリ】の空間 | Twitter & Yahoo!pipesのPipe badgeでブログパーツのニュースを発信してみる(Chapter1 手順) - BlogParts*Note - はてなブックマーク数

でもって、Webからのニュースを集めるにはRSSフィードがグー。
RSSフィードを集めるには、Yahoo!pipesがこれまたグー、グー。

しかし・・・よく考えてみたら、去年も同じようなことやっていました。
そうそう。あれ。
キカ○ダーみたいなやつ。

なつかしーなぁ、ひまなら読んでみてください。去年から進歩してませんから。

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!)


Fetch Feed.jpgまず、RSSフィードを指定するには[Sources]モジュールの「Fetch Feed」を使う。
右のフィールドにドラッグ。
すると下に出力用モジュール「Pipe Output」も生成されます。


arrow_direction_icon.gif[next]


Y_pipes01.jpg「Fetch Feed」のテキストボックスにRSSフィードを入力する。
例として、まず1つはsatokotoさんのブログ「ブログパーツをさがせ」のRSSフィードにしてみた。

そしてURLの横にある[+]を押すとテキストボックスが追加されるので、複数のRSSフィードをコンポできるようになる。

2つめは、同じくsatokotoさんのブログ「無料ブログパーツをさがせ」のRSSフィードを入力。
(不要になったら、[−]を押せば消えます)


arrow_direction_icon.gif[next]


Y_pipes02.jpg2つのRSSフィードをコンポしたら、このままではブログ単位で出力されてしまうので、日付の新しいエントリーが一番上にくるようにフィードを並べ替える必要がある。

並べ替えには、[Operators]モジュールの「Sort」を使う。
また、RSSフィードはフィードごとに異なった日付のフォーマットを持っているようなので、Yahoo! Pipesが自動的に生成してくれる「item.y:published」を使うのがベターなようです。
となりの「order」は、降順(descending)か昇順(ascending)かを指定します。今回は『日付の新しいエントリーが一番上にくるように』なので、降順(descending)を指定。
これでいつも最新情報が上に表示されます。(場合によっては逆になる。これは各フィードには、何らかの規則順をもっているらしい。よくわからん・・・ おい!)


こちらができたY!pipesになります。


今回の説明で使った画像は、画像をドラッグするだけで画像の一部を簡単にハイライトすることができるこちらのWebサービスを使ってみました。


おさらいおしまい。
enjoy!

    comments(1)     trackbacks(1)     ▲ top

Twitter & Yahoo!pipesのPipe badgeでブログパーツのニュースを発信してみる(Chapter1 手順)

twitter_mente_snapshot.pngまた最近、Twitterをさわるようになったんだけども、やっぱりおもしろいねTwitterは。
個人のつぶやきだけじゃなく、ニュース・情報などを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」の記事に、画像付きで分かりやすく解説がありました。


とりあえず完成したブログパーツニュースフィードをYahoo!pipesのPipe badgeで表示してみました。
しかし、JUGEMではソースコードをそのまま貼っても表示されなかったので、iframeタグを使って表示してあります。(FC2は表示される)
ちなみに改造前の元ソースは「 ブログパーツをさがせ」さんのBlogParts Feedです。
(また勝手にやっちまった。スミマセン)
sagase_feed_cap.jpg
下にある「Get This »」をクリックすると同じPipe badgeが取得できます。

そして、こんなtwitterができました。
speech-bubble(website).png
Twitter is a free social messaging utility for staying connected in real-time
http://twitter.com/BlogParts_Feed
名前:BlogParts_Feed
自己紹介:ブログパーツ紹介サイトや関連ニュースの新着、「ブログパーツをさがせ」のニュースフィード
フォローするかページの左下にあるRSSを登録。
注意事項:試験運転中なのでたまに挙動がおかしくなります。(更新内容が重複するとか)

次はYahoo!pipesでのRSSをMixさせるのを書こうと思ってます。(たぶん)

    comments(4)     trackbacks(0)     ▲ top

ジェネレータサービスでWebボタンを作ってみました。



まあ、この記事を読んで何げにWebボタン作成を試してみました。
作ったボタンはサイドバーに設置してみましたので、ご確認くださいませ。


えー、「Webサービスを華やかにするアイコン+ボタン生成サービス × 9 : MASHUPEDIA - マッシュペディア -」で9つのジェネレータサービスをご紹介されている中から1つ、「 glassy buttons」を使ってみました。
OSXのアクア風なボタンを生成してくれるうえに、フォントをアップロードすれば好きなフォントが組み込めます。(これがキモだな)
同時に、カーソルをボタンに置いた時に画像が変わるロールオーバー用の画像も作成できます。
完成したボタン画像は、GIF・JPEG・PNGと3種類セットでダウンロードできてお得なサービスです。


ボタンに組み込んだフォントは「デス・ノート風フォント」。(これが使ってみたかった)
こちらのサイト(英語)から手に入れることができます。

http://main.deathgod.org/download/

//DG.Org : A DEATHNOTE SITE (D e a t h G o d) はてなブックマーク数



使ったのは上から4番目の「Ryuk’s Handwriting」。
これを、glassy buttonsで「upload font」。

今回はロールオーバーの設定までやっていませんが(手抜きです)、やった事のないお方はこれを機会にやってみていかがでしょうか?(自分が言うな)
こちらのサイトが参考になりますよ。

ロールオーバーリンク4 〜CSSテクニック〜 はてなブックマーク数
speech-bubble(website).png
glassy buttons

glassy buttons(英語) はてなブックマーク数

登録:不要。
英語ですが、設定しながら上の「Reload」を押せば確認しながら作成できます。
ダウンロード>解凍
使っているブログサービス・サイトにアップロード
イメージタグを貼って、設置完了。

    comments(1)     trackbacks(0)     ▲ top

JUGEMのPICTOで「そんなの関係ねぇ」をつくってみた

以前、ブログ友達のかんかんさんの作った絵文字がとてもうまかったので、なんか作ろうかなと思っていたのに何もしないで数ヶ月経過してしまっていたので、反省をこめて作りました。
かんかんさんからは、蠍マークを是非!と言われていましたが・・・

できあがったものは、意を反して。



関係ねぇ!.png
   でも、そんなの関係ねぇ!       ←(これ)


・・・やっつけでスミマセンでした。(あははははー)



作り方はとても簡単。
まず、黒一色で一筆書き。

でも、そんなの関係ねぇ!

着色。

でも、そんなの関係ねぇ!

並べてみた。

さあ!今宵はおっぱっぴ〜ナイト!
そんなの関係ねぇ そんなの関係ねぇ そんなの関係ねぇ そんなの関係ねぇ そんなの関係ねぇ そんなの関係ねぇ そんなの関係ねぇ そんなの関係ねぇ そんなの関係ねぇ そんなの関係ねぇ そんなの関係ねぇ そんなの関係ねぇ そんなの関係ねぇ そんなの関係ねぇ

    comments(0)     trackbacks(0)     ▲ top

  • » ブログパーツの設置方法 (links with BlogDeco)

 
サンプル・イベント・モニターならBloMotion