Life is beautiful

　一つ前のエントリーに対して、アップルの増井さんから「もうちょっとシンプルな『メタ言語』で良いんじゃないでしょうか。YAMLみたいなのとか。」という良いアイデアをいただいたので、早速実装。先のサンプルが、ページ内にこんな感じで直接記述できる。

==iAnime.js: Benefits
 *Small footprint (<6KB compressed)
 *Lightweight (runs fine on iPhone)
 *Works well with jQuery.js and prototype.js
 *Free (MIT license)

==iAnime.js: Power
 *Easy to use (only three methods)
 *Powerful JSON-based animation language
 *Extensivle ("effects" and "plug-ins")

==iAnime.js: Design principle
 *KISS (Keep it simple stupid)
 *Less is more
 *Single timer for multiple animations
 *Optimized for iPhone/iPod touch

　この方がずっと良い（増井さんに感謝！）。下にサンプルページを貼付けておいた（クリックすると次のページに進む）。ちなみに、YAML版を実装するのに一番苦労したのが、innerHTMLで取得したYAMLをsplit()で一つ一つの文に分割する部分。なぜかIEだけが勝手に文をくっつけてしまうので、なかなかうまく動かなかったのだ。ググっても答えが見つからずしばらく悩んでいたのだが、フと思いついて、YAML文を<pre>タグの中に入れたところ解決。しばしば答えはそんな所にある。