F.Ko-Jiの「一秒後は未来」

Yahoo! Pipesを使って3分でブログに桜を咲かせる方法

Yahoo! Pipesからリリースされた「バッジ機能」を使うと、簡単にFlickrにある写真をスライドショーにしてブログに貼付けることができます。(JavaScriptを利用できるブログのみ。)

pipes-flickr-slideshow.gif

↑ 実際はこれがスライドショーっぽく動きます。

自分でPipesをつくるのが面倒な方は、「Pipes: Flickr – 桜」からすでに作成済みのものがあるので、これを利用することもできます。

pipes-sakura-badge-1.gif

Pipes: Flickr – 桜 のページにある「Get as a Badge」をクリックします。

pipes-sakura-badge-2.gif

↑ 「Customize the size, type and settings of your Badge」をクリックします。

pipes-sakura-badge-3.gif

↑ 「What kind of badge would you like?」のプルダウンメニューで「Image」を選択して、下の「Next」をクリックします。

pipes-sakura-badge-5.gif

↑ 通常のブログの場合は「Embed」をクリックして表示されるコードをブログに貼付けてください。これで完了です。(3分もかからないかな。)

このパーツは、BloggerやiGoogleなどにも貼付けることができます。

実際にこのブログのサイドバーにウィジェットを貼付けています。Pipesのウィジェットはページのローディングが完了した時点で実行されます。(なので表示されるまでちょっと時間がかかるかもしれません。)

なお、Pipesで「桜」以外のキーワードにしたい場合は自分で作成する必要がありますが、Flickrモジュールを使うだけなので簡単です。

また、キーワードをユーザに入力させる「Text Input」モジュールを利用しても、ウィジェットで取得できる値はデフォルトの設定値になるようなので注意してください。

» Pipes Blog » Blog Archive » Introducing – Pipe Badges!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

著者について

fkoji

F.Ko-Ji

Webエンジニアやってます。最近は ドットインストール の開発がお仕事です。その傍ら、個人で Meity電車遅延なう梅酒.in#グラドル自画撮り部 の部室といったネットサービスを開発・運営してます。梅酒と草野球とリアル脱出ゲームが好きです。

» 詳しいプロフィールや運営サービスの一覧など