FlickrでCC検索した写真をユーザー名をいれたHTMLを取得する方法


タイトル通りのことをするブックマークレットを作りました。とはいえ遠回りをする方法です。なぜ遠回りをしてるのかというとYahooPipesを使ってみたかったのが一番の理由。

その理由については別のエントリーにでも書きますがとりあえずhiro45jpさんに感謝。

あとCC検索とはcreative commonsのことで、CCライセンスをユーザーが決めることができて、ほかのユーザーは定められたルールに従ってその著作物つまりFlickrなら写真を使う事ができる。

動機は必要性と面白そうだから

ブログのタイトルイメージをいつもFlickrで探していて、写真のHTMLを取得するまでは簡単です。しかしCCライセンスは撮った人の名前を表記するようになっていて、毎回HTMLを加工する手間がかかってました。

そこでブックマークレットを作成。処理的にはページ内で画像のURLやページのURL、ユーザー名などを取得、呼び出し時に画像を自分で識別するための名前を入力、この時点でブックマークレット内でHTMLコードを作ることもできますがわざわざPipesへデータを送り、Pipesで加工、戻り値をさらに少し加工して表示するようにしました。

Pipesを使ったのは上述したように使ってみたかったから。副産物としてHTMLの生成部分をPipesに任せることでその部分を作り直す場合は楽になったかも。といっても最後にブックマークレット側で少し追加してるので、そうともいいきれません・・(どっちやねん)

ぶっちゃけhiro45jpさんのブックマークレットを改造しただけです(キリッ。ただしFirefoxでしか動作確認してません。

ブックマークレット本体と使い方など

Flickrの個別画像のページでブックマークレットを起動してください。
Pipes: FlickrCC

んで実際に戻ってくるコードはこんな感じでコメントタグ部分に最初に入れた識別文字が入ってる。

<!--chevy malibu-->
<div><a rel="nofollow" target="_blank" href="http://www.flickr.com/photos/7552532@N07/441109759" title="chevy malibu"><img src="http://farm1.static.flickr.com/201/441109759_f28822042a_m.jpg"><br>photo taken by bcmacsac1</a></div>

実際にこのページのトップにも貼ってます。

コメント部分はスクリプト側で追加してます。なぜかPipes側でははねられてしまうので・・。

ご指摘等あれば対応する可能性がないとはいえませんw。

サイズ関連の指定をしてないのでその辺を改良したバージョンは作るつもりです。

今後も作りたい

はっきりいって遠回りしてますが、YahooPipesがとても面白いのでもっと作りたいですね。とりあえずはFlickrで自分のセットからフィルタリングした画像すべてのコード取得とか作りたい。あとはCCサーチする本体部分も面白いかもなどとアイデアは膨らむが出来るかは不明。

1件のコメント

コメントを残す

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