こんにちは！

タイトルの通り、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 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リストにも同様にすることで登録できます。

タイトルの通り、自動でログインする機能を付けました。近頃のwebサービスは気づいたらログアウトしているケースが多いです。おそらくセキュリティ対策の為だと思われますが、使う側としてはいちいちログインボタンを押さないといけないので面倒です。tumblrもご多分にもれず、たまに勝手にログアウトしている事があります。

TumblrLoginSを使ってる場合はフラグをクリックすればログイン自体はできます。しかしページが戻ってしまうので、再度dashboardへのリンクを押さなければなりませんでした。ちなみに今まで僕はTumblrLoginSを作っておきながらログアウトしたらわざわざidとpassを入力してました。

いろいろまとめて面倒ということでhttp://www.tumblr.com/loginページにアクセスした場合、以前ログインしていたtumblrのアカウントに自動でログインすることにしました。地味に便利だとおもいます。

#twitterのwebページは毎回ログインボタンを押さなければいけないという糞仕様。これも面倒ですね…

いまさらはじめたもクソもないのだがはじめた。何となく。ますますこのページの更新とかしなくなるなー

少し前からtumblr側の仕様変更により、ログインするとdashboard画面に強制的に戻るようになってました。対策としてGM側からも強制リダイレクト処理を入れました。前ページに戻る処理をjs側で入れているだけなので、動的に作られたページ（AutoPagerizeなど）では情報が消えてしまうこともあるので注意してください。

また、tumblrでいろいろ指摘された点をふまえ、ページに画像を追加しEnglish用ページもつくりました。特に、わざわざ翻訳していただいたvmconverterさん、ありがとうございました。

<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エラーに対応

まず、スクリプト系Flashの投稿サイトWonderflがすばらしい！ということでアカウントも作りました。しかしデフォルトではコードエリアが狭い！コード命のわれわれにとっては死活問題！ということ でコードエリアを拡張するGMを作りました。本当はユーザーCSSとか？で作ろうともしたのですが、なんかうまくいかないので慣れてるGMで作りました。

デフォルトレイアウトもすぐ横で確認出来るように左右に配分されていて良いとおもいます。しかしウィンドウ幅が固定だし、swfエリアも大きいた めコードエリアが狭い。実際作るときはみなさんFlashDevelopとかにコピペしてるのかもしれませんが、さらっと眺めるにも大きい方が見やすいと 思います。ただswf部が下になるので、解像度が高くないと動作確認はしにくくなるかもしれません。

→WonderflWideCodeArea※デフォルトで拡張できるようになりました！

そしてTumblrのas変換タイプ拡張GM。こちらはちょっと前にtumblrの方で先に公開したのですが、とりあえずこのページにも載せておきます。説明は下記ページを見てください。

→TumblrAddAsLinks

日付が変わると自動でログインします。2週間連続では使ってないので1ヶ月くらいは人柱期間ということで。
→DeliciousAutoLogin

主な更新点は

• 画像配置方法の変更
• ローディング方式の変更

となってます。
※ロードエラー等になる場合はブラウザのキャッシュをクリアしてみてください

以前はIDごとに画像を読込み、全ての画像の読込を待ってから表示をしていましたが、今回から画像１つに対して読込みと表示をすることにしました。また、前までは順番に積み上げていくだけだった画像配置を、縦の長さの短い列から順に配置していく方式にしました。これにより、以前は列によって余白に差が出ることがありましたが、今回からは差の少ない効率的な配置になっています。

del.icio.usをサイドバーに表示するため、以前のようにblog記事には投稿しません。それに伴いカコのdel.icio.usの自動投稿を全て削除しました。超スッキリｗ自ら書いた記事がいかに少ないかがバレる。今後は投稿頻度を上げ、短い記事を増やそうと思います。無理ですた；；

あとindexだけAutoPagerizeに対応しました。入れている方は速攻で最初の記事までたどり着けると思います。まだおかしな所もありますが、徐々に直していこうと思います。では。