Hatena::ブログ(Diary)

oct inaodu

 | 

2007-07-08

TumblrにポストするJSActionsスクリプト、2007/6/10版


追記 2007/11/13

Tumblrバージョンアップにより、そのままでは利用できなくなりました。





Tumblrに簡単にポストするためのスクリプトです。

画面を右クリックして出てくるコンテキストメニューから、すばやくポストできます。

ブックマークレットを起動して、写真を選んで、OKを押して、という面倒な手順を踏む必要がありません。

ポストが10倍は速くなります。

1日の3分の1をTumblrに使っているとして、あと9年やると、その3分の1の3年が10倍に増えるわけですから、大まかに言ってこのスクリプトは30年分の価値があるということになります。

これを使っているか否かで、Tumblrは全く異なるものになります(by k.)。


Photo、Video、Quote、Linkの4タイプのポストに対応しています。

画像の上からポストするとPhotoタイプのポストになります。

どこかテキストを選択しているとQuoteタイプ。

YouTubeなどの動画サイトではVideoタイプ。

それ以外、適当な場所からポストするとLinkタイプになります。


5月のものとは全く別のものぐらい変ってます。

入れ替える価値、ありんこです。

新しい機能に加えて、古い機能も伝わっていないもの多いので全て列挙しておきます。


バックグラウンドでポスト
ポストはバックグラウンドXMLHttpRequestを使い行うように変更されています(この時画面にはなんのリアクションも出ないのは申し訳ないす)。実行後はすぐにウィンドウを閉じてたぶん大丈夫です。Tumblrはけっこう理由なくポストに失敗するのですが、その場合は、元のページを開くか尋ねるので、開きなおして再度ポストを試みることができます。
[Ctrl]キー押下で編集画面に遷移
メニューをクリックする際に[Ctrl]キーを押下していると、通常の編集画面に遷移します。細かな修正を行った後にポストしたい場合に使います。別タブで開く[Ctrl]キー押下のイメージです。
[Shift]キー押下で簡易タイトル編集
写真のキャプションを少しだけ変えたい場合などはこちらの方が速いです。メニュークリック時に[Shiftキーを押していると、プロンプトが表示され内容を修正できます。
ダイレクトReBlog
簡単に無編集でReBlogできます。Tumblrの個別エントリーページ以外に、トップページなどの全エントリーを表示しているページからも、Dashboardからも直接ReBlogできます。自分のエントリをReBlogすることもでき、話の続きを書く場合などに使うこともできます。[Ctrl]キーを押下していると、通常のReBlog編集画面に遷移できます。
Amazon対応
AmazonURLからパラメーターなどを除きクリーニングした上でポストします。買った商品や、かわいいジャケットなどを簡単に紹介できます。3タイプのポストに対応しています。商品ページの適当な部分からポストするとLinkタイプ、何かを選択しているとQuoteタイプ、商品写真の上からだとPhotoタイプになります。ある本の引用を書く場合などは、適当にどこかを選択して[Ctrl]キーを押下しながらポストしてから書き始めると簡単です(普通にレビューや商品内容などを引用するためにも、もちろん使えます)。商品画像は、ウェブサービスから取得するので大きく無駄な余白もなくきれいです。小さな画像を誤ってポストしてしまうのを避けるため、一度確認のダイアログが表示されます。スクリプト先頭のAMAZON_IMAGE_MIN_SIZEを、例えば400にすると、縦横が400px以上の場合はそのままポストするようになります。AMAZON_AFFILEATE_IDに、アフィリエイトIDを設定することもできますよ。
FFFFOUND!クロスポスト
Photoタイプのポストで、Tumblrと同時にFFFOUNDにもポストすることができます。FFFFOUND!アカウントを持っている方は、スクリプト先頭のPOST_TO_FFFFOUNDをtrueにして使ってみてください。
livedoor Reader対応
LDRで読んでいるエントリーからPhotoタイプのポストを行えます。写真のキャプションは「ブログタイトル - エントリタイトル」になります。
Photo枚数制限のチェック
Tumblrは一日75枚までしか画像をポストできません。Photoタイプをポスト時にチェックを行い、エラーの場合はダイアログで表示します。
Videoタイプ対応サイトの追加
現在、TumblrデフォルトYouTubeGoogle Videoに加えて、Rimo、MySpaceStage6、dailymotion、vimeoにも対応しています。あまり使われていなので陳腐化している可能性もありますが...。各サービスの個別ビデオページの適当な箇所からポストすると、Videoタイプとしてポストされ、そのサービスのプレーヤーが組み込まれます。デフォルトでは500px幅に拡げます。400px幅のテンプレートを使っている場合は、THEME_IMAGE_WIDTHに400を設定してください。
Flickrからのポストで個別リンクも付加
ブックマークレットは個別の写真へのリンクはつかず、作者のリンクのみになります。元の写真の前後写真を見たい場合や、別サイズを探す場合に、これは大変不便です。
Flickrのラージサイズ対応
Flickrで大きなサイズで表示しても適切なキャプションを付加します。Tumblrの最大画像サイズは500px×700px(?)なので(これ以上大きいと縮小され揃えられる)、Flickrでもなるべく大きな画像を表示してからポストしたほうがきれいでお得です。
Snipshot(オンライン画像編集サービス)対応
Snipshotの編集画面から直接ポストできます。編集が済んでいる状態(例えばCropなどはCropを再度押し確定している状態)で、適当な箇所からポストできます。ローカルPCにJPEGで保存するためのリンクを、そのまま使えばよいということに気がつきました。
リンク先の大きな画像でポスト
小さなサムネイル画像が並び、各画像が大きな画像へ直接リンクしている場合などに便利です。このパターンはよくあるのでけっこう役立ちます。画像はリンク先の大きなものが使われ、キャプションは元ページのままなので、見る人がすごくうれしいです。画像への直リンクだと、みんなかなり残念じゃないすか。このバージョンでは、blogspot系(デザイン系など良いページが多いブログ)の特殊リンクに対応しています。例えばbibliodysseyなどから、元ページのリンクをつけてダイレクトに大きな画像をポストできます。
リンクにサムネイルを追加
LINK_ADD_THUMBNAILをtrueに設定すると、リンクにMozshotさん(再現率が高い)の見本画像が付加されます。

参考リンク

FirefoxJavaScript Actions拡張のセットアップ方法。

はなはな 2007/11/13 13:58 今日初めて使わせていただいたのですが

>Post failed.
>Will you reopen?

このようなメッセージがで何度やってもポストを失敗してしまいます。
自分なりに調べた結果Ctrl押しながらポストすると
ここに書かれてる通り一度編集画面にいって
そこからやると成功します。

編集画面を経由せず成功させるにはどうすればいいでしょうか?

brazilbrazil 2007/11/13 14:37 TumblrV3にバージョンアップした際に利用できなくなりました。
以下の拡張で右クリックメニューに追加されるShareOnTumblrが、とりあえず使えているようです。


http://to.tumblr.com/post/14878939

はなはな 2007/11/13 14:53 できました!
ありがとうございました!

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証

 |