Ad Network

あわせて読みたい

  • あわせて読みたい

« プレゼン資料用のメタ言語ってどうだろう | Main | オッパイはあぶない »

HTML+JSでプレゼン、YAML版も作ってみた

 一つ前のエントリーに対して、アップルの増井さんから「もうちょっとシンプルな『メタ言語』で良いんじゃないでしょうか。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>タグの中に入れたところ解決。しばしば答えはそんな所にある。

TrackBack

TrackBack URL for this entry:
http://www.typepad.com/services/trackback/6a00d8341c4f9853ef00e54fae537a8833

Listed below are links to weblogs that reference HTML+JSでプレゼン、YAML版も作ってみた:

Comments

あばばばば

Webページにらくがきするブックマークレット
ttp://my.opera.com/Watanabe/blog/2007/02/28/bookmarklet-03


これと組み合わせればますます便利そう。

Post a comment

This weblog only allows comments from registered users. To comment, please Sign In.