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 また
uupaa's pure JavaScript module pattern - latest log
2013-08-19 uupaa's pure JavaScript module pattern pure JavaScript で記述し、Browser, WebWorker, Node.js で使えるモジュール定義パターンのご紹介。 uupaa 2013-08-19 18:05 前の記事
(ε・◇・)з hasOwnProperty を使った for in ループより 20%～84% 低コストな、うーぱー式 ループのご紹介だよ～ Object.keys を使い、key を列挙することで、hasOwnProperty を使った for in ループよりも速くなります。 var keys = Object.keys(obj), i = 0, iz = keys.length; for (; i < iz; ++i) { var key = keys[i]; var value = obj[key]; ... ベンチマーク http://jsperf.com/perf-for-in-loop-vs-pre-enum-keys-for-loop/8 Browser for_in_hasOwnProperty loop uupaa-looper Chrome 16.0.912.77
スライド1: 2 分でわかる uupaa.js~ Debug Navigation ~uupaa.js@gmail.com スライド2: まず スライド3: 階層ナビゲーション• スタックトレースを表示する機能– Firebug などに搭載されている– 今日の主役は、この「ナビ子」さん スライド4: uupaa.js と ナビ子function xboot(uu) {}uu.css.size.get(uu.id("id"));• ナビ子「今ここよ」• ユーザ「ありがとう」uucsssizeget < xboot < _fire スライド5: $(function() {});jQuery と ナビ子$("#id").width();• ナビ子「今ここよ」• ユーザ「…え ? 」• ナビ子「え ? 」curCSS() < (?)() < each() < getWH< css() <
uupaaさんのCoffeeScript利用時の注意点
えんじに🐈にゃーん🍓🫐🍅🌽🍈🍇🦝 @uupaa CoffeeScriptやる人に一言。jsはシングルスレッドだけど匿名関数でラップすると関数の出口でスレッドコンテキストする可能性あるから、並列処理にスレッドもってかれないように気をつけて。最近某アレで「朝までにページ表示が不安定なのを直して」と泣き付かれた奴はまさにそれだったよ えんじに🐈にゃーん🍓🫐🍅🌽🍈🍇🦝 @uupaa CoffeeScriptはうっかり匿名関数でラップするから、「タイミングに依存する作りで、状態遷移をしっかりせず、手抜きしてると先にxhrが終わってしまい、そこで処理もってかれて、準備できてないのにページ表示処理が走って、全体が不安定になる」って奴だった
uupaa.js 0.7 の概要を、1分でざざーっと分かるように書きました。 これ自体10分で書いてるので、ノープラン・ノーチェックでお届けします。 uupaa.js のビルド uupaa.js というファイルはありません。 必要な機能を組み合わせ、ユーザがビルドして作ります。 ビルドコマンド ビルド方法を説明したスライド: http://handsout.jp/slide/1909 b.php がビルドコマンドになります(要PHP)。パッケージ名のほかに、-m -y -g -j などのオプションを指定できます。 build/b.php パッケージ名 -m -m, -y, -g は MS, Yahoo, Google 製のコンパイラで Minify します。 -j はコメントの削除とファイルの結合だけを行います。 ビルドに成功すると、 uupaa.js と build/mini.パッケージ
スライド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 の中の人は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 画像が表示されない場合は何度かリロードしてください(当時はこういうのでも
追記: サンプルを追加しました。 実装済みの機能 clearRect, beginPath, moveTo, lineTo, bezierCurveTo, quadraticCurveTo, rect, strokeRect, fillRect, closePath, createLinearGradient, createRadialGradient, stroke, fill, arc, save, restore, translate, rotate, scale, transform, setTransform, clip CanvasGradient.addColorStop CanvasPattern(パターンフィル + タイリング対応) 一部実装済みの機能 drawImage(HTMLImageElementのみ対応) 実装できない機能 ピクセル系(toDataURL, ge
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、クラス
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-cssselector.js を改名し、機能を大幅に強化したものを uupaa-selector.js としてリリースし直しました。 2008-10-11追記: uupaa-selector.js version 1.2 をリリースしました。 - latest log uupaa.js(ver 0.7)の実装をベースに、 getElementById() getElementsByTagName() getElementsByClassName() getElementsBySelector() のクロスブラウザな実装一式と、 Arrayのイテレータ(forEach, filter, some, every, map) ブラウザ判別コード 等をギュギュッと詰め込んだ 福袋仕様 です。 サポートブラウザは、Gecko系, WebKit系, Opera9系 と IE6+です。 社内
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さんのマイページ :: handsOut.jp
09-06-17 2009/06/17(水)のメンテナンス作業は終了いたしました。ご迷惑をお掛けしました。 09-06-12 急で申し訳ございませんが、2009/06/17(水)は メンテナンス作業のため、一時的にアクセスが 出来ない状態となります。予めご了承下さい。
uupaa.js にはテスト用のフレームワークがありませんでした。 uupaa.js 0.7 は例により、フルスクラッチ(スクラップ?) & ビルド なので、いよいよテスティングフレームワークが必要に。 JsUnitなどの導入も検討したのですが、好みと違ったので uupaa.js の機能の一部として用意することに。 ステップ1 (HTMLファイルを用意する) HTMLファイルを作ります。ファイル名の制限はありませんが、テストで使用する js ファイルと同じ名前 (例: uu.size.htm ) が分かりやすいと思われます。 <html><head><title>uu.size test</title> <script src="../uupaa.debug.js"></script> </head><body></body></html>このとき、タイトル部分を「機能名 + " " +
リリースしました。 uupaa-selector.js Version 2.0 (ChangeLog) uupaa-mutationevent.js Version 0.1 (ChangeLog) uupaa-excanvas.js Version 0.1 (ChangeLog) uupaa-detect.js Version 1.0 (ChangeLog) uupaa-color.js Version 3.0 (ChangeLog) 内訳は世界初が1つ。世界最速が1つ。おまけが3つ。 以前は「各ライブラリが単体で動けばいいや」的な実装でしたが、今回は「組み合わせることを前提に」書き直しています。 順番に意味があるので、順番間違えると動きません。 uupaa-excanvas.js は dual license(MIT + Apache)にしました。他とは違うのでお気をつけて。 もはや素の
前書き JavaScript Advent Calendar 2011(フレームワークコース) 8日目担当 ArcCosineです。 JavaScriptのフレームワークは数多く存在しますが、国内産で優秀な機能を持つuupaa.js(Ver0.8)についての解説もどきを書きたいと思います。 本エントリでは最後のTipsにHTML5のCanvasを用いているため、IEでは正常に表示できない可能性がありますが、仕様ですのでご了承ください OperaかGoogle ChromeかFirefoxかSafariでの閲覧を強くおすすめします。 excanvas.js?(∩ ﾟдﾟ)アーアーきこえなーい uupaa.jsとは uupaa.jsは、uupaaさん(Webサイト:latest log)が作成されたJavaScriptのフレームワークです。 uupaa.jsの特徴は幅広いブラウザをサポートしつ
uupaa-excanvas.js と ExplorerCanvas(excanvas.js) の違い - latest log
uupaa-excanvas.js 0.4α がダウンロード可能になりました。 最新版のダウンロード: http://code.google.com/p/uupaa-js-spinoff/downloads/list uupaa-excanvas.js と ExplorerCanvas(excanvas.js) の違いについて書いてみます。 # uupaa-excanvas.js(ver 0.23), ExplorerCanvas(r3) について述べています。 同じ材料から同じ物を作ったら、味も同じなのか? uupaa-excanvas.js と ExplorerCanvas は共に、IE がネイティブにサポートしていない HTML5::Canvas を JavaScriptレベルで実装するものです。 Canvas API(I/F), 取り組むべき問題, 使える道具(VML + Silv
HTML5 Web Storage-- な機能を uupaa.js に実装してみた - latest log
Cookieよりも大容量のデータをクライアントサイドに保存する仕様。それが HTML5 の Web Storage です。 Web Storage はまだ策定中です。 Firefox3.5+, IE8+, Safari4+, Opera10.50+ など最新のブラウザでは既に利用可能ですが、「何年も待ってられない、今すぐ使いたい」ですよね? そこで、クロスブラウザな Web Storage 相当の機能を uupaa.js に実装してみました。 # sessionStorage は実装していませんよ デモ http://pigs.sourceforge.jp/blog/20100104/20100104_uu.storage.htm Firefox2+, Safari3.1+, IE6+, Google Chrome3+, Opera9.2+ で動作確認してます。 ストレージバックエンド 以
uupaaさんやos0xさんがやってくる「ごはんとFlash with JS」開催のお知らせ - KAYAC Engineers' Blog
最近社内で、「やりましょう。外村君よろしく。」という流れになりつつあります、外村です。こんにちは。 2010年8月21日に鎌倉どんぶりカフェbowlsで交流会イベント「ごはんとFlash with JS」を開催します。 ごはんとFlash 交流会イベントやります('10/8/21) | エントリー | _level0.KAYAC | flash ActionScript blog JSのほうからは、LTかライブコーディングに @uupaa さんや @os0x さんを招いて開催する予定です。 詳細は以下より。 ごはんとFlash with JS ■日時 2010/8/21(sat) 19:00 - 22:00(open 18:30) ■会場 鎌倉どんぶりカフェbowls : (鎌倉市小町2-14-7 1F ■定員 80人(半立食形式) ■会費 5000円(カード不可/領収書可) ■ゲスト(予
著名なライブラリとの機能比較です。 uupaa.js は、ブラウザ の違いを吸収しつつ、同様のライブラリよりも高速に動作します。
今日は、いい肉の日なので、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 プロジェクトの成果を取り込んでい
uupaa.js - ReadMe
uupaa.jsは、日本生まれのコンパクトでクロスブラウザなJavaScriptライブラリです。 “ライブラリの選択肢が増えるのは悪くない”と思える方は、一度デモをご覧になってください。 Feature comparison - 機能比較... DEMO - デモ 簡単なデモを用意しました。これ以外にも動作確認用のhtmlが demo/ にあります(開発中のものも混じっています)。 Effect: エフェクト Window: CanvasによるWindowの基礎実装 Unofficial excanvas.js (ver 0.3): Canvas Bench UI: Drag & Drop - ドラッグ & ドロップ 3D: Cube - キューブ, Cube x 8 - キューブ8個 Timer: Virtual Timer - 仮想タイマー Request: Ajax, JSONP ア
透過png専用のJavaScriptライブラリ(uupaa-suketrans.js) - latest log
Google Code Archive - Long-term storage for Google Code Project Hosting. から透過png処理だけを抜き出し Google Code Archive - Long-term storage for Google Code Project Hosting. としてリリースしました。 IE5.5とIE6で、アルファ成分を含むpng画像を自動的に透過処理します。 背景画像については、class="alpha" か class="png" が設定されている要素のみを透過処理します。 以下の要素が透過対象となります。 <img src="*.png"> <input type="image" src="*.png"> <* style="background-image: url(*.png)" class="alpha"> <*
メニュー - uupaa.js非公式リファレンス
uupaa.jsの使い方を探っていくサイトPages メニュー Recent Entries sf, sprintf セレクタ – selector1,selector2,…,selectorN セレクタ – * セレクタ – .class セレクタ – タグ名 Categories セレクタ 基本 未分類 Archives 2010-09 Tag Cloud Search Search uupaa.js非公式リファレンス
GitHub - uupaa/Spec.js: Mobile device and Browser spec detection.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
2分でわかる uupaa.js の 設定 :: handsOut.jp
スライド1: 2 分でわかる uupaa.js~ Configration ~uupaa.js@gmail.com スライド2: window.xconfig• 必要なら window.xconfig で動作を設定できる• window.xconfig は uupaa.js 読み込み前に記述する<script>window.xconfig = {dir: "../img", // パーツディレクトリaria: 1, // WAI-ARIAdebug: 1, // DebugModeright: 1, // RightModealtcss: function(uu) { return {}; }, // AltCSSvisited: 1, // :visitedinnerText: 1 // innerText, outerHTML};</script><script src="uupaa
uupaa.js - README
Features HTML5, CSS3 uuAltCSS, uuCanvas, uuQuery Ajax, Color, ConditionalSelector, ECMAScript5th, Event, FlashLoader, JSON, jQuery Plugins, Layer, MessagePump, NodeBuilder, Tween, UI, UnitTest, WebStorage Details HTML5 APIs <canvas> → uu.canvas() WebStorage → uu.local() CSS3 APIs document.querySelectorAll → uu.query() document.matchesSelector → uu.match(), uu.live() CSS2.1 and CSS3 CSS2 MaxWidth →
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
uupaa-excanvas.js 古いInternet Explorerでも、HTML5 canvasを使えるようにするJavaScriptライブラリ「uupaa-excanvas.js」が公開されています。 SilverlightとVMLを使うようです。 ライセンスはMITとApache License 2.0のようです。
GitHub - uupaa/flow.js: A very simple way to wait for asynchronous processes.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - uupaa/ES.js: ECMA-262 Script version 5/6/7 polyfill, fallback, shims and documents.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
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
GitHub - uupaa/WMCache.js: Client side temporary storage to boost performance.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - uupaa/ChromeTrigger.js: Web Intent implementation. We will say Goodbye Android Browser!
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
uupaa.js - ReadMe
uupaa.jsは、日本生まれのコンパクトでクロスブラウザなJavaScriptライブラリです。 “ライブラリの選択肢が増えるのは悪くない”と思える方は、一度デモをご覧になってください。 Feature comparison - 機能比較... DEMO - デモ 簡単なデモを用意しました。これ以外にも動作確認用のhtmlが demo/ にあります(開発中のものも混じっています)。 Effect: エフェクト Window: CanvasによるWindowの基礎実装 Unofficial excanvas.js (ver 0.3): Canvas Bench UI: Drag & Drop - ドラッグ & ドロップ 3D: Cube - キューブ, Cube x 8 - キューブ8個 Timer: Virtual Timer - 仮想タイマー Request:
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
uupaa.js と jQuery を機能を中心にざっくりと比較 - latest log
uupaa looper 見っけたよー - latest log
2分でわかる uupaa.js の Debug Navigation :: handsOut.jp
uupaa.js 基礎知識なんちゃってマスター - latest log
2分でわかる uupaa.js の サクサク :: handsOut.jp
uupaa.js の これまでと これから - latest log
Silverlight で HTML5::Canvas を実装中 - uupaaの開発日記
uupaa-excanvas.js - README
uupaa-selector.js version 1.1 をリリースしました。 - latest log
UnitTest もどきを書いてみた - uupaaの開発日記
excanvas.js にさようなら。 - uupaaの開発日記
今日からあなたも使える！？ uupaa.js入門！
Amazon.co.jp: WEB+DB PRESS Vol.61: 西岡祐弥 (著), 濱田章吾 (著), 横山彰子 (著), 浜本階生 (著), ミック (著), uupaa (著), 塙与志夫 (著), はまちや2 (著), 大沢和宏 (著), 中島聡 (著), 矢野りん (著), 中島拓 (著), 浦嶌啓太 (著), 角田直行 (著), 佐々木一 (著), 倉井龍太郎 (著), 深町英太郎 (著), 岩永賢明 (著), 高橋健一 (著), 柴田博志 (著), 井上誠一郎 (著), 大谷弘喜 (著)
uupaa.js - Feature Comparison
Amazon.co.jp: WEB+DB PRESS Vol.57: 今村謙之 (著), 遠藤正仁 (著), 浜本階生 (著), uupaa (著), 増井俊之 (著), 大沢和宏 (著), 伊藤直也 (著), 村瀬大輔 (著), 塙与志夫 (著), 中島拓 (著), 中島聡 (著), 角田直行 (著), cho45 (著), はまちや2 (著), 新里祐教 (著), 塚田翔也 (著), ミック (著), 関治之 (著), れさく (著), 加藤幹生 (著), 原悠 (著), WEB+DB PRESS編集
Amazon.co.jp: WEB+DB PRESS Vol.60: まつもとゆきひろ (著), 西尾泰和 (著), 山田憲晋 (著), 城戸忠之 (著), 増井俊之 (著), 羽生章洋 (著), uupaa (著), ミック (著), 塙与志夫 (著), 原悠 (著), 奥一穂 (著), はまちや2 (著), 大沢和宏 (著), 吾郷協 (著), 浜本階生 (著), 中島拓 (著), 中島聡 (著), 矢野りん (著), 角田直行 (著), 能登信晴 (著), 田村哲也 (著), 吉村譲 (著), 結城
LatestLog/2015-12.md at master · uupaa/LatestLog
古いIEでもHTML5 canvasを使えるようにするJSライブラリ「uupaa-excanvas.js」
uupaa-selector.js version 1.2 をリリースしました。 - latest log
GitHub - uupaa/hlsdump: HLS Dump