指定した element のサイズに合わせて 1 行ごとにフォントサイズを調整する jQuery のプラグインを書いた。結果はサンプルを見た方がわかりやすいと思う。

• jQuery.lineJustify (GitHub)

指定したフォントや、使っている文字とブラウザの組み合わせによっては、上手くサイズが合わなくて折り返しちゃったりする事があるので、完璧ではないけど。。一応、Mac の Safari、Chrome、Firefox でテストした。

これを作る前に テスト駆動JavaScript を読んでたので、JsTestDriver のテストを書きながら作ってみた。

ちょっとハマったのが、JsTestDriver の charset が iso-8859-1 で決め打ちされてるので、日本語のテストができなかった。一応 Accepted になってる からいつかは直ると思うけど、結構放置気味…。

TDD を初めて自分でやってみたんだけど、テストを先に書く良さというのが (説明はできないまでも) 何となく体感できたような気がする。

後は、JsTestDriver のテストは、”test…” で始まらないものが無視されるようなので、考えた仕様をメモ的に “should ….” とかで空のテストとして思いついたものから書いておいて、1 つづつ順番にテスト → 実装を繰り返すようなこともした(邪道かもしれないが)。