HTML5 で新しく定義された <input type="range"> 等を JavaScript で実装しようとしたときに、元の input 要素と UI 要素を関連付けする方法で悩んでいます。 <input type="range" id="hogeid" class="hogeclass" value="50" min="0" max="100" onchcange="onchange(this)" /> といった要素があったときに、 div要素 と input type="hidden" に置換して、元の input type="range" 要素から引き継…

uupaa.js のビルドツールは、必要な機能のみをビルドすることができます。 //{@mb if (uu.ie) { alert("IE用の特別な処理だよ"); } else { //}@mb alert("IE以外の処理だよ"); //{@mb } //}@mb このコードを、MobileWebKitモード( {@mb から }@mb までを削除…

連載2回目です。前回に引き続き クロスブラウザな JavaScript のお話を中心に10ページほど書きました。 関数呼び出しのコスト(どこに関数を置くべきか) eval と Function コンストラクタ try〜catch を控える 動かないコード(Liveな配列, FakeArray) FizzBuz…

「ごはんが出ます」の一言で見事に一本釣りされ(?)、voice というタイトルでお話をさせていただきました。https://docs.google.com/present/edit?id=0AW0pLkJy7nkuZGp2eHBwa18zZDU5ZGhzZ3M&hl=enスライドの中身は、「音声合成でほっこり」 デモを試すには、 …

parentNode が null の状態で、node.filters に触れるとエラーになるため、 var node = document.createElement("div"); node.style.filter = "progid:DXImageTransform.Microsoft.Alpha()"; var filter = node.filters.item("DXImageTransform.Microsoft.Al…

uu.snippetで「やりましょう」、Widgetの作り方入門 - latest log の続きです。uu.snippet は、複数の部品(コードブロックや関数)を一つのファイルにまとめ上げることが可能です。 実行環境によってスタイルを微調整する MediaQuery を古いブラウザで実現す…

配列を返す関数は、素の配列を返すよりも、first や last などの付加情報も一緒に返すといいんじゃないかな。 というお話です。 たとえば FakeArray → Array NodeList や arguments は FakeArray(Array Like Object) と呼ばれる擬似配列です。FakeArray には…

続き書きました uu.snippet 入門(2) 複数の部品を一つのsnippet に - latest log Widget(Web ブラウザ上で動作する UI 部品)を作るには、構造を HTML で、見栄えを CSS で、アクションを JavaScript で記述することになります。Widget を作る際の問題は大き…

JavaScript で Flash のような滑らかなアニメーションを行うためには、クロスブラウザな知識の他に、GC(ガベージコレクション)や「どうすれば安定した品質がだせるのか」といったスキルが求められます。 # GC の話は WEB+DB PRESS 57 でちょっと書いてます。…

JavaScriptのコード量とか気になりますよね? モバイルだと特に。通常は、プログラマーがソースコードの無駄を削り、Minifier Tools で更に難読化 + 圧縮を行いますが、そこから更に削りを入れるには、頻出するワードを変数に格納するなどします。 そんな時に…