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

2008/3/29 15:55

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

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

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

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

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

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

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

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

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

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

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

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