2010-06-01から1ヶ月間の記事一覧

MultiTouch DnD + Gesture で Microsoft Surface 的な(2)

http://d.hatena.ne.jp/uupaa/20100625/1277424226 の続きです。拡大/縮小/回転をクロスブラウザにしました。 http://jsdo.it/uupaa/MultiTouchDragAndGesture iPhone(iOS4), IE 6+, Opera 10.50+, Firefox 3.5+, Google Chrome 5+, Safari 4+ で動作を確認…

MultiTouch +SVG + DragAndDrop + Gesture

MultiTouch と SVG で遊んでみました。PCならマウスホイールで拡大/縮小, シフトキーを押しながらホイールで回転。 iPhoneならピンチで拡大/縮小と回転。 トリプルタップやトリプルクリックで元のサイズに戻ります。 jsdo.it http://jsdo.it/uupaa/MultiTouc…

MultiTouch DragAndDrop + Gesture で Microsoft Surface 的な

続き書きました http://d.hatena.ne.jp/uupaa/20100629 MultiTouch の習作として、Microsoft Surface ( youtube: http://bit.ly/1wTzk ) に似たインターフェースを js で実装してみました。ピンチで拡大。回転。トリプルタップで元のサイズに戻ります。 demo…

Drag and Drop をマルチタッチ対応に

js

シングルマウスなDrag and Dropなコードを、マルチタッチ対応にしてみました。http://jsdo.it/uupaa/MultiTouchDnDiPhoneでテストしています。 マルチタッチ初挑戦なので、色々と分かってません。 マルチタッチ対応の要点 今回は、シングルマウスのコードを…

IEで透過pngにopacity

@nksm さんのつぶやき IE7+で透過pngに対してopacityを指定した時の汚さはなんとかならんかな。IE6はキレイなんだが・・・。via http://twitter.com/nksm/status/16611637369 を見つけたので、VMLを使って透過pngにopacityを適用する方法を jsdo.it にあげま…

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

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

WEB+DB PRESSで連載始まるよ

js

初めての人はこんにちは! いつも遊んでくれる方々もコニチハ! WEB+DB PRESS という技術情報誌で、続き物がはじまるよ。 今回のお題は「JavaScriptの高速化」です。 お正月明けに、「JavaScriptでなんか書いてよ」→「…ぇとuupaa名義でもOK?」→「ええよ」から…

String.toJSON(), JSON.stringify(), JSON.parse() の実装比較一覧

"あa".toJSON() JSON.stringify("あa") JSON.stringify({"あa": null}) Google Chrome6(dev) "あa" ""\u3042a"" "{"\u3042a":null}" Safari5 not impl ""あa"" "{"あa":null}" Opera10.60β not impl '"あa"' '{"あa":null}' Firefox3.6.3 "あa" ""あa"" "{"…

msgpack.js RC2

Change Log Retake toIEEE754() Retake callback arguments in msgpack.download() and msgpack.download() Test case msgpack codec test msgpack download / upload demo benchmark msgpack vs json Functions Download and Upload functions msgpack.down…

msgpack.js RC

MessagePack 発案者様から「末席あいてますよ」とお言葉をいただいたので、uupaa.js に一切依存せず、ソースコード単体で利用可能なスピンオフ版を作成しました。 Many bugfix(especially - IEEE754) Test case was enhanced msgpack codec test msgpack dow…

Web Workers用と通常のJavaScript用のコードを共存させる

Web Workers の調べ物してました。 Web Workers は、Google Chrome 4+, Firefox3.5+ , Safari4+ で既に利用可能です。Google Chrome5 では、Web Workers 内で Web Socket を動かすこともできます。 js の基本であり鬼門といえば this オブジェクト 各ポイン…

MessagePack + WebWorkers

追記 @os0X さんと @edvakf さんからアドバイスをいただいたので、本文とコードを修正しました。 postMessageが文字列に限定されているのは旧仕様で、Firefoxや最近のWebKit(Chrome5とか)はオブジェクトをやり取りできると思います via @os0X http://twitter…

自作 MessagePack のベンチ取ってみた

http://pigs.sourceforge.jp/blog/20100606/msgpack.htm IE6 28秒ぐらい IE8 10秒ぐらい Chrome6 8.5秒ぐらい Firefox3.6.3 9秒ぐらい Opera10.50 不明 約1MBのデータだと、体感的に IE8 と Firefox3.6, Google Chrome 6 で大差ない感じになってる気がします…

IEのクラッシュ画面を再現してみる

IEでどーぞ <script> [,]!=0&&((b=document.body).style.cssText="height:1px;overflow:hidden", b.innerHTML+='<p style="z-index:99;position:absolute;width:'+b.clientWidth+'px;height:'+b.parentNode.clientHeight+'px;background:url(ie.png) no-repeat 50%" </script>…

JavaScriptとプリプロセッサ

uupaa.js にはビルドツール(minify/upa.php)が同梱されています。upa.php は C/C++ のように #include src.js を自動的に展開します。 クライアントサイド JavaScriptでは include は予約語ではありませんが、(他のライブラリと衝突する可能性があるので)通…

IE8, IE9pp2 には outline を設定すると z-index が効かなくなるバグがあるようです

http://uupaa-js.googlecode.com/svn/trunk/0.8/test/BrowserBug/IE/ie8_ie9_outline_zindex.htm outline 自体の描画もおかしなことになっています。