読者です 読者をやめる 読者になる 読者になる

Road To Nowhere

主にWebまわりのエンジニア的なお仕事に関するようなことのあれこれ。

Blackbirdを試してみた

簡単に説明すると、Javascript開発のときにこれを組み込むことで、コンソールが起動されてデバッグログをはくので、alert()はもう使わなくていいですよ、というもの。
詳しくはこちら。
gscottolson.com is coming soon


サンプル

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Blackbird demo</title>
<script type="text/javascript" src="/blackbird/blackbird.js"></script>
<link type="text/css" rel="Stylesheet" href="/blackbird/blackbird.css" />
<script type="text/javascript">
function bbtest(){
  log.debug( 'this is a debug message' );
  log.info( 'this is an info message' );
  log.warn( 'this is a warning message' );
  log.error( 'this is an error message' );
}
</script>
</head>
<body>
<h1>Blackbird Test</h1>
<p>ログコンソールが表示されない場合はF2を押してください。</p>
<input type="button" value="push me!!" onclick="bbtest();">
</body>
</html>


DEMO
http://kzmr.net/blackbird/blackbirdjs.html


こちらのページに詳しく書いてありますが、ショートカットキーでコンソール表示・非表示の切り替えやリサイズができるのはうれしい。
また処理時間をはかるためのメソッドもあるので、これも使えそう。


もちろんFirebugの地位は揺るがないけど、併用することでjsの開発効率をアップできるかも。
それから、Firefox以外のブラウザでの挙動を見るときもalertを使わなくて済みますね。