プログラミングを道具として使おう！

Firebug や Bookmarklet を生かして毎日を便利にする

プログラミングが出来ると小さなコードを使って日々の行動を便利に変えることができます！ 今日は、小さな JavaScript のコードをすぐ実行するための、 2 つ環境についてちょっと話したいと思います。

• Firebug
• Bookmarklet

Firebug とは

Firebug とは、 JavaScript や CSS や HTML を書くためのツールです。 C 言語でいうところの gdb や cscope などのツールにあたります。

では、さっそくインストールしてみましょう！

Firebug - Web Development Evolved

Bookmarklet とは

JavaScript のコード自体をブックマークして、好きな時にそのコードを実行することが出来ます。 そのブックマークに入った JavaScript のコードを Bookmarklet といいます。

たとえばココをクリック

Firebug を使ってみよう

ここに行って

Array.filter(document.getElementsByClassName('bookmark'), function(_,i) { return i < 5 }).forEach(open);

Bookmarklet 化しよう！

Firebug で作った機能を Bookmarklet 化しよう！