DraftPad用FlickWalkerがiPhoneにも対応しました

「Walkr」とかのほうがそれっぽい？

DraftPadで著作権フリーの写真をFlickrから検索する方法 FlickWalker
正確に言えば、Creative Commons の写真を検索する方法。Creative Commons というのは、製作者自身が自由な配布を認めている作品のこと。Flickrにたくさんあります。これま...

新しいデザインに変わったFlickr。眺めてるだけでも楽しいですが、iPod touchからアクセスすると、途中で従来の表示に戻されてしまいます。これは手を入れてくれるのかな。アメリカではFlickrアプリがあるので、Web版はこのままの可能性もあります。すると写真のリンクを取る方法も合わせておかないといけない。込み入ってますが、アドレスで判定して、iPhone/iPadの両方で使えるアシストに改良してみました。

draftpad://self/web?source=<title>wait...</title><script>function main(x){open(x.URL)}location=%22draftpad:///webdelegate?load=main%26unloadconfirming=true%26unloadconfirmtitle=リンクを作成しますか？%26unloadconfirmdefault=はい%26unloadconfirmclose=いいえ%26unload=function(){location=\"draftpad:///webdelegate?load=p\";p=function(x){if(location.host.match(/m\\./)){m=document.getElementsByClassName(\"photo_meta\")[0];a=m.getElementsByTagName(\"a\")[0];name=\"<a href=\"+a.href.replace(/m\\./,\"\")+\">\"+a.innerText+\"</a>\";link=\"<a title=%27\"+m.innerText.split(\" by\")[0]+\"%27 href=\"+location.href.replace(/m\\./,\"\").replace(/\\/#/,\"\")+\"><img width=500 src=\"+document.getElementsByClassName(\"photo_img\")[0].src+\"></a>\"}else{name=document.getElementsByClassName(\"photo-name-line-1\")[0].innerHTML.replace(/[\\n|\\t]/g,\"\").replace(/\\/photos\\//,\"http:\\/\\/flickr.com\\/photos\\/\");link=document.getElementById(\"share-options-embed-textarea\").value}link+=\"<br><cite><img src=http://farm4.static.flickr.com/3329/favicons/72157601614001242_7730.png width=16>photo credit: \"+name+\" on Flickr</cite>\";draftpad.replaceCurrent(link)}}%22</script>&URL=http://www.flickr.com/search/?l=deriv%26q=<@>

登録リンクはこちら→ http://tinyurl.com/pf3kc8d

キーワードを書いてアシスト実行。すると、iPhoneでも新デザインの検索結果が出ます。表示されるまでに結構待たされます。著作権フリーだけに絞り込んでいるからでしょうか。ダブル・タップすると画面が拡大するので、一枚ずつ写真を確かめることができる。タップして情報を表示させているとき、タイトルのところを押すと詳細ページに飛びます。ロング・タップでも飛ぶことがあるけれど、そちらの法則性は分からず。

詳細ページで内蔵ブラウザを閉じると、リンクが貼り付きます。

photo credit: Jethro Taylor on Flickr
ブログ上での表示は上記のようになります。写真をクリックするとPCなら新デザイン、iPhoneならモバイル版。クレジットの表示も付けてますが、これはアシストをカスタマイズしてお好きなのに変えてください。どうもピタッと来ない。

前回書いたように、アシスト末尾の「URL=〜」をご自分のFlickrサイトに書き換え、ブログにスクショを貼り付けるのに使うのもまた一計かも。