[ PR ]

[ PR ]

ここ最近javascriptライブラリーのjQuery: The Write Less, Do More, JavaScript Libraryを実践しながらお勉強中。

jgueryfirebug_gif

そんな中、ちょっと便利な技を知ったのでjQueryユーザーで知らない方のために書き記しておきます。

firefoxのエクステンションFirebugを使ってjQueryを簡単に実行する方法

jQuerify←このリンクをブックマークツールバーへ登録します。

このブックマークは、今見ているサイトのヘッダーにjQuery.jsファイルの外部リンクを生成するものです。

今開いているどんなサイトでもいいので、一度このブックマークをクリック。

あとは、firebugのconsoleを使って、好きなスクリプトを実行すれば、簡単にjQueryが実行できます。

(例えば、はてなブックマーク - 人気エントリーのページを開いて、jQuerifyブックマークをクリック

firebugを開いて、concoleの画面で下の入力部分にこのコードを打ち込んで実行すれば、$("div.entry-footer").remove();エントリーのタイトルだけが表示されるようになります。consoleの入力部分も最左下ボタンをクリックすれば、入力フォームも大きくできますのでスクリプトが長文でもOK。入力補助がないのが・・・・

prototypeはまだ勉強していないので使っている方がどのようにしているかわかりませんが、同じ要領で簡単にスクリプトを実行できるかと。

今回は以下のサイトからの情報です。

Learning jQuery ? jQuerify Bookmarklet
http://www.learningjquery.com/2006/12/jquerify-bookmarklet

firebugの使い方などが収められた"v"もありましたので、これからfirebugを使おうって方は見ておいたほうが作業が早くなると思います。Vファイルが重いので一度DLしてからご飯休憩時などにでも見てください。

John Resig - Hacking Digg With Firebug and jQuery
http://ejohn.org/blog/hacking-digg-with-firebug-and-jquery/

twitter blog widget iPhoneバージョン

最近は、こんな感じのものを作りながらjQueryを勉強しています。クラスなどまだまだわからないことばかりです。デザインだけならいいのですが、今後のことも考えてJSON形式ファイルの取り扱いなどは知識をつけておかないとといったところです。特にMovableTypeはJSON形式のファイルも生成できるのでさらに使いやすく、情報を探しやすくするためには必須になってくるかと思う今日この頃。

iPhone version twitter blog widget
http://weblibrary.s224.xrea.com/weblog/jquery/iphonewidget.html

余談

知ってましたか?Firefoxの履歴読み込みは、【shift+マウスホイール】がとっても早いってことを。最近これに気がついきました。【alt+←】or 【backspace】よりも断然早いです。作業効率上げるためにも知らない方は実践してみてください。

[ PR ]

[ PR ]

[ PR ]

トラックバック(2)

Firebugで、今見てるこのサイトに対して Console使って、js実行した... 続きを読む

先日jQueryの記事を書きましたが、Firefoxの拡張のFirebug使って、便利に使える技を紹介してくださってたサイトさんがあったのでご紹介。 Fi... 続きを読む