HTMLDocument の動的な作成: Days on the Moon
ブラウザ上で、JavaScript を使って HTML のソースから HTML 文書を生成するのに、どんな方法があるのか調べました。なお、以下のスクリプトは HTML 文書上で実行することが前提です。 表の見方 XSLT の HTML 出力 createHTMLDocument メソッド createDocument メソッド createDocument メソッドと名前空間の指定 createDocument メソッドと文書型宣言の指定 createDocument メソッドと文書型宣言及び名前空間の指定 cloneNode メソッド iframe 要素 ActiveXObject CID からの作成 まとめ 表の見方 以下の表において、各項目の意味は次の通りです。 doc HTML 文書を作成できれば○、XML 文書を作成できれば△、それ以外なら×です。HTML 文書かどうかは、cre
livedoor Techブログ : アドオンした事がない人が15分間でFirefoxアドオン開発
こんにちは。ライブドアの駒井です。 つい先日、友人に誘われて半ば強制的に「Firefox Developers Conference 2009」に参加してきました。誘ってきた友人が、当日の急用で北海道に帰る事になり、何故か私1人で不慣れな場に参加してきました。当日優しくしてくれた皆さんありがとうございました。いただいたFirefoxのTシャツも大事にします。 自分の予想に反してとっても有意義な時間となりました。筆者は普段、JavaScriptを全く書きません。C++とJAVAがメインです。そんな私でも気軽に楽しめてしまうのがFirefoxアドオンでした。ということで、Firefoxアドオンを作成するための最低構成で、簡易的なアドオンを15分程度で実験的に作ってみたいと思います。 題材を模索中に自社営業部の人から次のようなアドオンがあったらありがたいと聞きました。営業訪問に際して必ず行う下記
分割してみる (mitsunari@cybozu labs)
論理演算2で現れた ・コード1 var x = 0; for (var i = 0; i < 1000000; i++) { x += i; } の処理時間はFirefox(Fx)では1046(ここでは比率のみが焦点なので単位は考えない)でした．ちなみにIEでは141です(小さい方が速い)．Fxはかなり分が悪いようです． 一見これ以上いじりようのない単純なコードをFxでどこまで速くできるのか少し詳しく考えてみます．前回見たように30bitを超えないようにxを二つの変数に分けてみましょう． ・コード2 /* [x[1]:x[0]] += [y[1]:y[0]]を求める． ここで[a:b]はa * (1<<30) + bを意味する(0 <= a, b < (1<<30))． */ function add(x, y) { var t = x[0] += y[0]; x[1] += y[1];
JavaScript で簡単にスタックトレースを取るテクニック
Firebug を使うと console.trace(); これだけでスタックトレースを取ることが出来ます。 でも、 XUL の開発とか、人のブラウザで Firebug が入ってない時とかは出来ないので、 そういう時は、 alert(Error().stack); これだけで出来ます。まあ Firefox only ですが。
keyconfigは拡張開発にも使える - ヒビノキロク
（keyconfigについては11/6の日記も参照のこと） Search Buttonという拡張がある。自分はこの拡張の持つAuto-clear Search Barという機能が気に入ってたんだけど、残念ながらこの拡張はFirefox 2.0に対応していない。そこでAuto-clear Search Bar機能のみを持った拡張を作ろうとして、手始めにkeyconfigで同様の機能を実装してみた。 以下のスクリプトをkeyconfigで適当なキー(例えばCtrl+Q)に割り当てて、新しいウィンドウを開き、割り当てたキーを押す。するとそれ以降、検索バーの検索ボタンクリックまたはエンターキー押下で、検索バーに表示されている検索ワードが自動的に消去されるようになる（Firefox 2.0専用）。 SearchbarAutoClear = { invokeLater: function(func)
技術メモ帳 - Iframe の designMode="on" によるリッチテキストエディット
こんな属性があるのを知らなかった。 実際には、Iframe の属性ではなさそうだが。 どうも、javascript で以下のように指定してあげる事により、 リッチなテキスト編集機能が有効になるようだ。 iframe.contentDocument.designMode = "on"; ちょっとサンプルを作ってみた。 選択範囲の色変えたり、画像貼付けたり出来ます。 http://gomibako.hahaue.com/rth.html (Firefox only) 実際に文字の状態を変化させたりしたい場合は、 同要素の execCommand メソッドを使用すればよい。 たとえば、文字を太字にしたい場合は、 以下のように指定するだけで良い。 iframe.contentDocument.execCommand("bold",false,null); 色を赤くしたければ、 iframe.con
Firefoxでのwindow.event
ワールドカップの準決勝ポルトガル-フランスのせいで寝むれないmartinです。 以前のエントリで「Firefoxでの擬似window.event 」として、 function windowEvent(){ if(window.event) return window.event; var caller = arguments.callee.caller; while(caller){ var ob = caller.arguments[0]; if(ob && ob.constructor == MouseEvent) return ob; caller = caller.caller; } return null; } というのを載せていましたが、どうせなら、Firefox(および、その他のモダンなブラウザ)にも、window.eventを認識させたいです。window.eventは使い
JavaScript 1.7 の新機能: Days on the Moon
Firefox 2 の新機能の一つに JavaScript 1.7 への対応がある。Firefox 2 Beta 2 のリリースも近づき JavaScript 1.7 の新機能もほとんどが実装されてきたのでここにまとめてみる。といっても New in JavaScript 1.7 に大体はまとまっているので補足的な部分など。 識別子の扱い ブロックスコープ 分割代入 イテレータ ジェネレータ 配列内包 参考 なお、ブラウザ上でスクリプトを実行する場合は、JavaScript のバージョンを明記しないと let 、yield がキーワードとして認識されない (Bug 351515) 。 <script type="text/javascript; version=1.7"> JavaScript shell を使う場合は起動時にバージョンを指定するか version 関数を使う。 $ js
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
