[B! debug] nazomikanのブックマーク

作業効率が10倍アップする Chrome Developer Tools の使い方

アジェンダ Chrome Developer Tools とは基本的な使い方応用的な使い方まとめ使用環境は Chrome 16 dev 版なので、stable版とはちょっと違うかも。 Chrome Developer Tools とは Google Chrome に付属のデバッガ JavaScriptやDOMをいじれるリクエスト情報を見たり、プロファイラで解析することもできる最近はFirebugより安定してるし高機能

nazomikan 2011/11/07

debug

リンク

【レビュー】Google Chrome使用のデベロッパへ - GUI JavaScriptデバッガを試してみた! (1) Google Chromeに実装された2つの強力なデバッガ | エンタープライズ | マイコミジャーナル

Google ChromeでデバッグをおこなうWebデベロッパに朗報だ。Chromeの開発者向けツールに、待望のJavaScriptのフル機能デバッガ「Scripts」とサンプルベースの「Profile」が実装された。Devチャンネル(開発版)限定の同機能だが、なにはともあれ一足お先にその新機能をチェックしてみよう。より強力になったGoogle Chromeのデバッガとは Google Japan Blogは2日(日本時間)、Google Chromeの開発者向けツールとして「Scripts」と「Profiles」タブが追加されたことを発表した。Google Chromeを使用しているWebデベロッパは同機能を使用することで、より強力なJavaScriptデバッギングとプロファイラを簡単に使用できるようになる。今回あたらしく実装された「Scripts」と「Profiles」タブはDev

nazomikan 2011/02/05

リンク

様々なブラウザに対応したJavaScriptデバッグツール·Javascript Debug Toolkit MOONGIFT

JavaScriptがWebアプリケーションを構築する上で欠かせない技術になっている以上、そのデバッグ方法も洗練される必要がある。Firefoxの場合は有名なFirebugがあるが、他のブラウザになるとそれぞれのやり方があったり、そもそも使い勝手が悪かったりと開発効率が落ちてしまう。多数のブラウザに対応したJavaScriptデバッガそんな中、Javascript Debug Toolkitでは多数のブラウザをサポートしたJavaScriptのデバッグが可能なようだ。今回紹介するオープンソース・ソフトウェアはJavascript Debug Toolkit、WindowsやLinuxに対応したJavaScriptデバッグツールだ。 Javascript Debug Toolkitはスタンドアローン版とEclipseプラグイン版が提供されている。Eclipse版であればMac OSXで

nazomikan 2011/02/05

リンク

Cory Bennett

nazomikan 2011/01/30

リンク

はてなブログ | 無料ブログを作成しよう

オーベルジーヌ実食レポ食べ物の鼻塩塩(未だに通じるのかな) オーベルジーヌというカレーをご存知だろうか都内にあるデリバリー専門のカレー屋で、ロケ弁などで大人気の本格欧風カレーが楽しめるらしいいいな〜いいな〜オブザイヤー都内の奴らはこんな良いモン食ってんのか許せねえよ………

nazomikan 2011/01/30

リンク

Google Chrome版Firebug：デベロッパーツール取扱説明書記事一覧 | gihyo.jp

nazomikan 2011/01/30

リンク

第2回　Firebugによるデバッグの基本、Console APIとその活用 | gihyo.jp

さて、前回はインストールからFirebugのタブの基本的な部分について紹介をしてきました。今回は、Firebugに実装されているConsole APIの紹介と、Console APIを利用したデバッグ手法について解説していきます。 Firebugで利用できるAPI Firebugには、デバッグに活用できる2つのAPIが実装されています。今回は、その2つあるAPIのうちConsole APIについて解説していきます。 Console API Console APIはFirebugのタブだけでなく、コンテンツ側のJavaScriptから呼び出すことのできるAPIです。デバッグのために便利な関数があらかじめたくさん用意されています。これらの関数を以下に列挙しますので、目を通してください。 console.log(object[, object, ...]) 渡された全てのオブジェクトをconso