blog.remora.cx

MobileMe で charset 指定のないメールが文字化けする件

Mon, 30 Aug 2010 22:18:45 +0900

MobileMe を使っていると、いくつかのメールが文字化けして届くことに気づいた。調べてみると、次の条件が重なった場合に化けるようだ。

メールヘッダの Content-Type 節において charset が指定されていない。
メール本文に ASCII 文字以外が使用されている。
メール本文が UTF-8 以外でエンコードされている。

HTML5 に対応した Youtube 動画を貼る方法

Sat, 28 Aug 2010 18:31:20 +0900

Youtube の動画をブログ等に貼るとき、従来はタグを使って次のように書いていた。

[code:html;title:「かりぐらしのアリエッティ」予告編;auto-links:false] [/code]

これは Flash による再生にしか対応していないし、お世辞にもきれいなタグとも言えない(さらに、W3C Validation も通らない。)。そこで、HTML5 版 Youtube にも対応したスマートなタグが推奨されている。

【レビュー】YouTubeビデオの組み込みでHTML5 VideoとFlashの両方をサポートする方法 | ネット | マイコミジャーナル
http://journal.mycom.co.jp/articles/2010/07/26/youtube-for-flash-and-html5/index.html

[code:html;title:「かりぐらしのアリエッティ」予告編（HTML5 版）;highlight:[4];auto-links:false] [/code]

公式 Tweet Button は HTML5 用？

Tue, 24 Aug 2010 16:57:34 +0900

ページを構成する HTML の正当性を検査してくれるサービスとしては W3C Markup Validation Service が便利だ。

The W3C Markup Validation Service
http://validator.w3.org/

以前このサイトは XHTML 1.0 で構築し、W3C Validation Service でも確認をとっていたのだが、「」で紹介した Tweet Button を設置したあたりからおかしくなった。原因はコードに出てくる data-xxxx 属性だ。

【MovableType】Twitter のつぶやきをサイドバーに表示する

Thu, 19 Aug 2010 21:11:12 +0900

Twitter のログをブログに表示してみた記録。基本的には簡単。ジェネレータで生成した HTML を貼り付けるだけだ。

[Movable Type] Twitterウィジェットをサイドバーに追加してみた - No Second Life
http://www.ttcbn.net/no_second_life/2009/02/movable-type-twitter.html

だけどそのままでは味も素っ気もない。読み込みが終わるまで空欄のままだし、表示も白黒になってしまう。ある程度整形して表示するようにしてみた。

【Unix】タイムスタンプを変更する

Sat, 14 Aug 2010 23:07:31 +0900

ものすごく基本的なことなのだけれど、実際必要になるまで覚えてなかった。

タイムスタンプを調べる

今日 iPhone で撮った動画のタイムスタンプが訳の分からない日付になっていて困った。ほかの写真と全く違うのだ。

[code:bash;gutter:false;title:昭和 3 年 1 月 19 日！？] $ ls -l IMG_0036.MOV -rw------- 1 delphinus staff 46099763 1 19 1928 IMG_0036.MOV [/code]

と言う訳で、改めてお勉強。ここに現れる時刻はいったい何なのか。

UNIX の部屋コマンド検索:タイムスタンプ (*BSD/Linux)
http://x68000.q-e-d.net/~68user/unix/pickup?%A5%BF%A5%A4%A5%E0%A5%B9%A5%BF%A5%F3%A5%D7

【MovableType】Twitter につぶやくボタンを各記事に設置する

Fri, 13 Aug 2010 13:16:27 +0900

アカウントをとったまま放置していた Twitter を使ってみることにした。ちょうどうまいことに公式の“Tweet Button”なるものが発表されて話題になっているところだったので、ついでにこのブログにも設置してみた。こんな感じ。ITmedia の記事に“Twitter Button”なんて書かれてたからそれ採用したけど、よく見たら“Tweet Button”だね。ｶｺﾜﾙｲので修正しました。

Twitter / ツイートボタン
http://twitter.com/goodies/tweetbutton

このサイトで作成した HTML タグを MT のテンプレートに貼ればいい……のだが、そう簡単ではない。各記事のテンプレートに貼るだけならば次のようなソースで足る(注意：data-via 属性は各自のアカウント名に変更すること。以下同様。)。

[code:html;auto-links:false] [/code]

これはクリックしたページのタイトルと URL を Tweet してくれるボタンを生成する。つまり、トップページやアーカイブページ等、複数の記事が載るページでは細工が必要だ。

と言う訳で、このサイトで使っている MT 用のテーマ“mt.Vicuna”に Tweet Button を設置した経過を書いておく。

【MovableType】一定数の記事ごとにページを分割する

Thu, 12 Aug 2010 20:56:10 +0900

MT には最近のバージョン（4.3 以降？）からページ送り機能がついている。これは長すぎるページを一定間隔に区切って分け、各ページにリンクを付けてくれる機能だ。Google の検索結果の一番下に出てくる「1 2 3 4 5 »」のような表示と考えればわかりやすい。特に月別やカテゴリー別のページは数百個の記事が並ぶこともあるわけで、記事が多くなったら必ず導入しておきたい。……というか、なんで標準のテーマにこれがないのかね？

小粋空間: Movable Type 4.3 の新機能（スタティックページのページ分割）
http://www.koikikukan.com/archives/2009/07/29-005555.php

主に、上のリンクに従って設定した。以下に手順を書いていく。

【MovableType】“関連エントリー”の表示を改善する

Wed, 11 Aug 2010 21:49:32 +0900

今まで記事の最後にある「関連エントリー」の表示は、記事のカテゴリーに属すものを最新のものから並べただけだった。これでは、記事が複数のカテゴリーに属す場合、メインカテゴリーの関連記事が表示されない場合がある。

例えば、前回の記事「」は右図のように 4 つのカテゴリーに属していて、そのうち一番上の「keyhac」カテゴリーがメインカテゴリーだ。

この状態で従来の「関連エントリー」表示を行うと次のようになる。

keyhac で Emacs 風ショートカットを定義する

Mon, 09 Aug 2010 17:26:33 +0900

キーカスタマイズソフト keyhac において、“複数のキー入力へアクションを割り当てる”ことが可能になっていた。要するにこれは、Emacs 風のショートカットを実現するためのものだ。

[code:python;title:config.py の例１] from keyhac import * def configure( km ): # グローバルキーマップ kmg = km.defineWindowKeymap() # “切り取り”は C-W に退避させておく kmg[ "C-W" ] = "C-X" # マルチストローク設定 kmg[ "C-X" ] = km.defineMultiStrokeKeymap() # 開く kmg[ "C-X" ][ "C-F" ] = "C-O" # 上書き保存 kmg[ "C-X" ][ "C-S" ] = "C-S" # 名前をつけて保存 kmg[ "C-X" ][ "C-W" ] = "A-F", "A" # 終了 kmg[ "C-X" ][ "C-C" ] = "A-F4" [/code]

これにより、Control を押下したまま、XC と順に叩いてウィンドウを閉じることができる。さらに応用として、

【Movable Type】5.0 → 5.02 へのアップグレード

Mon, 02 Aug 2010 12:01:02 +0900

今まで面倒で放置していたのだが、Movable Type を 5.0 から 5.02 にアップグレードしてみた。

Movable Type 5.0 から 5.0x へのアップグレード
http://www.movabletype.jp/documentation/mt5/upgrade/mt5.html

江迎？えむかい？

Mon, 26 Jul 2010 20:22:46 +0900

今日は書くこともないので前々から気になってたどうでもいい小ネタについて。

「借りぐらしのアリエッティ」感想

Sun, 25 Jul 2010 21:03:45 +0900

宮崎駿が監督しないジブリ作品というと、直近では「ゲド戦記」というどうしようもない例があった。そんなわけでだいぶハードルを下げて見に行ったつもりだったのだが……。う〜ん。これは、“ゲドよりはマシ”といったレベルかも知れない。

【Perl】my と our と local と……

Fri, 23 Jul 2010 17:40:55 +0900

当たり前のことなのだけど、改めて纏めてみる。レキシカルスコープとパッケージの範囲って全然違うんだなあ。

`our` と `my`

[code:perl;title:サンプル 1;highlight:[10,13,14]] #!/usr/bin/perl use strict; use feature qw! say !; package AAA; our $our_var = 123; my $my_var = 567; package DDD; say '$our_var : ' . ( $our_var // "undefined" ); say '$AAA::our_var : ' . ( $AAA::our_var // "undefined" ); say '$DDD::our_var : ' . ( $DDD::our_var // "undefined" ); say '$my_var : ' . ( $my_var // "undefined" ); say '$AAA::my_var : ' . ( $AAA::my_var // "undefined" ); say '$DDD::my_var : ' . ( $DDD::my_var // "undefined" ); [/code] [code:plain;title:実行例 1;gutter:false] $our_var : 123 $AAA::our_var : 123 $DDD::our_var : undefined $my_var : 567 $AAA::my_var : undefined $DDD::my_var : undefined [/code]

our も my もレキシカルスコープ全体で有効になる。この例の場合、その範囲はスクリプト全体となる。
レキシカルスコープ内では例えパッケージが違っていても参照できる（10, 13 行目）。
our は変数をパッケージの名前空間に紐付けする。つまり、グローバル変数を作る。my にそのような効果はないのでパッケージ名を付けても参照できない（14 行目）。

【Javascript】SyntaxHighlighter 3.0 を Movable Type で使う

Wed, 21 Jul 2010 20:01:01 +0900

SyntaxHighlighter を Movable Type で使うプラグインには次のものがある。

SyntaxHighlighter
http://alexgorbatchev.com/SyntaxHighlighter/

SyntaxHighlighter for Movable Type | kwrogu
http://blogspot.makotokw.com/portfolio/movabletype/syntaxhighlighter/

SyntaxHighlighter for Movable Type « kwLog
http://blog.makotokw.com/portfolio/movabletype/syntaxhighlighter/

これは SyntaxHighlighter 2.x にしか対応していないのだが、最新版の 3.0.83 で無理矢理動かしてみた。

【Javascript】SyntaxHighlighter 3.0 の新機能と注意点

Tue, 20 Jul 2010 23:22:25 +0900

ブログ等でコードをさらすときに必携のスクリプト“SyntaxHighlighter”がメジャーバージョンアップして 3.0 になっていた。2.0 系、2.1 系よりアップデートするときの新機能と注意点について書いてみる。

SyntaxHighlighter
http://alexgorbatchev.com/SyntaxHighlighter/

新機能について
http://alexgorbatchev.com/SyntaxHighlighter/whatsnew.html