下の一行を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エラーに対応
なんか拡張してばかりですが作りました。
まず、スクリプト系Flashの投稿サイトWonderflがすばらしい！ということでアカウントも作りました。しかしデフォルトではコードエリアが狭い！コード命のわれわれにとっては死活問題！ということ でコードエリアを拡張するGMを作りました。本当はユーザーCSSとか？で作ろうともしたのですが、なんかうまくいかないので慣れてるGMで作りました。
デフォルトレイアウトもすぐ横で確認出来るように左右に配分されていて良いとおもいます。しかしウィンドウ幅が固定だし、swfエリアも大きいた めコードエリアが狭い。実際作るときはみなさんFlashDevelopとかにコピペしてるのかもしれませんが、さらっと眺めるにも大きい方が見やすいと 思います。ただswf部が下になるので、解像度が高くないと動作確認はしにくくなるかもしれません。
→WonderflWideCodeArea※デフォルトで拡張できるようになりました！
そしてTumblrのas変換タイプ拡張GM。こちらはちょっと前にtumblrの方で先に公開したのですが、とりあえずこのページにも載せておきます。説明は下記ページを見てください。
→TumblrAddAsLinks
タイトルのもの作りました。Deliciousの2週間縛りがかなりイラっときていたので。tomblooで投稿して「エラーです」と言われたときのイライラはハンパないす。ちょっと探した限りだとオートコンプリート？に対応してるGMはあったのですが、自動でログインする類いのものは見つからなかったので作りました。そのうちtomblooとかに付きそうだけど。
日付が変わると自動でログインします。2週間連続では使ってないので1ヶ月くらいは人柱期間ということで。
→DeliciousAutoLogin
::TUMBLR MOSAIC VIEWER::バージョンアップしました。
主な更新点は
画像配置方法の変更
ローディング方式の変更
となってます。
※ロードエラー等になる場合はブラウザのキャッシュをクリアしてみてください
以前はIDごとに画像を読込み、全ての画像の読込を待ってから表示をしていましたが、今回から画像１つに対して読込みと表示をすることにしました。また、前までは順番に積み上げていくだけだった画像配置を、縦の長さの短い列から順に配置していく方式にしました。これにより、以前は列によって余白に差が出ることがありましたが、今回からは差の少ない効率的な配置になっています。
しました。思ったより時間かかった。やっぱ１から作るのメンドイなー。もう二度とやりたくない。見た目はシンプルにしました。良くあるblogっぽいレイアウトだと思います。サイドバー部分にtumblrとdel.icio.usの最新投稿をのせてます。両方ともAPIからjavascriptで実装。大したモノじゃないけどtumblrの方はblogパーツとしてそのうち公開します。
del.icio.usをサイドバーに表示するため、以前のようにblog記事には投稿しません。それに伴いカコのdel.icio.usの自動投稿を全て削除しました。超スッキリｗ自ら書いた記事がいかに少ないかがバレる。今後は投稿頻度を上げ、短い記事を増やそうと思います。無理ですた；；
あとindexだけAutoPagerizeに対応しました。入れている方は速攻で最初の記事までたどり着けると思います。まだおかしな所もありますが、徐々に直していこうと思います。では。
