ECMAScript 規定: ドル記号は機械的に生成されるコード中のみの使用を意図される
えんじに🐈にゃーん🍓🫐🍅🌽🍈🍇🦝 @uupaa うん。$ ってネームスペースとしては全く効率的じゃない。というか疲れる。 PHP やると疲労感を感じるのは $ の使用を強要されてるせいもあるとおもう 2010-09-06 04:42:00 えんじに🐈にゃーん🍓🫐🍅🌽🍈🍇🦝 @uupaa $ はそもそも人が利用する識別子として許されてないってのもデカイです(ECMAScript規約違反)。 著名ライブラリ達は平然と $ を利用していますが、あれルール違反だから 2010-09-06 04:44:25
uupaa.js と jQuery を機能を中心にざっくりと比較 - latest log
Classの継承についてサンプルを追記しました。 jQuery の特徴的な構文を uupaa.js で表現する方法を追記しました。 デバッグ支援機能について追記しました。 特徴 uupaa.js jQuery 初版 version 0.1 (2008-06-07) version 1.0 (2006-10-27) 最新版 version 0.8 (2010年末を予定) version 1.4.2 (2010-02-19) ライブラリの目標 WebOSのフロントエンド 不明 本来の用途 WebOS / WebApp DOMの操作とサイトの装飾 使われ方 導入実績なし 小〜中規模サイト / ポータルサイト等 想定されるコアユーザ層 エンジニア デザイナー / コーダー / エンジニア 名前空間 uu (1つ) jQuery と $ (2つ) ライブラリによる識別子プリフィクスの予約 uu また
Flashのように滑らかなアニメーションを実装するには(uupaa.js vs jQueryデモ) - latest log
JavaScript で Flash のような滑らかなアニメーションを行うためには、クロスブラウザな知識の他に、GC(ガベージコレクション)や「どうすれば安定した品質がだせるのか」といったスキルが求められます。 # GC の話は WEB+DB PRESS 57 でちょっと書いてます。 派手目なアニメーションが目的で jQuery を採用している方もいるとは思いますが、実は uupaa.js でも アニメーションや easing が利用できるんです。あらびっくり。 ただ「機能がありますよ〜」だと、さみしいので みんな大好き jQuery と uupaa.js のアニメーションの品質の違いが分かるようなデモを作成してみました。 iPhone/iPad や、IE6〜IE8で opacity を切り替えて見ると、ハッキリと違いが分かると思います。 http://jsdo.it/uupaa/uufx
uupaa.js の これまでと これから - latest log
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 画像が表示されない場合は何度かリロードしてください(当時はこういうのでも
Web Storage の残容量を調べてみた - latest log
Web Storage に保存可能なデータ量を計測してみました。 Browser Max Firefox3.5.3 5MB Firefox3.6β5 4.99MB iPhone 3.1.2 2.49MB Safari4 50MB以上 Chrome 4 2.49MB IE8 2.22MB Opera10.50 2.49MB (バッド)ノウハウ iPhone で容量オーバーを回避する 既存のデータと上書するデータの合計が 2.4MBを超える場合に容量オーバーが発生します。回避するには、一度空文字列で上書します。 var db = window.localStorage; db["a"] = ""; // 空文字列で上書(削除) db["a"] = "......."; // 設定 IE8 には残量を示す localStorage.remainingSpace がある IE8 の localSt
document.matchesSelector 相当の機能を実装してみた - latest log
より効率的なコードに差し替えました http://dev.w3.org/2006/webapi/selectors-api2/#matchesselector と id:javascripter さんの記事 Selectors APIのmatchesSelectorと、動的なページでのイベント処理 via http://d.hatena.ne.jp/javascripter/20091018/1255889085 を参考に uu.match(expr, ctx, rtype = 0) な関数を書いてみました。 // uu.match - document.matchesSelector like function function uumatch(expr, // @param String: "css > expr" ctx, // @param NodeArray/Node: matc
2分でわかる uupaa.js の サクサク :: handsOut.jp
スライド1: 2 分でわかる uupaa.js~ Speedy ~uupaa.js@gmail.com スライド2: 今日のテーマは「サクサク」 スライド3: サクサクにするには1. 名前解決コストを減らす2. ガベージレス3. Hash で評価4. Hash の事前生成5. イベントハンドラの軽量化 スライド4: 1. 名前解決コストを減らす• スコープ内に alias を作成し、そちらを参照する– STYLE B は JIT 非搭載ブラウザで特に効果的例: IE6で 6%, IE7,IE8で 9%, Firefox3で 12%, Opera10で 3% 高速化例: 関数の alias を用意すると IE6で 2.7倍 高速化// 元のコード (STYLE A)var _regexp = /regexp/;(function() {(function job() {for () {
今日は、いい肉の日なので、uupaa.js 0.7 α版 をリリースするよ(その2) - latest log
14ヶ月ぶりに uupaa.js をリリースします。 内容は、 HTML5 タグのサポート HTML5::Canvas CSS3 プロパティのサポート Gradients, Rounded corners, Drop shadows, Multiple backgrounds, Reflection Auto Viewbox IE boost 透過png, max-width, position: fixed, position: absolute バグの修正, opacity -uu-display: table, -uu-text-shadow, -uu-box-effect, CSS3 Selector Ajax, DOM, Event, Tween, Drag&Drop, UI, コンディショナルセレクタ 秘密の機能 です。 以下の spinoff プロジェクトの成果を取り込んでい
Selectors API以降のセレクタ実装 - jQueryとSizzleとuupaa-selectorとkQuery - ?D of K
低速復活中なので、kQueryを細々と書き直しました。 http://kquery.if.land.to/slickspeed2/system/kquery.js URLからもわかるように大好きなSlickSpeedも置いておきました。 http://kquery.if.land.to/slickspeed2/ http://kquery.if.land.to/slickspeed2/slickspeed2.zip 広告入るスペースなので、zipに固めたものも置いておきます。 基本的に速度向上ではなくて、内部的なリファクタリングがメインなので、劇的に速度が向上したりはしていません。まぁ、少しは向上していますがｗ 今回の改造は、 親ノードを配列で複数渡せるように。 大抵のセレクタ実装だと一つの親しか渡せないけど、find関数を実装することを考えると複数取れた方が都合がいいよね？ ID、クラス
Mutation Event は、薬にも毒にもなるから気をつけて - latest log
jQuery1.3β みた(jQueryのコードをまじめに見たのは、これが初めてかも) 比較演算子(==)が厳密比較演算子(===)に jQuery の CSSセレクタが、Sizzle 0.9 になった。 以前の Sizzle に存在した“Firefox,Operaでクエリ結果をキャッシュする機能”が、Sizzle 0.9 からはカットされてる。 Sizzle 0.9 から キャッシュ機能 が消えたわけを想像してみる CSSセレクタの結果をキャッシュする方法の一つに、Mutation Event がある。 document.addEventListener("DOMSubtreeModified") ってやると、DOMツリーの全ての改変をフックしてくれる。 ちょっと前の Sizzle は、"DOMNodeInserted", "DOMNodeRemoved", "DOMAttrModifi
uupaa-excanvas.js - README
uupaa-excanvas.js is JavaScript library where HTML5::Canvas is offered. uupaa-excanvas.js は HTML5::Canvas 互換機能を提供する JavaScript ライブラリです。 Features - 特徴 Hybrid: - Rendering is done with Silverlight and VML in IE, and other browsers do rendering with canvas. - IE なら Silverlight と VML でレンダリングを行い、その他のブラウザは canvas でレンダリングします。 Only one: - Only library where the vector graphic can be treated in IE8
uupaa-selector.js - README
uupaa-selector.js is JavaScript library where the CSS, ID, Tag, Class, XPath selectors and Array Iterata are offered. uupaa-selector.js は CSS, ID, Tag, Class, XPathセレクタと、Arrayイテレータを提供する JavaScript ライブラリです。 Features - 特徴 Light: - CSS selectors are 6 times jQuery-1.2.7 faster, and 40 times Prototype.js-1.6.2 in IE6. - CSSセレクタは、IE6で jQuery(1.2.7)の6倍速く Prototype.js(1.6.2)の40倍高速です。 Right: - Co
uupaa-mutationevent.js - README
Installation - 導入方法 uupaa-mutationevent.js is a package of a part of the function of uupaa.js. uupaa-detect.js is necessary. uupaa-mutationevent.js は uupaa.js の機能の一部をパッケージしたものです。uupaa-detect.js が 必要です。 <head> <script type="text/javascript" src="uupaa-detect.js"></script> <script type="text/javascript" src="uupaa-mutationevent.js"></script> </head>
CSSセレクタがトータルで100倍速くなったからそろそろ終わり - latest log
function _fakeMutationEvents(elm) { elm.style.behavior = "none"; (function(n) { var fn = n.removeChild; n.removeChild = function(oldChild) { // DOMNodeRemoved uuClass.Selector.clearCache(); return fn(oldChild); } })(elm); elm.attachEvent("onpropertychange", uuClass.Selector.clearCache); // DOMAttrModified uuClass.Selector.clearCache(); // DOMNodeInserted } window.onload = function() { document.cre
DOMNodeInserted と DOMNodeRemoved に似た仕組みを IE でも使えるようにして、セレクタの実行結果をキャッシュする - latest log
セレクタ(id, tag, class, css, xpath)の実行速度を改善するには、2つの方法があります。 ロジックを改善する キャッシュを使う 今日は2の方法について検討したことを書き残します。 心配事 キャッシュを使う上での心配事は「キャッシュが古くなったらどうするか、それをどうやって知るか?」です。 古くなったキャッシュはクリアしなければなりません。 DOM Level2 MutationEvents を使うと、ノードの挿入, 削除と、属性の更新 を取得できる DOM Level2 MutationEvents という仕様があります。これらを活用するとDOMツリーが更新されたタイミングを監視できます。 DOMNodeInserted は ノードの挿入, DOMNodeRemoved は ノードの削除, DOMAttrModified は 属性の変更に対応しています。 各ブラウザ
uupaa-selector.js version 1.2 をリリースしました。 - latest log
Ver 1.1との違い XMLDocument, HTMLDocumentを区別し動作する HTMLDocument(content-type: text/html) なら タグ名の大文字/小文字を無視して要素を検索するが、XMLDocument(content-type: application/xml or application/xhtml+xml or text/xml)なら区別する。 精度の向上 W3Cの公式テストのうち、テスト可能な約100項目のほぼ全てをパスするようになった。 テストできない項目は、擬似クラス系(:active, :hover, :focus), 動的擬似要素系(::after, ::before, ::selection, ::first-letter, ::fitst-line), @namespace系 と :not系 uupaa-selector.js
uupaa.js version 0.6 をリリースしました。 - latest log
変更点: http://uupaa-js.googlecode.com/svn/trunk/CHANGELOG.htm 注意点 version 0.6 では CSSセレクタ(uu.css)を書き直しています。 → querySelectorAll相当の機能を実装してみた(uupaa.jsのCSSセレクタを書き直した) - latest log jQueryと比較した場合に、CSSセレクタとしての精度はuupaa.jsが上なのですが、速度的にはjQueryに100倍ぐらい差をつけられている項目がありました。 『まず正しく動くものを書き、その後に早くする』という格言 遅い部分については次以降のバージョンで改善していきますが、それでもトータルの速度ではjQueryに勝てない気がします。 なぜなら、jQueryは本来必要なチェックをすっ飛ばして速度を稼いでいる箇所が沢山あるからです。 ハンデ戦でし
中機能タイマー - latest log
uu.create.timer()は、window.setInterval() と window.setTimeout() の代替手段となるものです。 さほど高機能でもないので、中機能ってことで。 特徴: 低負荷 多数のタイマー(10本〜)を同時に使用する状況下で、CPU負荷がsetInterval(),setTimeout()よりも20〜30%程軽い。 サスペンド(一時停止)とレジューム(再開)が可能。 ループ回数を指定可能。無限ループも可能。 ループ回数を1にすれば、setTimeout(), 無限にすればsetInterval()互換の動作。 delay時間をプログラマブルに変更可能。 アニメーションGIFのような処理がとても簡単。 メモリコンパクションで使い古しのリソースをスッキリ削れる。 使いどころ: もっさりなサイト(エフェクトを多用しているサイト)なら導入するだけで効果がある
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
えんじに🐈にゃーん on Twitter: "@yasutaka はぇぇ、もうばれましたか。uupaa.js 0.7 にオマケでくっついてるプラグイン(uup.bite.js)を使うと、jQuery プラグラインの何割かが、ほぼそのまま動きます。"
Google Code Archive - Long-term storage for Google Code Project Hosting.