【ハウツー】Webデバッガに新星登場!? 操作を記録し、イベント/DOMを一発解析 - FireCrystal (1) FireCrystalとは | エンタープライズ | マイコミジャーナル
複雑な機能をいくつも実装したWebアプリケーションのデバッグはツールなしでは一苦労だ。Ajax処理やこまかいイベント制御・DOM操作をおこなっている箇所でバグを出してしまった日には、解析だけで大変な時間を割かなければならない。 そんなときは、FireCrystalを使えば解決するかもしれない。ユーザの操作を記録し「どのタイミングで」「なにがおこなわれているか」を一発で表示してくれる便利なアドオンだ。 本稿では、そのFireCrystalについて紹介しよう。 FireCrystalとは Stephen Oney氏は8月21日(米国時間)、Firefox上で動作するアドオン「FireCrystal」をリリースした。FireCrystalはThe MIT Licenseのもとで公開されている、Webデザイナ・デベロッパ向けのデバッガ。Webページ上でユーザの操作を記録し、内部でどのようなイベント
ページ内で発生するイベントの詳細をマウスオーバーで表示する『Obtrusive JavaScript Checker』 | IDEA*IDEA
ドットインストール代表のライフハックブログ
livedoor Readerにはてなブックマークのコメントを表示するGreasemonkey ScriptがFirefox3.0で動かない件とその対応 - 文殊堂
2008/09/11追記 gistに置いてリンククリックでインスコできるようにした。 http://gist.github.com/raw/10158/dc416523e4ba898d6f15dbda6fdc84ff5a44d8d0?ldrhatebucomments.user.js 元のエントリ UserJS Mania: livedoor Readerにはてなブックマークのコメントを表示する UserJS Mania: [更新]livedoor Readerにはてなブックマークのコメントを表示する これがFirefox3.0では動いてくれない。 で、原因は↓みたい。 Firefox3.0+Greasemonkey0.8.20080609.0で「new Date()」がこける件 - 文殊堂 new Date()をやる場所をwith (unsafeWindow) {}の外にすればよいので、
Webデバッガ最強はFirebugだが、ほかのブラウザでは… | エンタープライズ | マイコミジャーナル
JavaScriptベースのWebアプリケーションやWebサイトのデザイン調整に欠かせないツールがFirebugだ。Webブラウザ内で直接インスペクトやデバッグを実施するツールとしては実質的にデファクトスタンダードといっていい。どれも満足のいく機能ばかりだが、唯一不満な点をあげるとすればFirefoxエクステンションとして実装されているためほかのWebブラウザでは使えないというところだろう。IEが最大シェアを持っていることにかわりはなく、むしろ標準に準拠していないことが多いIEでこそ同様のツールが必要だ。 そこでKevin Yank氏がSitePointにアップしたドキュメントIn-browser Development Tools: Firebug Still Kingに注目したい。同氏は代表的なWebブラウザとそのデバッグ/インスペクトツールに言及し現状をまとめている。内容を簡単にかい
【インタビュー】Firefox 4のJavaScriptは超速い! - John Resig氏、jQueryとTamarinを語る (1) Tamarinの寄贈から1年、Firefox 4とFlash10でお目見え | エンタープライズ | マイコミジャーナル
米Mozilla、JavaScript EvangelistのJohn Resig氏 Adobe MAX Japan 2007やユーザコミュニティなど、いくつかの講演を目的として来日したJohn Resig氏に、将来のFirefoxで搭載されるJavaScript実装やjQueryについて所見をいただいた。John Resig氏はMozillaでJavaScript Evangelistを務める人物。jQueryのメイン開発者でもある。業務ではMozillaでJavaScriptコミュニティとの調整役を務め、夜間や週末はjQueryの開発に没頭している。同氏が見るJavaScriptの未来はFirefoxのみならず、ほかのWebブラウザにとっても重要なものだ。 Tamarinの寄贈から1年、Firefox 4とFlash10でお目見え ちょうど1年ほど前の2006年11月7日(米国時間)、
第3回 Greasemonkeyによるカレンダアプリケーションの機能向上 | gihyo.jp
前回からGreasemonkeyによるアプリケーション開発の題材としてカレンダアプリケーションを挙げ、キー押し下げにより表示・非表示を切り替えできるカレンダアプリケーションを作成しました。 今回はさらに二つの機能を追加したいと思います。 （1） 異なる月も表示する （2） 予定情報を登録／表示できるようにする 異なる月の表示機能 異なる月に移動できるようにするため、カレンダ生成用の関数に手を加えます。 「現在の月」を表す変数を用意して、その値が示す月に対応するカレンダ生成を行うように変更すればうまくいきそうです。異なる月に移動するときは、その月の値を増減した上でカレンダ生成用関数を呼び出せばよいわけです。 カレンダに追加する機能の検討 早速その実装をはじめようと思うところですが、その前に少しだけ先のステップのことも考えてみます。最終的には予定情報の管理機能も追加したいので、その操作方法も先
Greasemonkeyによるアプリケーション開発：第1回 Greasemonkeyによるアプリケーション開発の準備｜gihyo.jp
本稿ではGreasemonkeyを使ってアプリケーションを作る際の筆者なりのコツを紹介しようと思います。単に筆者が「コツ」だと思っていることを紹介するだけでは面白くありませんので、ちょっとしたアプリケーションを題材にして、作成していく過程をステップに分けて解説していく形式をとることとします。 さて早速Greasemonkeyによるアプリケーションの作成方法を紹介しましょう、といいたいところですが、「Greasemonkeyによるアプリケーションとは何だ？」「そもそもGreasemonkeyとは何だ？」という疑問をお持ちの方もおられると思いますので、第1回は「Greasemonkeyとは何か」ということと、その基本的な使い方を紹介したいと思います。Greasemonkeyをよくご存知な方は、次週までお待ちください。 Greasemonkeyとは GreasemonkeyはFirefox用
javascriptを拡張機能のコンテキストで実行できる Execute JS - bits and bytes
先日、ブックマークレットとおんなじくらいお手軽にFirefoxで開いているページの中身をスクリプトに渡して処理したりできないかなーと思って Browse Web and Developer Tools :: Firefox Add-ons を見ていたらFirefoxの拡張機能を作るときに少し役に立ちそうなものを発見しました。 Execute JS という名前のextensionで、説明に # Execute arbitrary (multiline) JavaScript Code in every window you like. # Evaluting the properties of an object. # Modifying functions on the fly i.e. you can search for functions, load and edit them
FirefoxでSQLiteのクライアント - Enjoy*Study
途中の成果として、SQLiteをFirefox上から触れるものを作りました。Firefox2で追加されたStorage(SQLite)の機能を使っています。 http://www.enjoyxstudy.com/misc/temp/firefox_sqlite_console.zip 上記をダウンロードし、解凍したディレクトリにあるconsole.htmlをFirefoxで開くと、SQLを入力するTEXTAREAと実行ボタンが表示されます。 なお、XPCOM実行警告が表示されるので[許可]を選択する必要があります。(既に、file://に対して実行許可を与えている場合は出ません) 実行許可を与えると、SQLiteのDBファイルとして、下記のファイルが作成されます。 C:\Documents and Settings\ [ユーザ名] \Application Data\Mozilla\Fir
WWWLife - こども(てれび)
Webページ上でみんなとわいわいできるGreasemonkeyスクリプトを書きました。 wwwlife.user.js 使い方 Greasemonkeyが入っているFirefoxでwwwlife.user.jsをクリック、スクリプトをインストールします。 メニューの ツール > Greasemonkey > User Script Commands > Play WWWLife を選ぶと女の子が出てきます 方向キーで操作。枠線などそれっぽいところを歩けます。 右上の青いところで名前を変えます。はてなのプロフィール画像がでます。 右上のばってんボタンをクリックすると終了します。 特徴など Lingrを使っています → http://www.lingr.com/room/5KYXVjGQHJH APIで部屋を作れないので部屋は一つだけです。数十人でパンクすると思われます。 認証がないとか、話せ
lingrクライアントをGreasemonkeyで作ってみた - gotin blog
lingrクライアントをGreasemonkeyで作ってみました。 ↓こちらです lingr.user.js と言っても、全然機能はショボショボです。roomを選ぶことすらできません＾＾； gotin部屋専用になっちゃってます。 ※うまく動作しないこともあるかもしれませんがあしからず＞＜ ※Greasemonkeyで作ったlingrクライアントをちょっとだけ改造中に最新版があります。だいぶマシになったと思います。gotin部屋以外のあらゆる部屋に行けるようになってます。 使い方： インストールしたら適当なページを読み込みます（今のこのページをreloadでよいです） Shift-Lを押す プロンプトが出てくるのでそこに適当なニックネームを入力する チャット用画面が出てくる しばらくするとgotin部屋に入った旨が表示される 何か発言する（上の方の入力フィールドが発言用のものです） 当たり前
JavaScriptのメモリリークを検出するFirefox拡張「Leak Monitor」:phpspot開発日誌
Leak Monitor :: Mozilla Add-ons :: Add Features to Mozilla Software JavaScriptのメモリリークを検出するFirefox拡張。 Firefox用のメモリリーク検出用機能拡張である、Leak Monitorをインストールするといろんなところでメモリリークが起きていることが検出できます。 script.aculo.us でさえ、prototype.js の影響によって次のようなメモリリークが出てしまう模様。 JavaScriptの場合、マニュアルなどが整備されておらず、ブラウザごとに仕様が違うため、 何を対策すべきか、といったことがよく分からなかったりしますが、この拡張があれば、少なくともFirefoxの場合においてはメモリリークを防げそうですね。 関連エントリ WebデザイナーのためのFirefoxエクステンション20
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
第3回 Command Line APIとその活用，各タブからのデバッグ方法：Firefox 3とFirebugで始めるJavaScript開発｜gihyo.jp … 技術評論社
特集：Firefox 3とFirebugで始めるJavaScript開発｜gihyo.jp … 技術評論社
Greasemonkeyの開発をまとめてみる
http://yoshitetsu.developer.drecom.jp/blog/articles/script_of_installing_firefox_extension
Purchase Intent Data for Enterprise Tech Sales and Marketing - TechTarget
はてなブログ | 無料ブログを作成しよう