flickrの写真用のタグを生成するブックマークレット

このブログでもやっているのですが、ブログ記事のはじめの方にとりあえず何でもいいから写真を入れておくとそれだけで記事がなんだかわかりやすくなる、 Gigazine効果というテクニックがあります(ボクが勝手に命名しました)。
大変効果的な手法なのですけど、商用利用可能な写真素材は高いので、flickrの写真を使わせていただくと便利です。
Advanced Searchという機能を使うと、Creative Commons licenseで商用利用可能となっている写真に限定して検索することもできます。
flickr_cc.JPG
この場合、原著作者のクレジット表示をしないといけないので、写真だけを勝手に貼り付けるとまずくて、それなりにフォーマットを整える必要があります。
毎回同じ位置から同じようにテキストを切り出して組み立てるだけの作業は人間よりコンピュータの方が得意なはずなので、クリック一発で組み立てられるようなブックマークレットを作ってみました。

使い方
いつものようにflickrから写真を探してきます。
flickr_1.JPG
ブログに適したサイズの画像のページを開いて。
flickr_2.JPG
ぽちっとブックマークレットを押せば、こういうタグが生成されます。
flickr_3.JPG
あとはこれをブログ記事にコピーペーストすればOKですね。
ブックマークレットはこちら。
flickr写真用タグ
元のソースコードはこんな感じ。
img=window.document.images[3];
url=window.document.links[0].href;
ret='<a href="#{url}"><img src="#{src}" width="#{width}" height="#{height}" alt="photo by #{name}" /></a>'
ret=ret.replace(/#{url}/,url).replace(/#{src}/,img.src).replace(/#{width}/,img.width).replace(/#{height}/,img.height).replace(/#{name}/,url.split('/')[4]);
alert(ret);
chromeとFireFox,IE6で動くことを確認してありますので、最近のブラウザであればたいてい動くんじゃないかと思います。
カテゴリ:

トラックバック(0)

このブログ記事を参照しているブログ一覧: flickrの写真用のタグを生成するブックマークレット

このブログ記事に対するトラックバックURL: http://mogya.com/mt/mt-tb.cgi/781

コメントする


画像の中に見える文字を入力してください。

このブログ記事について

このページは、 もぎゃが 2009年9月29日 21:07に書いたブログ記事です。

ひとつ前のブログ記事は「 SOY CMSの人に聞いた開発秘話 」です。

次のブログ記事は「 モバイラーズオアシスを公開します 」です。

最近のコンテンツは インデックスページ で見られます。過去に書かれたものは アーカイブのページ で見られます。

Powered by
Movable Type