アイキャッチ用PhotoPinTakerが動かなくなったので修正しました

ブログの内容を視覚的に表現したいときに。

PhotoPinの写真をDraftPadに書き込むブックマークレット PhotoPinTaker（完成版）
これで取り敢えずはうまくいくんじゃないかな。二段構えになってますけど、きちんとクレジットを拾うことができるので、このまま公開可能です。まず、PhotoPin.comに入り、検索をします...

PhotoPin.comがブラッシュアップして、写真が拾えなくなってました。ソースが整理されコンパクトになっていたので、ブックマークレットもそれに合わせて新バージョン。

Safariで http://photopin.com に入り、キーワードで検索。著作権フリーの写真がリストアップされるので、下記ブックマークレット PhotoPinTaker を実行します。

javascript:s='';a=document.getElementsByClassName('image-container');for(i=0;i<a.length;i++){src=a[i].style.background.replace(/url\((.+?)\)/,'$1');link='http://photopin.com/phpflickr/getsizes.php?id='+src.replace(/^(.+?)com\/(.+?)\/(.+?)_(.+?)$/,'$3');s+='<a href='+link+' target=_blank><img width=300 src='+src+'></a> ';}document.write(s);

(修正:14:00) ベタ書きに変更したら、一枚目の写真にも対応できました。不思議。

iPhone/iPadで選択できる形式に変換されるので、使いたい写真をタップ。

詳細画面が現れたら、下記ブックマークレット PhotoPinTaker2 を実行します。

javascript:d=document.createElement('div');d.innerHTML='<pre>'+document.getElementById('photo-html-link').innerHTML+'</pre>';s='<a href='+document.getElementsByTagName('a')[0].href+' target=_blank><img width=500 src='+document.getElementsByClassName('image-container')[0].style.background.replace(/(.+)http(.+)_m\.jpg(.+)/,'http$2.jpg')+'></a>'+encodeURIComponent('\n<cite><img src=http://farm4.static.flickr.com/3329/favicons/72157601614001242_7730.png width=16>'+d.innerText+'</cite>\n');location.href='draftpad://insert?caret='+s;

photo credit: dicktay2000 via photopin cc
すると、DraftPadに写真が貼りつく。フォト・クレジットも折り込み済み。
ざっと作っただけなので、あとで修正するかもしれません。