昨日書いたPhotosetのやつをGistにメモっといた。

他の方法ないかなぁ…。自動挿入されるJavaScriptの実行を抑制する方法がありゃ一発なんだけどなぁ。そういうのあるのかなぁ。

ふと、TumblrのPageでCSSとかJavaScript書いたらどうなるか試してみた。

まぁ案の定Content-Typeがtext/htmlだった。おまけにファイルの頭に「<meta http-equiv=”x-dns-prefetch-control” content=”off”/>」って自動挿入されちゃうから普通に読み込むとSyntax Error。PageのURLに拡張子付けたらうまいことやってくれたりしたら嬉しかったんだけど、世の中そんなに甘くなかった。

でまぁいろいろやってたら上の自動挿入の条件がわかった。「</head>」の直前もしくはファイルの頭に挿入されるっぽい。headタグ省略したらdoctypeより前に挿入されちゃうね。
これをうまく利用すると、自動挿入タグをコメントアウトできる。「/*</head>*/」ってファイルの頭かケツに書いとくといい感じ。

がしかし、Content-Typeの件はどうにもこうにもどうにもならぬ。試しにHTMLに<script src=”…”></script>とか<link rel=”stylesheet” href=”…”>って入れてやってみた(Safari, Chrome, Opera, Firefoxでテスト)ら、JavaScriptのほうは警告は出るけど動いた。CSSはダメだった。どうやらIE以外のブラウザはtext/htmlなCSSはダメみたいね。

というわけで、TumblrのPageでJavaScriptを書いてどっかに「/*</head>*/」って書けばHTMLに読み込んでも警告は出るけど動くというなんとなく気持ちの悪い結末。

Read More

みんなどんな感じでTumblrのCustom themeつくってるんだろう。ブラウザでちまちま書いてSave押してってやってんのかな(HTML/CSSはUpdate previewでOK)。ぼくはブラウザで書くのは断念して、エディタで書いたやつをちょいちょいコピペしてやってんだけど、面倒臭さはあんま変わんない。

このやり方だとちょいちょいTumblrが不安定なときとかあるから、そういう時もうほんとどうしようもなくなっちゃうんだよね。ローカルで動かすTumblr simulatorとかないんかなー。あと、API経由でCustom themeの更新もできたらいいのになぁ。

あ、iPhoneからアクセスしたときの見た目変えた。iPhoneからアクセスがあったら/disable_mobile_interfaceにリダイレクトするだけのiphone-themeを書いただけ(iphone-themeがないとiPhoneからアクセスすると標準のMobile Interfaceで表示されちゃう)。んでこれでiPhoneから見てもStandard view modeになる。
なんでこんなことやってんのかいうと、iphone-themeだと自分で作ったCustomタグが使えないのよね(というかPageのCustom layoutだとダメなのかな)。まぁ更新するとき楽だし、そもそもCSS3 media queries使ってPC/iPhoneどっちから見てもいいように作ってたからいいんだけど。

Tumblrらしく使ってるほうのTumblrアカウントもUse a custom domain nameな設定して、http://tumblr.stystk.com/ にした。 

あと、このサイトでsearchしても何故かpostが表示されない。result countは出るのに…。themeの記述になんか不備があるんだろか…。むー。

追記:
もしかして、割と最近Postされたやつは検索結果に出ない？でも、result count出てるから違うかぁ…。よくわからんよ。 

wpんときのURL叩いても今のURLからにリダイレクトするよーのやつ。
以前は「http://example.com/2010/04/09/post-title」なURLで、それを現在の「http://example.com/post/post-id/(slug)」へね。 

wpからexportしたrssからtumblr apiでpostしたとき、ついでに

{
    "posts": {
        "2010": {
            "04": {
                "09": {
                    "post-title": post-id(postしたら返ってくるやつ) 

みたいなJSONを出力して、ここからUploadしとく。んで、以前のURLにアクセスがあったら(現在ではNot FoundなURL)、そのJSONを読み込んでURLをsplitしてファーってやって、マッチするpost-idがあったら/post/post-idにjsでリダイレクトさせるだけ。Tumblrのthemeテンプレートエンジンで{block:NotFound}とか使えないくさいので、そのへんもjsで。

例: Blog引越し - stystk

で、この要領でtagのURLもリダイレクトさせたかった(「/tag/hogehoge」→「/tagged/hogehoge」)んだけど、「http://example.com/tag/hogehoge」にアクセスしたら、普通のNot Foundページじゃないとこに飛ばされちゃうのでムリだった。むー。

日本語が不自由で泣きたい。

Blog引っ越しました(まだ途中)。相変わらずのグズさでもって、なかなか作業が進まないのでとりあえず出した。この投げやりでいい加減な感じも相変わらずでおます。

やっとこさWordPressを卒業して、今回はtumblrに来ました。なんかGAE使うとかも考えてたけど、人間ね楽な方に流れますよ。

あーやっとですねほんと。まぁ飽きてたよね、wpに。Blogの内容に関係ないんだけど、なんかね、なんかあるよね、そういうとこ。MTにも飽きてたし。なので多分またいつか同じような理由で漂流すると思う。だいたいねー3年持たないみたい。(べつにwpやMTのことDisってるわけじゃないよー)

んで、一応今回はログを引き継いでるんだけど、tumblrって「import」みたいなのがなかったので、wpからexportしたrssをXML::Simpleでなんやかやして、WWW::Tumblr使ってapiでガーっとimportさせた。で、新旧のURLの変換MAP的JSONも出力。なので前のURL(permalink)にアクセスしても、たぶん新しい方にリダイレクトされますと思いまする。なんかね、一応perlっ子らしい作業をしたと思うよ(ムダに時間かけすぎだけどね！)。写真メインなPostはPostTypeをPhotoにしたりしようかと思ったけど、面倒だったのでやんなかった。ぜんぶText。これからPostするやつはPostType変えたりしよかな。今のままだと、themeまともに書いてないからぐっちゃぐちゃに表示されるけどな！

あ、なんか気まぐれにURL変更した。”www.stystk.com”→”stystk.com”にした。www取った。短い方がええやろ、そら。

とりあえずまぁこんなかんじでね。

上のバーの黒いところ、「Lifestream」というのを追加ー。とりあえず押せばいいと思う。閉じる時は右上か左上の×をクリックね。

前はtwitterのつぶやきをページの肩あたりにチョロっと表示させてたんだけど、今回はtwitter以外にもいろんなentry/postを表示させようということで、FriendFeedのAPIを使って全面にダーっと表示するようにした。

このサイトみたいな感じで、ブラウザをリサイズするとエントリーがアニメーションしながら並べ替えされるよー。ぐにょんとね。それと、左上の青いナビゲーションボタンでスクロールが出来るようになってて、右端の方までスクロールさせると勝手に続きをロードするようになってる。多分、いっぱいロードしてからブラウザリサイズしたら結構負荷がヒドい感じになると思うので注意。

という感じ。ぼくの恥ずかしいtwitterとかtumblrとかを思う存分楽しめます。ぼくのこと気に入ったらfollowすればいいと思う。

キーボードの矢印キーとかマウスホイールでのスクロールも出来るようにしようかなぁ。ロード中のインジケーターとかも追加したいなぁ。Real-time APIも気になるなぁ。これってCometなんかな。

Permalink以外はこのGrid的な感じでもアリかな…？