サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
Firefoxのデバッグ拡張ことFirebugですが、Firefox4よりFirebugとは別にWeb Consoleという機能が入りました。 しかし、Firebug自体もさらに便利になっているので、少し紹介します。(Firebug1.7 –1.8 の範囲で) 現在のFirefox4に正式対応しているのはFirebug1.7xで、Firebug1.8xはAlpha版として公開されているのでまだ不安定な部分もあることに注意して下さい。 特に注意書きしてない部分はFirebug1.7の項目だと思って大丈夫だと思います コマンドラインに履歴ボタン コンソールパネルでのコマンドエディタ(でかい方のコマンドライン)にHistoryボタンが新たに追加されました。 過去に実行したコマンドをポップアップから選択して挿入することができます。(以前はCtrl+ZでUndoし続ける必要があった) コマンドライン
複雑な機能をいくつも実装したWebアプリケーションのデバッグはツールなしでは一苦労だ。Ajax処理やこまかいイベント制御・DOM操作をおこなっている箇所でバグを出してしまった日には、解析だけで大変な時間を割かなければならない。 そんなときは、FireCrystalを使えば解決するかもしれない。ユーザの操作を記録し「どのタイミングで」「なにがおこなわれているか」を一発で表示してくれる便利なアドオンだ。本稿では、そのFireCrystalについて紹介しよう。 FireCrystalとは Stephen Oney氏は8月21日(米国時間)、Firefox上で動作するアドオン「FireCrystal」をリリースした。FireCrystalはThe MIT Licenseのもとで公開されている、Webデザイナ・デベロッパ向けのデバッガ。Webページ上でユーザの操作を記録し、内部でどのようなイベント
最終更新日 Wed, 29 Apr 2009 01:29:41 +0900 最後のコメント Sun, 25 Jan 2015 19:08:17 +0900 最後のトラックバック Wed, 11 Mar 2009 15:49:00 +0900 ブックマーク 遅くなりましたが、先日に開催された、Kanasan.JS Greasemonkey チュートリアル読書会のレポートです。 せっかくなので、読書会の内容を元にGreasemonkeyスクリプト作成の「入門」「実践」「Tips」の3本立てでまとめてみたいと思います。 今回の開催はKanasan.JSの主催をkanasanから引き継いで、初めての開催ということもあり、とても緊張しました。 途中までは無難に進んでいたのですが、後半は段取り不足が出てきた感じでした。参加者の方々にはご迷惑をお掛けしました。 Greasemonkey チュートリアル読
Mozillaファウンデーションは2月12日、Webブラウザ上で実行できるコード・エディタ「Bespin 0.1」（ベスピン）を発表した。実験的なソフトウェア・サービスの開発を行うMozillaラボのアルファ版として、Mozilla Public Licenseの元にオープンソースで公開している。サーバ上に置いたファイルを直接編集でき、そのままWebブラウザでプレビューも可能。ほかに、複数人による共同編集や、同じくMozillaラボが取り組むコマンドラインツール「Ubiquity」を統合して、プラグインの作成や取り込みを容易にするなど斬新な試みだ。ちなみに、Bespinは映画スターウォーズに登場する巨大ガス惑星の名称。 Bespinのフロントエンドはファイル・ディレクトリを階層状に閲覧する“ダッシュボード”と、コードエディタから成る。フロントエンドはJavaScriptとHTMLで作成され
昨日紹介した「わずか「12文字」でIEを判別するスクリプト」に続いて、Firefox 2/3, Safariを判別する1行のスクリプトをTheSpannerから紹介します。
あ ま た は ふ っ き れ た 。 今回は今までとは違って、はてなの"どのサービス"で使えるのかっていう枠でまとめてますよ。GreasemonkeyやUserJSの枠でもまとめていますが、どのブラウザ向けに作られたのかを前提にしています。他のブラウザでも使える場合は、それぞれにコメントを付けておきます。 Greasemonkey（はてブ関連）についてはid:rikuoさんの記憶する部屋を、UserJSについてはOpera PubWikiPlus!を参考にしています。 #ちゃっかり動作確認もしちゃっているのです。 #既に機能が実現されているもの・動作しなかったもの・消失したものは、下の方にまとめました。 #間違いがあったら指摘してください、、、。 追記 何かしら図書館に所蔵されました。 追記２ 第２版が出ました。はてな全域 Greasemonkey 各サービスへ直に移動できるリンクを生
コピペブログ騒動史を書き上げるのが面倒なので、逃避するの巻。 #GreasemonkeyはFirefox、UserJSはOperaで使用できます。 #OperaでGreasemonkeyスクリプトが使えるかの動作確認はまだやっていない。動作確認終了。 リンク 同時期に同じ内容の記事を書かれていたので。 ニコニコ動画で使うGreasemonkeyスクリプト - Browser.js 追記 何かしら図書館に所蔵されました。 Greasemonkey ニコニコ動画のコメント熱狂度を可視化する「Heat the nicovideo up」 ニコニコ動画のコメントをタグクラウドっぽく表示する「Nicomment Cloud」 ニコニコ動画のコメントをGoogle Analyticsっぽくグラフ化する「NicoNicoDouga - Analytics」 ニコニコ動画の一覧ページで強調表示する＋ニコニ
フィルター方式にしたら良い感じかな。 petternに弾きたいものを正規表現で指定したら、同じドメインでも選別できるし。 Firefox(Greasemonkey// ==UserScript== // @name hatebufilter // @namespace hatebufilter // @include http://b.hatena.ne.jp/entrylist* // ==/UserScript== var pattern = "nicovideo\.jp"; filtering( "div", "entry", pattern ); function filtering( tag, name, pattern ){ var entrylist = document.getElementsByTagName( tag ); for( var idx = 0; idx <
アイドルマスターとか初音ミクとか。 なのでJavaSciptの勉強がてら、ニコニコ動画関連のブックマークを見えなくするユーザースクリプトを作った。DOMがよくわからないので変なところがあるかも。スコープやノードリストなんかもよくわかってないので、無駄なところもあるかも。 以下ソース。 Opera用// ==UserScript== // @name NicoNico Eraser // @include http://b.hatena.ne.jp/entrylist* // @authorHatenaAnonymous User MASUDA // @version 0.0.1 // ==/UserScript== (function(){ document.onload = main; function main(){ var entryList = filterByTagAndCl
今回の mixi のデザインのポイントは 全ページで prototype.js の 1.5.0_rc0 が読み込まれている 新しいデザインのページはテーブルレイアウトじゃない 新しいデザインのページは id class 付きまくり いろいろ試してみた prototype.js が読み込まれているか確認する alert(Prototype.Version); // 1.5.0_rc0 ページ内に id が何個あるか alert($$('*[id]').length); // トップページに 52 個！ ページ内に class が何個あるか alert($$('*[class]').length) // トップページに 239 個！ おおすごい！ 試しに日記一覧ページから日記の URL を抽出するワンライナー $$('#bodyMainAreaMain dt a').filter(/view_
1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
