こんにちは！
タイトルの通り、TUMBLR MOSAIC VIEWERにLike機能を追加しました。
この前tumblrのAPI拡張が行われ暫定的ですがLike APIが実装されました。それを受けての機能追加です。前のエントリーでも海外の方からLike機能を付けてくれ的なコメントもありましたし、それなりに需要がある機能だと思います。
使い方はシンプルで、上画像のように今までパーマリンクボタンだった箇所がそのままLikeボタンとなっています。ハートのボタンをクリックすることで、フォーカスされている画像がLikeとしてtumblrに投稿されます。拡大画像画面からも同じようにLikeボタンを押すことで投稿されます。ボタンを押すと画像にポスト中のエフェクトがかかり、それが元に戻ると投稿完了です。
準備として、この機能を使うにはSETTINGエリアにて、tumblrのE-MAILとPASSWORDを入力する必要があります。APIの性質上セキュアな方式とはいえないので、不安のある方は使用しないでください。
また注意点として、例えばE-MAILやPASSWORDが間違っていてLikeが失敗したとしても、それを通知できません。これはJavaScriptだけでこのAPIを使うことの限界みたいなものなのであしからず。最初のうちはLikeが成功しているかどうかをhttp://www.tumblr.com/likes などで確認するのがよいでしょう。
テストした感じではポンポンLikeを押して投稿できるので、ちょっと新鮮な感覚でした。では新しいTMVライフをお送りください！
カテゴリーのアーカイブ: tumblr
TUMBLR MOSAIC VIEWERにLike機能追加！
2010/2/27 –
TUMBLR MOSAIC VIEWERリニューアル！
2009/11/14 –
まだ作成途中ですが公開します。TUMBLR MOSAIC VIEWER リニューアルしました！変更点は以下
画像ロードの高速化
ページデザインの一新
複数リスト対応
単独IDでの画像ロード
ランダム表示
ワードフィルタリング
タグフィルタリング
directoryのページタグ表示(予定)
directoryのランキング表示(予定)
等々です
IE、Firefox、Safari、Chromeの最新版で動作確認済。初期ロードでモタつく事がありますがtumblr側の状態が良ければ体感速度は以前よりだいぶ速くなってると思います。ひまな時にでも眺めてみてください。
そのうちHELPに書きますが、使い方のTipsをここにのせておきます
ブラウザ対応がシビアなため古いバージョンのページも残してあります。urlはhttp://tmv.proto.jp/tmv1.0/となります。
メニューにある検索ボックスに入力したら「Enterキー」を押すことで動作します。
単独IDのパーマリンクでhttp://tmv.proto.jp/#id=proto-jp&imageSize=250のように&imageSize=250を加えることで250pxの画像で見ることができます。ちょっと新鮮。
そうそう独自ドメインにも対応しています。例えばみたいもんさんのhttp://clip.mitaimon.com/なら検索窓に「clip.mitaimon.com」と入れてEnterを押せば画像がロードされます。favoriteリストにも同様にすることで登録できます。
GreasemonkeyなしでtumblrをAutoPagerizeさせる！
2009/2/1 –
下の一行をtumblrのDescriptionにコピペする。
<script type=”text/javascript” src=”http://proto.jp/js/tumblrAutoPager.js”></script>
そうすることでtumblrの表ページがAutoPagerizeのような無限スクロールになる。tumblrのDescriptionはjsも普通に動作するので、xmlhttprequestにおけるクロスドメインの壁を越えられる。前からできんじゃね？と思ってて、試しにやってみたらできてビビった。
これはページに埋め込んでるjsなのでブラウザ依存しない。IE,Firefox,Safari,Opera,Google Clomeの最新版で動作確認済み。Greasemonkeyを入れてなかったり、対応していないブラウザでもAutoPagerizeぽい無限スクロールを体験できる。どんなもんか確認したい方は僕のPROTO-JP TUMBLRをIEとかで見てください。
動かないテーマがあるのがなー。テーマ作者は見た目変えるの良いけど、構造は変えるなといいたい。AutoPagerize対応も大変そうだ。
▼注意点など
本家AutoPagerizeが入っている場合にはそちらを優先します。
大体のテーマで動作しますが、構造が大幅に変わっているものには対応してません。あとDescriptionがないテーマでも動きません。
継ぎ目にあるリンク「AutoPage[OFF]」をクリックすることでスクロール機能をOFFにすることが出来ます。OFFにした後は「AutoPage[ON]」をクリックで機能をONにします。
なんらかしらの不具合があるかもしれません。あしからず。
言い忘れてた。tumblrAutoPagerはAutoPagerizeと互換してますので、対応していないテーマの場合はAutoPagerizeを対応させるタグを入れる事で動くと思います。タグについてはAutoPagerize0.0.11 - SWDYHの「マークアップの例」参照。が、実はさらに簡単で
class=”autopagerize_page_element”
を所定のタグに加えれば動きます。post群を包み込んでいるタグに前述のclass名を入れてみてください。
▼更新履歴
0.1.0 (090201)
公開
0.1.5 (090208)
内部仕様変更
全デフォルトテーマに対応
約9割のPopularテーマに対応
0.1.6 (090221)
細かなバグフィックス
0.1.7 (090222)
tagページに対応
404エラーに対応
GreaseMonkeyふたつ追加。Wonderflのコードエリアを拡張する『WonderflWideCodeArea』とTumblrのasを拡張する『TumblrAddAsLinks』
2008/12/29 –
なんか拡張してばかりですが作りました。
まず、スクリプト系Flashの投稿サイトWonderflがすばらしい！ということでアカウントも作りました。しかしデフォルトではコードエリアが狭い！コード命のわれわれにとっては死活問題！ということ でコードエリアを拡張するGMを作りました。本当はユーザーCSSとか？で作ろうともしたのですが、なんかうまくいかないので慣れてるGMで作りました。
デフォルトレイアウトもすぐ横で確認出来るように左右に配分されていて良いとおもいます。しかしウィンドウ幅が固定だし、swfエリアも大きいた めコードエリアが狭い。実際作るときはみなさんFlashDevelopとかにコピペしてるのかもしれませんが、さらっと眺めるにも大きい方が見やすいと 思います。ただswf部が下になるので、解像度が高くないと動作確認はしにくくなるかもしれません。
→WonderflWideCodeArea※デフォルトで拡張できるようになりました！
そしてTumblrのas変換タイプ拡張GM。こちらはちょっと前にtumblrの方で先に公開したのですが、とりあえずこのページにも載せておきます。説明は下記ページを見てください。
→TumblrAddAsLinks
::TUMBLR MOSAIC VIEWER::バージョンアップ!
2008/9/13 –
::TUMBLR MOSAIC VIEWER::バージョンアップしました。
主な更新点は
画像配置方法の変更
ローディング方式の変更
となってます。
※ロードエラー等になる場合はブラウザのキャッシュをクリアしてみてください
以前はIDごとに画像を読込み、全ての画像の読込を待ってから表示をしていましたが、今回から画像１つに対して読込みと表示をすることにしました。また、前までは順番に積み上げていくだけだった画像配置を、縦の長さの短い列から順に配置していく方式にしました。これにより、以前は列によって余白に差が出ることがありましたが、今回からは差の少ない効率的な配置になっています。
