Information

Twitterの本を書きました。

twitterコミュニケーション・バイブル

RSS Feeds

Posted on December 18, 2006 at 11:31 pm

キーワードにマッチしたサムネイル画像を表示 - FlickIt!

Flickrからキーワードにマッチした画像を表示

Flickr APIを利用した面白そうなサイト発見!

  • FlickIt! - Dynamic Thumbnail Images
  • キーワードにマッチしたサムネイル画像をFlickrから引っ張って指定のサイズで表示してくれます。

    以下のようなコードを利用することで簡単に自分のサイトに取り入れることもできます。

    HTML:
    1. <img src=“http://flickit.brinkster.net/flick.aspx?size=[画像サイズ]&query=[キーワード]“ />

    キーワードは,(カンマ)区切りで複数設定できました。

    サンプルをいくつか表示してみましょう :-)

    ◆blue,flower

    ◆lomo,color

    ◆xmas

    どうでしょうか?
    キーワードによっては制度に問題があるかもしれませんが、単純なキーワードなら結構使えそうな気がします。
    (画質が悪いのはたまたまかなぁ…)

    素材探しの手間が省ける(かもしれない)ツール

    例えば、blogの記事にイメージ画像を挿入したいなって思った時どうしますか?
    イメージにピッタリな画像が手持ちにあればいいけれど、たいていはロイヤリティフリーの写真素材サイトなどで検索してイメージに合った画像を探すことと思います。
    運よく画像が見つかったらダウンロードしてリサイズしてアップロードして投稿画面に貼り付けるという作業をするでしょう。

    FlickIt!を利用すれば上記のコードにイメージに合ったキーワードを入れてサイズを指定すればいいだけなのでかなりの時間短縮になりますね。

    WordPressの場合はWP-AddQuicktagというプラグインでFlickIt!コード用のボタンを追加するとさらに時間短縮できちゃいます。

    自分の目で見て画像を選ぶわけじゃないのでどんな画像が表示されるかわからないのはちょっと微妙ですかねぇ…
    必ずしも自分がイメージしたものに近い画像とは限らないですから。
    画像はランダムに表示されるのでそれが逆に面白いと感じるなら結構使えるサイトかもしれません。

    ワタシも様子を見ながら使っていきたいと思います。

    Leave a Reply

    Posted on December 18, 2006 at 10:51 pm

    FlickIt!

    [off]

    Leave a Reply

    Recent Posts