uupaa.js の これまでと これから

uupaa の中の人は28ヶ月前にペットショップからウーパールーパーを2匹連れ帰りました。
同じ日に、「作れども作れども UI 速くならず、じっとコード見る」な感じから脱却するため、中の人は、"uupaa" という固有名詞がWeb上に存在しないことを確認し uupaa.js というオレオレライブラリを作りはじめました。

なぜ当時、百花繚乱な他のjsライブラリを使うことを考えなかったか…

• 飲みながらじゃないと言えないっ

JavaScript勉強前(2年ぐらいまえ)は…

JavaScriptを真面目に勉強するまえだと、これで精一杯でした

• CoverFlow - http://pigs.sourceforge.jp/old_uupaa/uupaa.js.0.3.18/demo/coverflow/coverflow.htm

• • 画像が表示されない場合は何度かリロードしてください(当時はこういうのでもつまずいてた)
  • 画像の真ん中らへんをドラッグしてパラパラめくったり、引っ張ってみたりできます。ホイールでも動きます。
  • 画像はスススッと傾いたり、クルンってアニメーションしたりするのですが、今時のブラウザだと速すぎてアニメーションが見えませんね。これ
    • アニメーションを堪能したい方は Firefox2 などでごらんください (当時は Firefox 2 の速度に合わせて開発してました)
    • IEとOperaだと動かないね(当時は知識なかったし)
    • よく聞かれるのですが、CoverFlow の js 自体は2日で作ってます

去年は…

一年ぐらい勉強したら、こういうのが作れるようになりました

• Canvas + Window - http://uupaa-js.googlecode.com/svn/trunk/0.6/demo/widget/uu.module.widget.window.htm

• • クロスブラウザなUIに必要なボックスモデルの基礎知識や、ドラッグandドロップには膨大なバッドノウハウが必要なんです
  • しかもどのブラウザでも速く動かすためには、さらなるレベルが要求されたりします。
    • uupaa.js version 0.6の ライブラリパスがずれてて、デモがIEだとうまく動いてないんですが、本来はIEでも動きます。

半年前は…

思い通りにコードを書けるぐらいの余裕がでてきたので、こういうのを作ってました。

• uupaa.js で jQueryプラグインを動かす - http://d.hatena.ne.jp/uupaa/20091129/1259491129

時々は…

uupaa.js 作成途中で生まれた成果物を単体利用可能なライブラリとしてスピンオフしてきました

• uuAltCSS.js - IEや古いブラウザでもCSS3の目玉機能の多くが使える
  • http://uupaa-js-spinoff.googlecode.com/svn/trunk/uuAltCSS.js/README.htm
    • CSSパーサー + ブラウザ本来のレンダラーを独自手法で乗っ取る + CSS3ボックスモデルに基づくブラウザ in ブラウザ + <canvas> でレンダリング + IE6〜IE8 の機能強化 + bugfix
• uuCanvas.js - IEや古いブラウザでも<canvas> が使える
  • http://uupaa-js-spinoff.googlecode.com/svn/trunk/uuCanvas.js/README.htm
    • マルチバックエンド(VML, Silverlight, Flash, <canvas>)
• uuQuery.js - CSSセレクタ
  • http://uupaa-js-spinoff.googlecode.com/svn/trunk/uuQuery.js/README.htm
    • jsの実装としては世界最速 + 最高精度
• uuStorage.js - IEや古いブラウザでも WebStorage(LocalStorage) 相当の機能が使える
  • http://uupaa-js-spinoff.googlecode.com/svn/trunk/uuStorage.js/README.htm
    • マルチバックエンド(Cookie, IEStorage, FlashStorage, WebStorage, MemStorage)
• uuAudio.js - IEや古いブラウザでも Audio 相当の機能が使える
  • そういえば、リリースするの忘れてた
    • マルチバックエンド(Audio, Silverlight, Flash)
• uuMessagePack.js - MessagePack の実装
  • たぶんもうちょっとでリリースします

現在は…

uupaa.js version 0.8 をつくっています。

これは、version 0.1 から数えて8回目の「すべてなかったことにして最初から設計」だったりします。
各バージョンは、それまでの経験や知識を入れ込んだものを作りたかったため、Version 間の互換性は全くありません。

version 0.8 では

• jsビルドツールの同梱
  • MobileWebKitモード(アンチクロスブラウザモード)
    • サイズの最適化と、実行速度の最適化。WebKitに必要のない無駄なコードをデストローイ
  • #include でソースコードの依存性を持ったソースコードの取り込みとmifify
  • API呼び出しを検出。依存関係の精査とソースコードのAutoInclude
• スピンオフプロジェクトの取り込み
• ベクターグラフィックライブラリのサポート強化
• これまで自重してきたUI部品をアレする
• 古いブラウザでも、できるだけ HTML5 + CSS3 を利用可能にする
• MultiTouch DnD + Gesture で Microsoft Surface 的な(2) - latest log
• MultiTouch +SVG + DragAndDrop + Gesture - latest log

などにトライしています。

うぱぱー

家のうぱぱ達は、今こんな感じ!
あれからいい感じに成長して、ろ〜〜〜んぐて〜〜るうぱぱになりました。

# 写真は http://foodpic.net/ さんが美味しそうに加工してくれました!