ifとスコープの速さ - f8g
ifとor 書き方として気になったんですが、 if(!b) b = 2; a = b + c; と a = (b || (b = 2)) + c; と、if文を書くかどうかで速度に違いが出るのかなー、と思って計ってみました。 // case 1 var a, b, c = 1; while(i--){ if(!b) b = 2; a = b + c; b = null; } // case 2 var a, b, c = 1; while(i--){ a = (b || (b = 2)) + c; b = null; } fx3.5 ie8 opera10 chrome3.0 case 1 0.00001313 0.0002628 0.0001864 0.00002484 case 2 0.00001188 0.0002962 0.0002122 0.00003132 (単位はms) どれ
Selectors API Level 2
Selectors API Level 2 W3C Working Group Note 17 October 2013 This Version: http://www.w3.org/TR/2013/NOTE-selectors-api2-20131017/ Latest Editor's Draft: http://dev.w3.org/2006/webapi/selectors-api2/ Latest Version: http://www.w3.org/TR/selectors-api2/ Previous Version: http://www.w3.org/TR/2012/WD-selectors-api2-20120628/ Editor: Lachlan Hunt; Invited Expert; lachlan.hunt@lachy.id.au> Copyright ©
WebKitでサポートされつつあるECMAScript5の新機能たち - 素人がプログラミングを勉強していたブログ
最近、WebKitにObject.defineProperty、Object.defineProperties、Object.getOwnPropertyDescriptor等、今まで間接的にしかいじれなかったり、JSからは設定することのできなかった内部プロパティを操作するためのメソッドが入った。現時点のWebKitに入っているECMAScript5の新しい機能をここにメモしておく。 const： const foo = "hello"; 定数を宣言するためのconst文。ただ、何故かfooに値を再代入できてしまう（？）ようだ。 Array#forEach、Array#some等： [1, 2, 3, 4].forEach(function (v, i) { alert(v + ", " + i); }); 今までfor文などを使って書いていた物を高階関数を使って抽象化したメソッド達。Ar
XPath に文字列を埋め込むときの注意 - IT戦記
よく、以下のように XPath に文字列を埋め込む事があります document.evaluate('//*[@class="' + text + '"]', document, null, 7, null); まあ、僕もよくこんなコード書くんですけど。 でも、これって text が外部から来るものだったら、意図通りの動作をしないんですよね たとえば、以下のような例です。 var text = '"] | /hoge/fuga/piyo | .["'; document.evaluate('//*[@class="' + text + '"]', document, null, 7, null); というわけで 任意の文字列を XPath の式に変換する JavaScript を書いてみた 以下で試せます http://amachang.sakura.ne.jp/misc/xpath_es
ブラウザごとのlocation.hashの挙動のまとめ - ?D of K
今更ですが、location.hashで現在のステータスを管理するのがマイブームです。しかし、ASCII以外をぶち込むとブラウザごとに挙動が違うっぽいです。というのを調べておいて、書いておくのを忘れたので、まとめておきます。 方法 以下のアクションを起こした場合、location.hashで取得できる値がどうなるか、調べました。なお、ファイルはUTF-8で試しました。 ファイルに書いてあるリンクをクリックした場合 A1:#test B1:#てすと C1:#%E3%81%A6%E3%81%99%E3%81%A8 A2:#test#test B2:#てすと#てすと C2:#%E3%81%A6%E3%81%99%E3%81%A8#%E3%81%A6%E3%81%99%E3%81%A8 A3:#test%23test B3:#てすと%23てすと C3:#%E3%81%A6%E3%81%99%E3%
scoring abbreviation - ellaneous
Alcor の Abbreviation Scoring goruby 的省略形に順位を付ける話。 IRC で話題に上った LiquidMetal を見てもっと簡単にできそうと考え古い方のパーサに入れてみた*1のが一月半前。個人的に重宝している。実装はコレ↓ // Represents how well an abbreviation matches the original // as a float number 1 (perfect) to 0 (invalid). // Inspired by <http://github.com/rmm5t/liquidmetal/tree/master>. function hagureMetal(abbr, orig) { var len = orig.length; if (len < abbr.length) return 0; var
HTML5 のセクションアウトラインを取得する JavaScript - IT戦記
id:vantguarde さんが HTML5 のセクション 3 箇条を書かれて紹介しています スタイルシートやスクリプトの都合には使わないこと。それらにはdivを使うこと。 article, aside, navが適切な場合には、そちらを使こと。 セクションの先頭に見出しが自然に存在してない場合には使わないこと。 sectionの使い方とセクション三箇条 - vantguarde - web:g すばらしいですね！ 便乗して セクションのアウトラインを求める JavaScript（YAPC 前夜祭で紹介したやつ）を公開します http://amachang.sakura.ne.jp/misc/outliner.js この JavaScript は 以下のアルゴリズムをそのまま JavaScript で実装したものになっています 4.4.11.1 Creating an outline ま
JavaScript と CSS でプレゼンするライブラリを作ってみた(二番煎じ) - zyxwvの日記
一覧表示 スライドショー中 ちょっと前に最近の CSS のおもしろさを知ったので、プレゼンテーションを作れるライブラリ的なものを作ってみた。ページの切り替えや一覧表示のときにぬるっと動きます。id:amachang さんの作った s6 と比べると、(CSS さえ書ければ)オブジェクトにいろんなアニメーションが設定できます。それから、iPhoneOS でもある程度高速に動作するのも利点です。(ipod touch 2G で確認) ただし "-webkit-*" みたいなスタイルを指定しまくりなので、現在のところ対応ブラウザは Safari や Chrome といった webkit 系だけです。スタイルの名前を変えれば mozilla 系でも大丈夫だと思いますが。 ちなみにレポジトリは http://github.com/shimomura1004/presen です。 デモ: http://
JSON.stringify/parseは困ったもんだ。 - IT-Walker on hatena
JavaScriptのオブジェクトをJSONに変換する際、必ずと言っていいほど使われるのがjson2.js。 ECMAScript5(JavaScript2)では、json2.jsの実装をほぼ忠実に仕様として再現しており、Firefox3.5やSafari4ではネイティブの実装が利用できます。 例えば、JSオブジェクトをJSON文字列にしたい場合は、JSON.stringify(value, replacer, space)を利用できます。 valueはJSオブジェクト。 replacerは省略可能で、function(key, value)と言うシグネチャの関数オブジェクトを渡します。JS→文字列の変換ルーチンを独自に提供できます。 spaceは、結果の文字列を人間が読みやすくするための、インデントの数を指定します。 その逆に、JSON文字列をJSオブジェクトに復元したい場合は、JSON
もっと速くするために(スコープ解決コストと正規表現オブジェクトの置き場所) - latest log
正規表現オブジェクトをどのように配置すれば効率的なのか調べました。 配置パターン A. ループ内にべた書き function job(expr, n) { var i = 0, match; for (var i = 0; i < n; ++i) { match = /regexp1/.exec(expr); match = /regexp2/.exec(expr); } } B. スコープ内(ループの外)に配置 function job(expr, n) { var i = 0, match, REX1 = /regexp1/, REX2 = /regexp2/; for (var i = 0; i < n; ++i) { match = REX1.exec(expr); match = REX2.exec(expr); } } C. 5つ外側のスコープに配置 (function() {
Web Inspector Redesign
It has been nine months since our last Web Inspector update and we have a lot of cool things to talk about. If you diligently use the Web Inspector in nightly builds, you might have seen some of these improvements, while other subtle changes might have gone unnoticed. Some of the Web Inspector improvements were contributed by members of the WebKit community. We really want to get the whole communi
Test Swarm: Distributed Continuous Integration for JavaScript
Unlocking the Power of Test Swarm: Revolutionizing Software Testing What is Test Swarm? Test Swarm is a game-changing platform that empowers software testers to collaborate and share knowledge in real-time. By leveraging AI-powered swarm intelligence, this innovative tool enables teams to identify and resolve issues more efficiently than ever before. In traditional testing approaches, individual t
WSH で HTML を XPath したいんじゃあああぁぁ - Wisteria::Diary
CompleteX で文脈依存のヘルプを表示するために、各種ライブラリ (たとえば 田楽 DLL) のドキュメントを INI ファイル形式に変換したい。ただし、できるだけロバストな記述で*1。具体的には 素の Windows + IE 環境で (不特定多数の一般ユーザーのマシンで*2 ) 必ずしも well-formed でない HTML 文書を対象として XPath を使って内容をスクレイピングしたい という、一見ありがちな要求。なんだけど……これが全く一筋縄では行かないどころか五筋縄以上かいくぐる羽目になりましたことよ。 結論 現在のところ Windows + IE だけでは不可能。サードパーティの XPath 実装を使えば可能。 0 筋縄: 方針の確認 まず、対象が純粋な XML なら簡単にできることを確認。 var dom = WScript.CreateObject("MSXML
JSDeferred 紹介
JSDeferred について JSDeferred は JavaScript のコールバックによる非同期処理を直列的に書けるようにするために作られたライブラリです。 foofunc(function () { barfunc(function () { bazfunc(function () { }); }); }); foofunc().next(barfunc).next(bazfunc); 簡単な使いかた 読み込み まずは JSDeferred を使うために、HTML に script 要素を追加します。 <script type="text/javascript" src="jsdeferred.js"></script> <script type="text/javascript" src="my.js"></script> JSDeferred は外部ライブラリに依存しておら
classList、relListがFirefoxに入った - 素人がプログラミングを勉強していたブログ
HTML5で定義されている、classNameやrelを操作するための新しいAPIがFirefoxのナイトリーに入った。 var p = document.createElement("p"); p.classList.add("foo"); console.assert(p.className == "foo"); p.classList.add("bar"); console.assert(p.className = "foo bar"); console.assert(p.classList.item(0) == "foo"); console.assert(p.classList.item(1) == "bar"); console.assert(p.classList.item(2) == null); p.classList.remove("foo"); console.ass
[js][html5][websocket] web_socket.js - HTML5のWeb SocketをFlashを使って実装 - monthly gimite
HTML5のWeb Socketを、Flashの力を借りて実装してみました。 gimite / web-socket-js - GitHub Web SocketはHTML5に入る（予定の？）機能で、JavaScriptから生のTCP Socketに近いもの*1を使えるようにしよう、というものです。 2009年11月頃にChromeの開発版で実装されましたが、ほかのブラウザでは未実装です。このライブラリを使うと、すべてのブラウザで（Flashが入っていれば）Web Socketが使えるようになります。 使い方はこんな感じです。 // おまじないその1: JavaScriptライブラリの読み込み <script type="text/javascript" src="swfobject.js"></script> <script type="text/javascript" src="web
![[js][html5][websocket] web_socket.js - HTML5のWeb SocketをFlashを使って実装 - monthly gimite](https://cdn-ak-scissors.b.st-hatena.com/image/square/f9f270d6c5b66de7437a50fd9e0e7785d5d31601/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704346814673860630%2F17680117126973993697%2F1550668916)
JavaScript の Iterator、関数とコンストラクタ: Days on the Moon
オンライン勉強会の Jetpack 入門に参加して Jetpack のソースコードを読んでいたら、Iterator を関数として呼び出したときとコンストラクタとして呼び出したときとでは挙動が違うということを知りました。 Iterator の動作 オブジェクト o に対して for-in 文、for-each-in 文を実行したとき、及び Iterator 関数、Iterator コンストラクタを呼び出したときの (SpiderMonkey の) 動作は、それぞれ次のようになります。 コード o が __iterator__ メソッドを持つとき o が __iterator__ メソッドを持たないとき for (... in o)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Issue 201114: Implemented Object.keys. - Code Review
186175’s gists
Admiral