XPath Cookbookネタで書いてたんですが、長くなったのでとりあえずこちらに。 id:taizoooにリクエストされた//とdescendant::の違いについて。 下準備として、こういうHTMLをサンプルとして使用します。(サンプルはFirebugのコンソールで実行できます) document.body.innerHTML = <><![CDATA[ <ul id="root"> <li> <a href="#a1">a1</a> </li> <li> <a href="#b1">b1</a> </li> <li> <a href="#c1">c1</a> <a href="#c2">c2</a> </li> <li> <a href="#d1">d1</a> <a href="#d2">d2</a> </li> </ul> ]]></>.toString(); まず、//*とd

第4回はVISH株式会社 会議室にて行われました。aodagさん会場提供ありがとうございました！ 9.1 コンストラクタ function Rectangle(w, h) { this.width = w; this.height = h; return 0; } var rect1 = new Rectangle(2,4); var rect2 = Rectangle(2,4); print(rect1, rect1.width); print(rect2, rect2.width); 結果 [object Object] 2 0 undefinednew演算子で呼んだときはreturnは無視されるんだなって理解した。 ここまではいい。ちょっと書き換えてreturnでobjectが返るように変更してみる。 function Rectangle(w, h) { this.width = w

Get to know Opera’s features The features built right into Opera are prime examples of Opera’s drive to continuously reimagine what a browser can do. Take a look at the features below and see how Opera makes browsing better. See more

base2 のコードを見ていたら便利そうだったのでメモ http://code.google.com/p/base2/ 文字列から正規表現を作るとき RegExp("^hoge$"); // hoge とマッチ RegExp("^\\\\$"); // \ とマッチ RegExp("^\\[hoge\\]$"); // [hoge] とマッチ という感じで、バックスラッシュをいっぱい書かなければいけないので 以下のような関数を用意してやって function _r(str) { return (str + '').replace(/([\/()[\]{}|*+-.,^$?\\])/g, "\\$1"); } こんな感じで match(RegExp('^' + _r(prefix) + 'unko'), 'unko'); めもめも

Bug 212633 – Add support for CSS3 box-shadow が RESOLVED FIXED になっています。Firefox 3.1a1 には入るようなので、お楽しみに〜。とりあえず、スタイルをテケトーにあててみた。（謎） mozilla-central-win32 の ID:2008070723 を入れて試してみたんですが、何故か効きません。おかしいなぁということで、DOM Inspector で色々調べていたら、-moz-box-shadow の値が none とか出てたので、これはもしかすると -moz の prefix 付けないと効かないのかと気がつき、試してみたところ無事、box-shadow が効きました。なんで prefix ありにしたんだろ。

こないだfirebugをいじってたら面白いものを見つけました。 ちょっと試してみたところ対象の要素に起こっているイベントを全てコンソールタブへ表示させることが出来るようです。 基本的には良くあるイベントが表示されるだけなんですが、IMEをONにした状態でテキスト入力するとちょっと面白いイベントが表示されます。 あまり知られていないイベントなので、これに関しては別に紹介してみたいと思います。

頑張ってJavaScriptのお勉強した。 頑張ったおかげでJavaScriptが前よりもっと分かるようになった気がする。 どのくらい分かってきたかって言うと・・ こんな感じかな？ // 一人目の左手クラス function ヾ(face) { // 右手（表示用プロパティ。これ以上先には繋がらない。） this.ノ = "(〃▽〃)つ"; // 右手（「ィェィ」と「.」で繋がる。） this.face = face; // プロパティ「ノ゜」にクラス「ノ゜」をnew this.ノ゜ = new ノ゜() ; // toString を上書き。 // alert( new ヾ() ) のように、#toStrigが暗黙的に呼び出されることがある。 this.toString = toString; } // 二人目の左手クラス function ゜ヾ(face) { this.ノ = "(ﾉ

Web::Scraperのjavascriptバージョンwebscraper.jsのとおりどっちとしてもvalidになるものがあるので、書くひとがどっちなのかを明示できるのが合理的だと思う。 そのうえでCSSセレクタを観察するとXPathでよく使われる / がセレクタの中で存在し得るのは E[foo="value"] のときだけなので / があるかどうかで判別すると簡潔に処理できる。 / がなくてXPathかCSSか誤判別する可能性があるとき、例として a という式の時にCSSだとコンテキストの子孫のa全部にマッチするけどXPathだとコンテキストの直接の子だけがマッチする。このときXPathであることを明示したければ ./ が自分自身をさすことを利用して ./a と書くことができる。つまり、どんなXPathも同じ意味のまま / を含んでいる形式で書き直すことができるので / の有無でCS

「Firefox 3 Security Features」より June 20，2008 posted by Joren McReynolds，Security Researcher オープンソースWebブラウザの最新版「Firefox 3」が米国時間の6月17日に公開された。公開後24時間のダウンロード件数は過去最高を記録した（関連記事：■Mozillaが最新版Webブラウザ「Firefox 3」を公開，ダウンロード件数は順調に増加/■「Firefox 3のダウンロード数は，1週間で2000万件超」，MozillaのCEO）。ここでは，Firefox 3に搭載された興味深いセキュリティ機能と，その具体的な動作をいくつか紹介する。 ●エフェクティブ・トップ・レベル・ドメイン（eTLD） エフェクティブ・トップ・レベル・ドメイン（eTLD）は，広範なドメインを対象とするクッキー（Cookie