capture.flickr.js FirefoxでキャプチャしてFlickrにアップロードするJSActionsスクリプト #2008.03.19

フォトライフはすぐにいっぱいになっちゃうし、tumblrだと横幅制限が厳しくてキャプチャとして意味をなさないし、Flickrしかないなと思ってはいたものの

Flickr のも欲しい。と、強く念ずる。
:: H & A :: tumblr

を見てから3ヶ月を経てようやくFlickrにアップロードするバージョンを作りました。3ヶ月前、ちょうどTomblooでMochiKitのDeferredに感動したあとの12月に途中まで作ってたけどどうでもいいところでつまずいてそのまま放置してたのをOSXだとFirefox3beta4からFlashも映るのに刺激されて完成させました。Firefox3beta4+OSXだとこのスクリプトでFlashの部分もキャプチャが撮れます。WindowsはFirefox3beta5でもまだできるようにならないみたいです。残念。でもそのうちなるっぽい。

Download

capture.flickr.js

How To Use

capture.tumblr.jsとかと、初回のFlickrでの認証を除いて同じです。

Install

JSActionsをまだ入れてないときは+ HideAway Firefox +からダウンロードしてインストールします。ふつうの拡張機能インストール時のダイアログが出てこないのですが、一度デスクトップに保存してからFirefoxにドラッグアンドドロップするとインストールできます。

JSActions本体の準備ができたらダウンロードしたcapture.flickr.jsをJSActionsのglobalフォルダに保存してください。
そしてJSActionsのメニューから実行します。

Select region to capture

実行したらキャプチャしたいところの左上と右下をクリックして囲みます。

Authorize capture.flickr.js at Flickr

キャプチャしたいところを囲むと、初めて実行したときだけ、スクリプトを信頼してFlickrに書き込む許可を与えるかどうかの確認ページが開きます。

別のタブで開くので、タブを切り替えてOK, I’LL ALLOW ITを押して許可してあげてください。

なんか今よく見たらAccess to your photos (including private photos)とかEditing of your photo informationとかも許可することになってますが、たしかuploadできるとほかも自動的にできちゃうのでこう表示されています。実際はアップロードする以外のことはしません。

Flickrでの許可を終えてFlickrのタブを閉じるとアップロードが始まります。

Wait for a while….

FlickrのAPIが他に比べるとすこし複雑なのと、サーバがなんか遠い感じがするのとでアップロードには結構時間がかかります。ちょっと気長に待ちましょう。Uploadedと表示されたら完了です。

クリックするとアップロードされたキャプチャのページに繋がります。

写真のタイトルとしてページのタイトルが入って、説明のところにページのURLが入ります。FlickrのAPIの仕様に、スクリーンショットのときはscreenshotというタグを入れろと書いてあったのでscreenshotタグをつけるようにしています。

Flickrには特定のタグのついてる写真のフィードがあるのでキャプチャをtumblrにも流したければ、そのscreenshotタグのRSSをいれたらいいですよ。

それではみなさまよいスクリーンショットライフを。

Related works

• capture.atom.js ブラウザでキャプチャしてはてなフォトライフにアップロードするJSActionsスクリプト
• capture.photozou.js ブラウザでキャプチャしてフォト蔵にアップロードするJSActionsスクリプト
• capture.tumblr.js ブラウザでキャプチャしてtumblrにpostするJSActionsスクリプト
• capture.soup.js ブラウザでキャプチャしてsoupにpostするJSActionsスクリプト
• capture.mixi.js FirefoxでキャプチャしてmixiにアップロードするJSActionsスクリプト

History

v. 2008.03.19

Flickrでのデフォルトの設定でスクリーンショットをアップロードするように変更しました。Twitter / (qt)browneyes: えーっとね、3/13 版の capture.flick…

範囲選択時にテキストが反転しないようにしました。Big Sky :: capture.flickr.jsで本文テキストが選択されない様にするパッチ書いた