ここ最近javascriptライブラリーのjQuery: The Write Less, Do More, JavaScript Libraryを実践しながらお勉強中。
そんな中、ちょっと便利な技を知ったので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】よりも断然早いです。作業効率上げるためにも知らない方は実践してみてください。
コメントする