FirefoxのJavaScriptデバッガ拡張Firebugの進化がすごい
Firefoxのデバッグ拡張ことFirebugですが、Firefox4よりFirebugとは別にWeb Consoleという機能が入りました。 しかし、Firebug自体もさらに便利になっているので、少し紹介します。(Firebug1.7 –1.8 の範囲で) 現在のFirefox4に正式対応しているのはFirebug1.7xで、Firebug1.8xはAlpha版として公開されているのでまだ不安定な部分もあることに注意して下さい。 特に注意書きしてない部分はFirebug1.7の項目だと思って大丈夫だと思います コマンドラインに履歴ボタン コンソールパネルでのコマンドエディタ(でかい方のコマンドライン)にHistoryボタンが新たに追加されました。 過去に実行したコマンドをポップアップから選択して挿入することができます。(以前はCtrl+ZでUndoし続ける必要があった) コマンドライン
AutoPagerizeをFirefox3で動かそうとしたときにつまったポイント - SWDYH
Greasemonkeyスクリプトを書くひとはこのへんを注意するといいと思います。 ほとんどDOM関連なのでGreasemonkeyに限った話じゃないかも。 異るドキュメントのノードをappendChildしたりinsertBeforeしたい場合は、一旦importNodeをしてから実行する htmlDoc.documentElement.appendChild(fragment)↓ htmlDoc.documentElement.appendChild(htmlDoc.importNode(fragment, true))fragmentがhtmlDocに属していなかったので、htmlDocにimportNodeしてからappendChildするようにした。 参考: Textノードを追加できない - DOSEI日記 http://d.hatena.ne.jp/DOSEI/20071013
JavaScriptで3D描画―ネットアプリの常識変える？：Firefox 3.0で搭載へ
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 次期FirefoxとなるFirefox 3.0では、JavaScriptから3Dを描画する機能がCanvasに追加されるようだ。CanvasはJavaScriptから直接描画できる「キャンパスの」ことで、すでにいくつかのAjax JavaScriptフレームワークなどで同機能を活用したウィジェット描画などがおこなわれている。 Vladimirブログに、Canvasに3D機能を追加したCanvas 3Dが紹介されている。Firefox 3 Beta 1をインストールし、同氏が提供しているエクステンションを追加すればCanvas 3D機能が有効になるようだ。もちろんmoz-gles11の機能を使うならOpenGL 1.5が、moz-glwe
アプリケーションもjavascriptで書けるpure javascriptのHTTPサーバmozJSHTTP - bits and bytes
以前Firefoxのソースコードの中にmozJSHTTPという名前のjavascriptで実装されたHTTPサーバをみつけたのでちょっと動かしてみました。 mozJSHTTPがいったいどういう目的で開発されているのか、わかりませんでしたが(いまはFirefox本体に組み込まれているわけでもないし、拡張機能でもなく、単にソースコードがCVSに入っているだけみたいです)ソースコードはmozillaのCVSから持ってくることができます。 cvs -d :pserver:anonymous@cvs-mirror.mozilla.org:/cvsroot co mozilla/netwerk/test/httpserver Firefox3のインストール mozJSHTTPは、新しくFirefox3で追加された @mozilla.org/thread-manager;1 という名前のコンポーネントを
ロケーションバーに直入力するとブクマを見に行って補完してくれるコンポーネント作った - IT戦記
今日徹夜ぎみで作ってみた でも 使ってみたら逆に不便だった＞＜ 勉強になったからいいや。 破棄！ もったいないので、今手元にあるソースを貼っときます このソースを Firefox インストールディレクトリ以下の components に入れると textbox 要素で autocomplete="delicious" が使えるようになります。 開発中のものなのでバグありまくりです。 ちなみに、僕が一日に書けるコードはちょうどこのくらいです↓ const Cc = Components.classes; const Ci = Components.interfaces; const Cr = Components.results; const CLASS_ID = Components.ID('{aa892eb4-ffbf-477d-9f9a-06c995ae9f85}'); const C
AutoPagerize用のXPathをかんたんに作るためのブックマークレット AutoPagerize IDE - bits and bytes
GreasemonkeyのスクリプトでAutoPagerizeというものがあります。これはgoogleの検索結果のように何ページにもページが別れているときに、次のページを表示するためのリンクを押さなくても自動的に次のページの中身がAjaxで継ぎ足されて表示されるというものです。 オモロ 検索エンジン SAGOOL サグール の検索結果のページがAutoPagerizeとおなじしくみになっていて、検索結果を一番下まで見ると自動でさらに10件が表示されるようになっているので試してみてください。 これが極めて快適で、慣れると次へのリンクを押す生活には戻れません。記事全体は長いのに1ページの文章量が少なくて、次のページへのリンクをやたら押さないといけないニュースサイトなどは当然のように対応されていて、クリックする必要がなくなって、ストレスなく文章に集中できるようになります。対応しているサイトも
log4ZIGOROu : XULでCanvasエディターを作ってみた
clip()の例 via Canvas Tutorial : Compositing function draw() { ctx.fillRect(0,0,150,150); ctx.translate(75,75); // Create a circular clipping path ctx.beginPath(); ctx.arc(0,0,60,0,Math.PI*2,true); ctx.clip(); // draw background var lingrad = ctx.createLinearGradient(0,-75,0,75); lingrad.addColorStop(0, '#232256'); lingrad.addColorStop(1, '#143778'); ctx.fillStyle = lingrad; ctx.fillRect(-75,-75,150
FireFox＆EclipseでのJavaScript開発を効率化する「Fireclipse」:phpspot開発日誌
Fireclipse Installation Instructions and Development Notes FireFox＆EclipseでのJavaScript開発を効率化する「Fireclipse」。 Fireclipseを使えば次のことが可能になります。 FireFoxのJavaScript コンソールの結果を Eclipseのコンソールに送る Eclipse上のエディタで、エラー行に移動する Eclipseのコンソールにメッセージを送る FireBug と連携し、FireBugに Eclipseタブを付けられます FireBug用の各種拡張 Fireclipse自体は、Firefoxの拡張と、FireBugの拡張、Eclipseプラグインから構成されます。 JavaScript開発がますます便利になりそうなツールですね。 今後はFirefox上にエディタ等の開発ツールが直
【レビュー】これは凄い! Ajax最強のデバッグツール"FireBug 1.0"リリース (1) デベロッパのアツい視線を受ける実力派エクステンション (MYCOMジャーナル)
デベロッパがFirefoxを使う理由はエクステンション! Ajax Webアプリケーションの開発者には、WebブラウザとしてFirefoxを愛用しているユーザが多い。その理由のひとつに豊富なエクステンション機能が挙げられる。Firefoxを使っているからエクステンションを使っているというよりも、エクステンションを使いたいからFirefoxを使っているという感じだ。 デベロッパに人気のあるエクステンションはいくつもあるが、代表的なところではAll-in-One GesturesやDictionarySearch、Greasemonkey、User Agent Switcher、ScrapBookなどを挙げることができる。そしてAjax Webアプリケーションの開発において必須ともいえるエクステンションに、Firebugがある。 Firebugに対する称賛の声は枚挙にいとまがない。「Fireb
getElementsByClassName on Gecko: Days on the Moon
Gecko に Web Applications 1.0 の getElementsByClassName メソッドが実装されました (Bug 357450)。Firefox 3 から使用可能になります。document.getElementsByClassName で文書全体から、または element.getElementsByClassName である要素の子孫要素から、特定のクラス名を含む要素を探し出すことができます。 引数は空白文字区切りでクラス名のリストを表す文字列。複数のクラス名が指定された場合はそれらすべてを持つ要素のリストが返ります。現時点の Web Applications 1.0 仕様では、複数のクラス名を収めた配列も引数として使えることになっていますが、それは実装されていません (一口に「配列」といってもプログラミング言語ごとに実際のデータ構造が異なるから?)。 な
Firefoxでマッシュアップを視覚的に行える新開発ツール「JavaScript Dataflow Architecture」:phpspot開発日誌
Firefoxでマッシュアップを視覚的に行える新開発ツール「JavaScript Dataflow Architecture」 2007年01月15日- Javascript Dataflow Architecture_(alpha) | MAYA Foundry Firefoxでマッシュアップを視覚的に行える新開発ツール「JavaScript Dataflow Architecture」。 次の画像のように、出力部分と入力部分とを繋いでいくだけでマッシュアップが出来てしまうという代物。 例えば、Flickr等の写真を取ってくる部品があって、その出力部分をHTMLパーツの入力部分に指定することでFlickrの写真をHTMLで表示できるアプリケーションが作れます。 Plaggerをご存知の方は、視覚的なPlaggerというイメージで分かりやすいかと思います。 (左領域がビジュアル開発画面で、
livedoor Clipからdel.icio.usとはてなブックマークに同時投稿するGreasemonkeyスクリプト | Blog.37to.net
home blog labs about contact プログラミング・開発 > livedoor Clipからdel.icio.usとはてなブックマークに同時投稿するGreasemonkeyスクリプト del.icio.us Greasemonkey JavaScript LDC はてな 作成： 2007-01-03T12:26:03+09:00 更新： 2009-04-29T00:09:18+09:00 誰か作るだろうと思って、他力本願メソッドで待っていましたが、 まだ誰も作らないので、作りますた。 デザインリニューアルに伴い、スクリプトとかを置いていくコンテンツ「labs.37to.net」 を作ったので、インストールとかは下記からどうぞ。 livedoor Clipからdel.icio.usとはてなブックマークに同時投稿するGreasemonkeyスクリプト - labs.37t
userChrome.js 用スクリプト: Days on the Moon
userChrome.js にずいぶんお世話になっていると書いたので、現時点で私が使っている userChrome.js 用スクリプトを公開。必要最低限の機能に絞り込める、細かいところに手が届くのがいいところ。 UCJS Loader Sub-Script Loader の改良版。UTF-8 マルチバイト文字、JavaScript 1.7 の機能が使用可能に。Build ID 20070109 以降の Trunk では Bug 364692 修正の影響で (?) 動作しなくなっているようです。Sub-Script Loader なら問題はありませんが、日本語文字をそのまま使いたいといった場合にはバグ対応版をどうぞ。(少々トリッキーな手段でバグを回避しているので、最新の Trunk を使っている人以外は通常版を使ってください。) 原因となっていた (?) バグはすでに修正されており、バグ対応
SCRAPBLOG » Blog Archive » [userChrome.js] 軽量マウスジェスチャ
マウスジェスチャ機能は欲しいけど、All-in-One Gestures や Optimoz Mouse Gestures は余計な機能が多すぎる。AiOGから不要な機能を取っ払ってスリム化させようと試みたが、ソースコードが複雑すぎてやる気が失せた。そこで自分で一から考えて作ってみた結果、200行にも満たない userChrome.js 用スクリプトとして実装することができた。 xuldev.org :: userChrome.js scripts » Mouse Gestures 特徴 マウストレイル（軌跡の描画）は重くなる原因なのであきらめた。とはいえ AiOG から trails.js を借りてきて一工夫すれば実装可能です。 ジェスチャによって実行される処理は、極力ブラウザ本体に実装されたコマンドを呼び出すようにしている。 設定用GUIは無いが、スクリプトを直接編集することで無駄なく
便利すぎて困る程のFireBug1.0系を使ってみよう:phpspot開発日誌
Firebug - Web Development Evolved 便利すぎて困る程のFireBug1.0系を使ってみよう、ということで、広く使われているであろう0.4系と変わった点をプレビュー。 Googleなどの検索エンジンで、addons.mozilla.org にUPされている0.4系が上に表示されているため、まだ1.0系を使っていない人も多いのではないでしょうか？(という私もそうでした) FireBug1.0系のインストール方法の紹介〜その追加された強力すぎる機能について見ていきましょう。 FireBug1.0系インストール http://www.getfirebug.com/ にてFireBug1.0系のインストール。 FireFox - DOMインスペクタのインストール FireFoxインストール時にDOMインスペクタが入っていない場合は、FireBug1.0系の機能を最大限
IEやOperaでも使えるFireBug Lite＆FireBug1.0Betaリリース:phpspot開発日誌
Firebug Blog Archive Firebug 1.0 News (via Ajaxian) Thanks to the 130 people who commented thoughtfully on my previous blog about Firebug. I’m so excited about getting Firebug 1.0 out to you guys, and I’ve been working my tail off to get the beta in shape for a wider release. Today I have three big announcements to make. JavaScriptでのデバッグに欠かせない、IEやOperaでも使えるFireBug Lite＆FireBug1.0Betaリリース。 FireBugは
Kazuho@Cybozu Labs: JavaScript の文字列定数でエスケープが必要な文字
IE、 Firefox、 Safari ともに ECMAScript の仕様を満たしていません。IE6 は ECMAScript の仕様に対して上位互換だと言えるでしょうから、実質的に問題を抱えているのは Firefox のみ、ということになるのでしょうか。JSON を使う際には、注意が必要、と。 Firefox に関して言えば、 (Control Character があるとエラーになるのではなく読み落とすという性質からして) 仕様ではなくバグだと考えるのが妥当なのかなと思いました。 参考: テストコード 10:28 追記: NUL 文字について表に含めるのを忘れていたので追加しました 10:48 追記: Safari を追加 2009/02/17 追記: Firefox のバグは 2008 年 8 月に修正されたようです (ChangeLog の3.147)
Firefoxを瞬殺するたった3文字のブラクラ - IT戦記
(追記)皆様のコメントやブクマでの指摘によると FireBug + FIrefox2.0 で発生するようです。 ここに落ちなくする設定方法が書いてあります。 http://d.hatena.ne.jp/mhrs/20061030/p1 自己責任でお願いします。 JavaScriptに以下のコードを書く #1#信じられない人はURL欄に javascript:#1# どうやら SpiderMonkey のソースに JS_HAS_SHARP_VARS というのがあり、そこらへんで落ちてるっぽい。 この謎の仕様 SHARP_VARS って何なんだろ。有識者の方、教えてください。 SHARP_VARS 続報 どうやら、JavaScriptでは以下のように値を保持することができるようだ。 #1=[1,2,3]; #2={hoge: 'fuga'};これらを参照するときに #1#; #2#;とするらし
Firefox2.0 で既存サイトが動かなくなった件について - IT戦記
とりあえず style.hasOwnProperty がまずいらしい こんな感じで書いてたコードがうまくいかなくなりました。 if (this.widget.style.hasOwnProperty('opacity')) { Element.setStyle(this.widget, { opacity: 0 }); } else if (this.widget.style.hasOwnProperty('MozOpacity')) { Element.setStyle(this.widget, { '-moz-opacity': 0 }); } このコードを二回実行すると一回例外を起こす。 document.body.style.hasOwnProperty('opacity'); 気を付けましょう。
きまぐれ日記: Ajax IME パワーアップ
Ajax IME の javascript 側を大幅に更新しました http://ajaxime.chasen.org/ Firefox でキャレットの位置を参照するという blog にコメントをいただきました。 Firefoxでは、textarea とまったく同じスタイルを持った見えない pre 要素を作り、その中に現在のキャレットの論理位置に pre タグで | をつっこんで、その pre tag の絶対位置から逆算する方法でキャレット位置が取得できるようです。激しく回りくどいですが、これを使って Firefox での動作がスムーズになりました。ありがとうございます。 あと、XmlHTTPRequest から JSONP にプロトコルを変えました。その結果、ime.js を読み込むだけでそのサイトのすべての textare と inputbox が AjaxIME 経由で入力できるよう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
