第1回 Firebugの基礎知識と、Firebugを使った開発のメリット | gihyo.jp
はじめに このたび、Firefox 3＋Firebugについての連載を書かせていただきます、堀と申します。普段は仕事でJavaScriptやPHPを用いたフロントエンドの開発を行いながら、個人でRoppongi.JSという、JavaScriptのイベントの企画・主催をしております。 この連載では、Firefox 3のリリースに備えて、現在提供されているFirefox 3のベータ版とFirebugによるJavaScriptの開発手法について解説していきます。 第1回はFirefox 3ベータ版とFirebugのインストールから、Firebugによって、どのようなことが行えるようになるかについて簡単に概略を説明していきます。 Firebugとは FirebugとはHTML、CSS、JavaScriptのための開発ツールを提供するFirefoxアドオンです。このツールによって、あなたのJavaS
Greasemonkeyスクリプティング TIPS & SAMPLES - TIPS
Part3 - TIPS 掲載のスクリプト一覧です。 初級編 中級編 上級編 番外編 初級編 Insert Welcome InsertWelcome.user.js テキストエリアのフォーカス時に背景を強調表示する HighlightInputArea.user.js HighlightInputArea2.user.js 画像を使ったテキストエリアのハイライト表示 HighlightInputAreaWithImage.user.js 情報パネルを表示する InfoPanelSimple.user.js InfoPanelMouseover.user.js InfoPanelMouseout.user.js InfoPanelKeyboard.user.js 新しいウィンドウで開くリンクをわかりやすく FriendlyAccessBlankLink.user.js FriendlyAc
Ctrl+Dではてなブックマークに追加 - ヒビノキロク
keyconfigで以下のスクリプトをキー割り当てする。 var url = 'http://b.hatena.ne.jp/add?mode=confirm&is_bm=1&title='+escape(content.document.title)+'&url='+escape(content.document.location.href); gBrowser.selectedTab = gBrowser.addTab("about:blank"); var win = gBrowser.getBrowserForTab(gBrowser.selectedTab).contentWindow; win.open(url);これは新しいタブを開く。ちなみに、ウィンドウを開くなら以下のようにすればいい。 var url = 'http://b.hatena.ne.jp/add?mode=co
人の存在をなんとなく感じるためのGreasemonkeyスクリプト - gotin blog
他人のマウスカーソルの位置がある程度リアルタイムに分かるようになるスクリプトです。 ↓こちらです mouse_lingr.user.js ※スクリプト更新しました。 最新版はこちらです。 使い方 mouser_lingr.user.jsをインストールする 適当な、フレームを使っていないページにアクセスする Shiftキーを押しながらMを押す しばらーくすると自分のマウスカーソル付近にへんなアイコンが現れます 他の人も同じことをしていると、同じ形の別のへんてこアイコンが、同じことをしている人の数だけ現れます（←これが一番大事なのに書き忘れていました＞＜） もう一度Shift+Mをすると機能offになります。 なお、機能on/offの状態は別のページに移動しても保たれますのでご注意ください。 仕組み スクリプトの名前からもわかるとおりlingrを使わせてもらってます。 マウスカーソルが動いたと
Firebug - Web Development Evolved
Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of
Firefox 拡張機能 keyconfig でプレゼン上手に！ - IT戦記
プレゼンのときに ブラウザの操作が全部テンキーで出来たらいいな。と思ったんです。 そんなときは・・・・・・。 keyconfig が便利すぎる！ http://extensionroom.mozdev.org/more-info/keyconfig 設定方法は [ツール] [キーボードショートカットのカスタマイズ] [新しいキーを追加] ショートカット名と JavaScript のコードを書く たとえば タブ移動を数字キー 1-9 に以下のスクリプトを割り当てる gBrowser.mTabContainer.selectedIndex = +event.target.getAttribute('key') - 1; ブックマークレットを呼び出す ここで紹介されています。 http://www.goodpic.com/mt/archives2/2006/12/firefoxwebbookm.
便利すぎて困る程の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系の機能を最大限
Firefoxでのスクリプトデバッグ方法 - JavaScriptist
スクリプトのデバッグ方法を示します。IEなどの開発環境の場合、エラーが表示されていても、そのエラーが何を示すのか？よく分かりませんでしたが、Firefoxではそれが簡単に分かるようになっていて、FireBugを使うことでよりその機能が使いやすくなっています。 エラーを出してみる bookmark 次のような構文エラーのあるプログラムを入力して、ブラウザで動作させてみましょう。 <script type="text/javascript"> <!-- document.write( //--> </script> 上記プログラムをエディタで保存してください。 エラーの確認 bookmark 上記プログラムを実行してみます。 すると、FireBugでエラーが表示されていることが分かります。 エラーのアイコンをクリックしてFireBugのコンソール画面を見てみましょう。 syntax error
はてブお気に入りの重複エントリをまとめる＆既読エントリを非表示化 - いぬビーム
http://yagi.xrea.jp/2006/08/hb_fav_arrange.user.js はてなブックマークのお気に入りページに、 複数人がクリップしているエントリは１つにまとめる 人数が多いエントリほど上に持ってくる 既読のエントリは表示しない というアレンジを行うgreasemonkeyスクリプトです。 話の流れとか http://naoya.g.hatena.ne.jp/naoya/20060820/1156080416 http://d.hatena.ne.jp/sshi/20060821/p1 http://d.hatena.ne.jp/otsune/20060821/hatebFavorite 関連 はてブお気に入りサジェスタ 全サイトはてブ化・その場コメント・ワンクリブクマ Googleの検索結果にはてブのユーザ数を表示
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
IT戦記 - [javascript] JavaScript 1.7 の yield が凄すぎる件について
Firefox 2.0 beta 1 が出ましたね＾＾ さっそく、新機能のひとつ、JavaScript 1.7 の yield を使ってみました。 まず yield の動作を試してみた。 var i = 1; var g = (function() {while(1) {yield i; i++}})(); alert(i); // 1 g.next(i); g.next(i); alert(i); // 2これで分かったこと。 なんと、 yield は関数を途中で終了させている。。。！ 実は。 いままで、何度も関数を途中で終了できればなーと思っていた。 JavaScript 以外のほとんどの言語でそれが可能で、それが便利だからである。 それとはなにか、それとはスレッドである。 スレッドは CPU レベルで細かーく処理を止めて、いろんな処理の流れを同時に実行させているようなものだ。 yie
![IT戦記 - [javascript] JavaScript 1.7 の yield が凄すぎる件について](https://cdn-ak-scissors.b.st-hatena.com/image/square/ad78b71efb80ed38311469993c1d5028fd597bf2/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17391345971647525980%2F17391345971647551580%2F1527141769)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
特集：Firefox 3とFirebugで始めるJavaScript開発｜gihyo.jp … 技術評論社
http://white.s151.xrea.com/wiki/index.php?diary%2F2007-04-26%2Fkeyconfig%B7%D0%CD%B3%A4%C7%BF%B7%B5%AC%A5%BF%A5%D6%A4%F2%B3%AB%A4%AF%BB%FE%A4%CB%A5%D6%A5%ED%A5%C3%A5%AF%A4%B5%A4%EC%A4%CA%A4%A4%CA%FD%CB%A1
textareaをたった一行のコードで拡張してくれる『WMD-editor』 - 100SHIKI ～ 世界のアイデアを日替わりで ～