HTML5の文字エンコーディングの判定は 512byte または 1024byte 以内までに - latest log
HTML5のWorking Draft(20110113)までは、文字エンコーディング判定の範囲はファイルの先頭512byte以内と定義されていました。 そのため、 <!DOCTYPE html> <!--[if IE 8 ]><html lang="ja" xmlns:og="http://ogp.me/ns#" xmlns:mixi="http://mixi-platform.com/ns#" xmlns:fb="http://www.facebook.com/2008/fbml" class="ie8"><![endif]--> <!--[if IE 9 ]><html lang="ja" xmlns:og="http://ogp.me/ns#" xmlns:mixi="http://mixi-platform.com/ns#" xmlns:fb="http://www.facebo
online comment (オンラインコメント) - latest log
uupaa.js のコメントは、多くの場合オンラインコメントとして記述しています。 例えば、uu.ajax の GC部分では function gc(abort) { if (abort) { // [IE6][IE7][FIX] xhr.abort throw exception // http://twitter.com/uupaa/status/26953945895 try { xhr && xhr.abort && xhr.abort(); } catch (err) {} } watchdogTimer && (clearTimeout(watchdogTimer), watchdogTimer = 0); xhr = null; //{@mb _gecko && uueventdetach(win, "beforeunload", ng); // [Gecko] //}@mb
パーティクル3万個 - latest log
IE 10pp2 と iPad2 (iOS5) のスコアを追記しました iPhone4S (iOS5) のスコアを追記しました Firefox 4 から window.mozRequestAnimationFrame が利用可能になっています。 window.requestAnimationFrame / setTimeout(,4) / setInterval(, 16) で パーティクル3万個を飛ばすデモ。 ベンチマークマシンのスペック → MacBook (13-inch, Late 2009) - 技術仕様。 メモリ4GBに + BootCamp + Windows7 上で計測しています。 Windows エクスペリエンスインデックスの数値は、5.1 で、各項目は プロセッサ: 5.8 メモリ: 5.8 グラフィックス: 5.1 ゲーム用グラフィックス: 5.5 プライマリハードデ
Array かどうかを判定するいくつかの方法について - latest log
この日記はご指摘を元に再構成したものです。 昨日の続きです。 jQuery1.3で、isArray や isFunction の処理が差し替えられています。 IE6で発生するメモリリークを回避するためのようです。 isArray や isFunction などは基本的なロジックであり、かつjQueryはブラウザを意識したコードの切り分けを行っていないので、速度が気がかりです。 TEST IE6 IE8 Firefox3 Firefox3.1(JIT) Safari3 Chrome1(JIT) Opera10α Array#Object.prototype.toString.call 2609 1311 878 947 2063 822 1719 notArray#Object.prototype.toString.call 2672 1872 1642 923 1953 366 2016
IEで透過pngにopacity - latest log
@nksm さんのつぶやき IE7+で透過pngに対してopacityを指定した時の汚さはなんとかならんかな。IE6はキレイなんだが・・・。 via http://twitter.com/nksm/status/16611637369 を見つけたので、VMLを使って透過pngにopacityを適用する方法を jsdo.it にあげました。 http://jsdo.it/uupaa/IEAlphaPng_x_Opacity 解説 知識として IE6〜IE8では、filter: AlphaImageLoader(src="**.png") で透過png画像を利用できる IE6〜IE8では、filter: alpha(opacity=0〜100)で 画像の不透明度(opacity)を指定できる filter: は一度にひとつではなく、複数指定できる があり、これを踏まえて filter: alp
IE8での変化点一覧 + 備忘録 - latest log
IE8 ではかなりの数のメソッドやプロパティが増えているようです。書き残します。 element.getAttribute について追記しました。 window.toStaticHTML window.toStaticHTML は、XDomainRequest や postMessage で受け取った文字列(HTML)をサニタイズ(消毒)するメソッド。 XHRやJsonで受け取った文字列のサニタイズにもシーンを選べば使えるのだろうか。 onclick等のイベントハンドラ系を潰す。 <div onclick="alert('hoge')">hoge</div> ↓ <div>hoge</div> scriptタグを潰す。 <script>alert("hoge")</script> ↓ 無かったことになる CSS::expressionを潰す img { expression(uuClass
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
透過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"> <*
IE9RC で document が const になり再定義が不可能になった - latest log
IE9RC の挙動を調べています。 IE9RC では @amachang さんの /*@cc_on var doc = document; eval('var document = doc'); @*/ が封印されてる http://twitter.com/#!/uupaa/status/35942322231320576 残念ながら、 @amachang さんの発案した方法がIE9で封印されてしまったようです。 IE9RC Release note http://msdn.microsoft.com/en-US/ie/ff468705.aspx window.document が const になったため、再代入するとエラーになります。 http://jsdo.it/uupaa/Wq0w で試せます。 回避案 (function(document) { // ローカルスコープ doc.c
jQuery.live っぽい実装 - latest log
submit, focus, blur, change をクロスブラウザにする方法を追記しました。 最新版のコードを追記しました。 デモを追加しました。 jQuery.live() は document.addEventListener(type, fn, capture) で、天辺までバブルアップしてくるイベントを拾う 拾ったイベントが CSS のセレクタ式(expr) に一致するか比較 一致していれば登録されている fn をコールバック という処理をやっているようです。 # 注意: jQuery のコードを見ずにしゃべってるよ そんな感じのを実装してみた var _livedb = {}; // { "expr\vnamespace.click": {...}, ... } uu = uumix(_uujamfactory, { // uu(expr, ctx) -> Instance
jsのオレオレ演算子 - latest log
jsのオレオレ演算子といえば、 Boolean値に変換する !!arg 0又は1に変換する +!!arg 小数点を切り落とす arg|0 や arg >> 0 などがありますが、若干分かりづらいので、初心者の方にはおすすめできません。 http://jsdo.it/uupaa/9YFT で実行できます。 uu.ready(function(uu, doc) { var arg = 1.23; uu.log(" !!arg = @", !!arg); uu.log("+!!arg = @", +!!arg); uu.log(" arg|0 = @", arg|0); uu.log("arg>>0 = @", arg>>0); });
display: table, display: table-cell を IE6, IE7 で使えるようにした - latest log
オリジナル uuAltCSS.js を導入 IE6 IE7 Safari4 <!doctype html><html><head><title></title> <style> .cell1, .disptblcell1 { width: 20%; background-color: #FFCC66; } .cell2, .disptblcell2 { width: 29%; background-color: #CC6633; } .cell3, .disptblcell3 { width: 30%; background-color: #FF9966; } .disptbl { display: table; } .disptblcell1 { display: table-cell; } .disptblcell2 { display: table-cell; } .disptblc
クリスマスツリーを iPhone でも見れるようにしたよ - latest log
ジェバンニ仕事で、http://koebu.com/event/xmas/2010/ を iPhone / iPad に対応させました*1。 目からビーム出して頑張ってる最中のツイートまとめ iOS では、ユーザアクションを伴わない、audio.play() やaudio.load() は機能しない。さらにpreloadとautoplay属性も無効化されている http://bit.ly/fmLf5y in Device-Specific Considerations http://twitter.com/uupaa/status/15433471463784449 なんかね、PCブラウザのように、audio.play() 呼んでも audio.load() 呼んでも動かなくて、色々ググッたんだよね。 iOS でBGMは、そのままでは自動再生できないので、ユーザに画面をタッチしてもらう必要
msgpack.js を改善しました - latest log
https://github.com/uupaa/msgpack.js 速度を改善 JITの最適化を促進する方法をピコーンしたので、IEEE754周りの速度を改善しました。Opera(右上)で特に効果が見られます。 IEEE754ベンチ: https://github.com/uupaa/msgpack.js/blob/master/test/IEEE754.bench.htm test1(原型): 文字列で結合, 正規表現で切り出し(by @uupaa) test2(改善): test1を元に、文字列で結合, charCodeAt で重みを取得(by @edvakf さん) test3(改善): test2を元に、数値変数を8個用意(by @edvakf さん) test4(改善): test3を元に、32bit整数演算に最適化(by @uupaa) test5(今ここ): ピコーンした
2010-11-21〜22日 JavaScript関連つぶやきまとめ - latest log
やっぱり、IE6 と IE7 はサポート対象外にするのが合理的か。 IE8 以上をターゲットにすると、getter / setter が使えるから、それを主軸にライブラリのI/Fを考え直したほうが良いものができそうだ http://twitter.com/#!/uupaa/status/6403080144822272 IE6〜IE8までの "a,b,".split(",").join() == "a,b,".split(/,/).join() 問題を回避するために、特殊なことやってる箇所に心あたりがある… http://twitter.com/#!/uupaa/status/6399170466291712 IE9pp6ではIE6〜IE8までかたくなに修正されなかった、String#split()の正規表現バグもが修正されている。IE8までは "a,b,".split(",").join
イベントハンドリングなら handleEvent を使えば、Function#bind や $.proxy はたぶん要らない - latest log
タイトル変えました uupaa.js の個々の機能をちょっとずつ紹介しています。 h2ham さんの記事を拝見して http://h2ham.seesaa.net/article/142734325.html uupaa.js では、 クラスオブジェクトの handleEvent にイベントを束縛できるため、 jQuery の、この(↓)ようなコードは $(function() { var obj01 = { somevar : 'jQuery', doSomething : function() { alert(this.somevar); // alert( "jQuery" ) } }; $('button#test02').click($.proxy(obj01.doSomething, obj01)); // ココ!! }); uupaa.js だと、この(↓)ように記述できます
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
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 また
uu.snippetで「やりましょう」、Widgetの作り方入門 - latest log
続き書きました uu.snippet 入門(2) 複数の部品を一つのsnippet に - latest log Widget(Web ブラウザ上で動作する UI 部品)を作るには、構造を HTML で、見栄えを CSS で、アクションを JavaScript で記述することになります。 Widget を作る際の問題は大きく3つ。 標準的な JavaScript には DOM 構造やスタイルをヒアドキュメント化し埋め込む仕組みが無い(頑張ればなんとかなるけど、サクっとやれない) CSS には定数や外部参照可能な変数の概念が欠如している 画像数、画像サイズ、レイアウト変更に耐えるだけの構造を持たせることが非常に難しく、○○CSSなどの外部ツールに頼るか、妥協するか、実数(マジックワード)として埋め込むかを選択することになる(変数が使えないために発生するトライ&エラーや悩む時間が無駄すぎる)
JavaScript minified code word counter - latest log
JavaScriptのコード量とか気になりますよね? モバイルだと特に。 通常は、プログラマーがソースコードの無駄を削り、Minifier Tools で更に難読化 + 圧縮を行いますが、そこから更に削りを入れるには、頻出するワードを変数に格納するなどします。 そんな時にお役立ちな、オンラインワードカウンタを作ってみました。 http://jsdo.it/uupaa/JSWordCounter/fullscreen 仕組みは単純で、記号を除去し、ASCII順にソートして、登場する回数をカウントし表示します。 削りについては、コードを削る - latest log も参考にしてください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
