JavaScript開発にalertを使っている人必見！ログ出力ライブラリ「Blackbird」 | Web活メモ帳
JavaScriptでログを表示するのに使えるライブラリ「Blackbird」のご紹介。 出力したいメッセージを指定するだけできれいに整形して表示してくれます。 例えば、以下のようなJavaScriptを実行してみます。 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' ); ↑すると、こんな感じで素敵に表示してくれちゃいます。 アイコンと色で視覚的にメッセージを区別することができるので、後から見分けるのも簡単です。 使い方 使い方は簡単で、ファイルをダウンロードした後、headタグ内でJSとCSSを読み込むだけでOKです。 <
Gitと一緒にCakePHPを楽しむ – CakePHP Advent Calendar 2010 6日目
これはCakePHP Advent Calendar 2010の6日目の記事です。 CakePHP Advent Calendarって何？という方はこちらへ。 CakePHP Advent Calendar 2010を開催！ CakePHPに関するtipsを1日1つ、順番に紹介するということなので、私はGitとCakePHPの活用について書きます。 恐らく、これはCakePHPに限らずあらゆるフレームワークで有効なtipsです。 CakePHPを初めとするフレームワークを長く使っていると、色々と面倒なことが起きてきます。 フレームワークのバージョンアップ 外部ライブラリのバージョンアップ 複数プロジェクトにおけるコードの共通化 “フレームワークのバージョンアップ“は重要です。 先日、こんなバグも発見されましたしね。 CakePHPのPHPコード実行の脆弱性を使ってCakePHPを焦が
CakePHPでデバッグレベルが0の時だけ発生するエラー
CakePHP Advent Calendar 2010 に参加しています。 昨日の mon_sat さんからバトンを受け取ってこの記事が11日目。 さてタイトルのとおり CakePHP で Debug Level を 0 にしてるときだけエラーが発生する というよくわからないことが起きました。 結局は単なる実装ミスだったんだけど、 忘れないように書いておきます。 何が悩ましいのか CakePHP では Configure::write('debug', 0); としておくと本番モードになって エラーが出力されなくなりますね。 デフォルトで app/configure/core.php に書いてあるやつ。 だいたい開発中はデバッグレベルを1か2にするわけですけど、 その間は何の問題もなく動いてたのに 0にしたらいきなりエラーが出るという わけのわからない不具合が発生しました。 逆ならわかる
[CakePHP]Debug_kitの使い方メモ
cakephperさんのSQL Explainコンポーネントが組み込まれて、さらに便利に使いやすくなったDebug_kitの使い方メモ。 最新のDebug_kitをダウンロード これまたcakephperさんの作ってくださったgit2zip for Debug_kitより、zipされた最新版のソースを、両手合わせて拝みつつダウンロード。 pluginフォルダに入れる 解凍してできた「debug_kitフォルダ」をそのままフォルダごとCakephpの/app/pluginsに放り込む。 app_controllerのコンポーネントに指定 /app/app_controller.php*1 に、 var $components = array('DebugKit.Toolbar'); と、書いてコンポーネントとして追加する。 core.phpのdebug値を2にする /app/config/c
![[CakePHP]Debug_kitの使い方メモ](https://cdn-ak-scissors.b.st-hatena.com/image/square/f030b131c35083706d324b18308f4e9a924a9c82/height=288;version=1;width=512/https%3A%2F%2Fhappyquality.com%2Fwp-content%2Fthemes%2Fsimplicity2-child%2Fimages%2Fog-image.jpg)
CSSをデバッグするツール色々
CSSをデバッグするツール色々 Web標準の日々のグループディスカッションでCSSの編集を直感的(?)にできるライブラリの案が出てたのですが、世の中すばらしいツールがいっぱいあるので、今回はそんなツールを紹介します。 Firebug Firefoxのアドオン(拡張機能)のFirebugは最強です。 私がメインで使っているCSSデバッグツールはFirebugです。 もうFirebugがないとCSSなんて触れないと言っても過言ではありません。 公式サイトよりインストールしたら、右下にできる緑丸ボタン(下図a)でFirebugを起動できます。 起動したら左上の調査ボタン(下図b)をクリックして、調査したい要素を選択すればその要素に反映されいるCSSがすべて表示されます。 また、リアルタイム編集することも可能です。 Internet Explorer Developer Toolbar IEでのデ
var_dump2.0を標榜するデバッグライブラリ·Krumo MOONGIFT
PHP開発者であれば誰しもがお世話になるであろうvar_dump（またはprint_r）。とりあえず何か問題があったら使ってみる、と言う人も多いはずだ。だがそんな便利なはずのvar_dumpも整形されていないのでブラウザ上では見づらいという欠点がある。 var_dumpをさらに使いやすくしたデバッグ用関数を提供する そのため、var_dumpで出力した後にブラウザのソースで配列の順番を確認する、といった操作はよくあることだろう。だがこれからはKrumoを使ってデバッグを行えば良さそうだ。 今回紹介するオープンソース・ソフトウェアはKrumo、次世代のvar_dump、print_rを目指すデバッグライブラリだ。 Krumoはデバッグ用のライブラリであり、特別な拡張は必要なく利用できる。開発時にはphp.iniにKrumoを設定しておくことが推奨されている。そしてKrumoの関数にデータを見
Chromeでも使えるJavaScriptデバッガ「XBug」:phpspot開発日誌
XBug - The Javascript Debugger Chromeでも使えるJavaScriptデバッガ「XBug」。 コードにブレークポイントをつけてステップ実行みたいなことができるっぽいです。 これは一度ためしてみたいですね。 関連エントリ IEでのデバッグ/動作確認に便利なソフトいろいろ IEでのJavaScriptデバッグを可能にする「CompanionJS」 Safari用JavaScriptデバッガ「Drosera」 JavaScriptデバッグツール集
JavaScript::DebugScreen
デバッグに役立つかもしれないライブラリ 公開 : 2006-01-15 更新 : 2006-01-16 License : Same as Perl See also : http://www.bigbold.com/snippets/user/ma.la サンプル ダイアログはダブルクリックで消えます。 Firefoxだとeval系の行番号が正確に出ません 伝家の宝刀 Null またはオブジェクトではありません IEだと外部jsファイルのエラーを補足できません 使い方 debug.js debug.css ie_xmlhttp.js ファイルを保存してheadタグの中にこんな感じで貼り付ける。 <link rel="stylesheet" href="debug.css"> <script type="text/javascript" src="ie_xmlhttp.js"></scri
MOONGIFT: » 必見！JavaScriptのalert処理にさよならを「Blackbird」:オープンソースを毎日紹介
※ 画面は公式サイトデモより JavaScriptのデバッグによく利用されるものと言えば、alertだろう。簡単に使えて便利な関数だが、ブラウザの処理が止まってしまったり、長文の表示が難しいなどデメリットも数多い。 alertとお別れするためのJavaScriptデバッグツール そこで使ってみたいのがBlackbirdだ。Google Code上で公開されているオープンソースのJavaScriptアラートだ。 Blackbirdは見た目の格好いいフローティングダイアログにログを表示できる。デバッグ、インフォ、ウォーニング、エラー、プロファイルの5つのメッセージパターンが設定できる。Blackbirdのウィンドウでは各メッセージタイプの表示、非表示が切り替えられるようになっている。 表示位置の変更、表示するメッセージの種類が変更できる さらにF2キーを押して表示/非表示を切り替えたり、Shi
print_rをより分かりやすくするprint_a:phpspot開発日誌
Tulpes PHP4 Debug Helper (debuglib.php) print_a( array array [,int returnmode] [,bool show object vars] [,int max entries] ) debuglib.phpsをインクルードしてprint_aを使えば、変数内容を次のように表示できるようです。 以前、「PHPのprint_rを更に分かりやすく視覚的に表示する方法」でdBugというものを紹介しましたが、new dBug($var); としていたので、こっちの方が若干便利ですね。 いちいちインクルードする必要があるのでこういうPHPエクステンションがインストール時に入れることが出来て使えるようにすると便利かもしれませんね。
PEARライブラリ「Var_Dump」で、配列を分かりやすく表示:phpspot開発日誌
アフィリエイトは儲かんないってば:PEARライブラリ「Var_Dump」で、配列をヴィジュアル的に理解する - livedoor Blog（ブログ） PEAR::Var_Dumpっていうライブラリなのですが、ぶっちゃけ使ってもらわなくても構まないものなんです。理解の手助けをしてくれると言うか、補助的なライブラリなのです。PEARライブラリ「Var_Dump」で、配列を分かりやすく表示。 var_dump関数の結果はデータが多くなってくると見にくくなりますが、PEAR::Var_Dumpを使えば次のようにビジュアルに表示可能。 使い方とサンプルコードが出ています。 デバッグにはもちろん、入門なんかにもよさそうです。 関連エントリ print_rをより分かりやすくするprint_a
公開サービスのJavaScriptでエラーがあった場合はメールで通知してくれるサービス:phpspot開発日誌
DamnIT - JavaScript Error Handling DamnIT is a free service that emails you when a user encounters a JavaScript error in your webpages. ページのJavaScriptでエラーがあった場合はメールで通知してくれるサービス 自分の使っている環境ではエラーが全くなくとも、他のプラットフォームではどうなっているか分かりません。 というわけで、ページにスクリプトを埋め込んでおいて、エラーが発生した場合にメールしてくれるサービス 例えば、次のようなコードをページに仕込んでおきます <script type='text/javascript' src='https://damnit.jupiterit.com/damnit.js?_APPKEY_'> </script>
2007-08-21
自分がほしくなってつくりました。 仕組みは簡単で.NETで作ったＧＵＩアプリケーションを立ち上げて そのアプリはＨＴＴＰサーバとして動作し、 受信したリクエストのパラメータをＨＴＭＬとして表示をするというものです。 なので表示したいデータのデザインはWebアプリに依存できるので フレームワーク毎にカスタマイズが容易です。 最新版 http://servlet.sakura.ne.jp/download/HTTPTrace-0.1.1.tar.gz ※http://cl.pocari.org/2007-08-25-1.htmlで公開されたパッチを適応しました。 旧版 http://servlet.sakura.ne.jp/download/HTTPTrace-0.1.0.tar.gz 環境 OS Windows ライブラリ .NET Framework2.0以上 PHP 4 or 5 HTT
dBug
PHP version of ColdFusion�s cfdump. Outputs colored and structured tabular variable information. Variable types supported are: Arrays, Classes/Objects, Database and XML Resources. Ability to force certain types of output. Example: You can force an object variable to be outputted as an array type variable. Stylesheet can be easily edited. Table cells can be expanded and collapsed. It�s FREE!!! dBug
簡単、色分け、きれいにデバッグ表示（debuglib）：matukazuのPHP勉強部屋
こんにちわTesting Scriptsです。 皆さん、簡単、色分け、きれいにデバッグ表示（debuglib）を一緒に勉強いたしましょう！
【コラム】イマドキのIDE事情 (28) IEで利用可能なJavaScriptデバッグツール | エンタープライズ | マイコミジャーナル
JavaScript開発ツールの現状 Webアプリケーションには欠かせないJavaScriptだが、読者の皆さんはどのように開発しているだろうか? 最近ではAptanaなど、JavaScriptのコーディングを積極的にサポートするIDEも登場してきているし、EclipseやNetBeansの次期バージョンでもJavaScript関連の機能が強化される予定になっている。 しかし現状ではやはりテキストエディタで記述し、ブラウザで動作確認という方法が最も手っ取り早いのではないだろうか。特にFirefoxではFirebugという強力なエクステンションがある。Firebugを使うとHTMLのDOMツリーを参照できたり、JavaScriptをグラフィカルにデバッグすることができるなど、IDE顔負けの機能をFirefox上で利用することができるのだ。FirebugはもはやJavaScript開発に欠かせ
IEでjavascriptのエラーをデバッグする方法 - bits and bytes
FirefoxであればFirebugで簡単に問題の場所をみつけられますが、IEでjavascriptのエラーが出ると、素っ気ないうえに意味不明な日本語のエラーメッセージが出てきてお手上げなので、エラーが出ている場所の特定すら困難です。 そんなときでもOfficeについているスクリプトエディタ(前はスクリプトデバッガという名前だった気が....)を使うと、Visual Studioのデバッガとおんなじインターフェイスのデバッガを使ってjavascriptのエラーを出している場所をすぐに見つけることができます。Firebugと比べると極めて重たいですが、関数呼び出しをバックトレースすることもできますし、各スコープでの変数の値を調べることもできるので、これを使わない手はありません。 が、いつもどうやってインストールするのかを忘れてしまうのでメモ代わりに書いておきます。 コントロールバネルのプロ
IEでのデバッグ/動作確認に便利なソフトいろいろ:phpspot開発日誌
IEでのデバッグ/動作確認に便利なソフトいろいろ。 沢山あるのでまとめてみました。 IETester IE5.5, IE6, IE7, IE8でのページレンダリングを1つのソフトで一括チェックできる超優れものソフト。 Vistaでも使えるようで今後のWEB開発に必須となりそうなツール。 IEとFirefoxの同時レンダリングはCSSVistaが便利。 DebugBar IEに便利機能のついたツールバーを追加 ブラウザ画面のキャプチャをメール送信 カラーピッカー 特定の画面解像度にリサイズする機能 ページの表示を 10% 〜 800% まで拡大/縮小表示できる( IE の Zoom 機能使用 ) 画像やFlashなどのobject も拡大縮小できます ソースコードをハイライト付きで表示 オリジナルのソースと、IEが解釈した後のソースを見比べることも可能 指定文字列ハイライト検索機能 Comp
Opera 9.5のデバッグツールであるDragonflyを試す:将来のＰＣ業界パワーバランス - CNET Japan
Javascriptのデバッガーは、「各WEBブラウザのJavascriptデバッガの状況」に書きましたが、FirefoxのFirebugが有名です。このため、Javascriptのデバッグを行うときはFirefoxを使用していました。 ですが、ブラウザはFirefoxだけではありませんし、クロスブラウザサポートをするにはFirefoxで動作したからと言って、他のブラウザも動く保障はありません。また、Javascriptの地位が高くなっている現状を考えると、そのほかのブラウザもJavascriptデバッガーがあるほう良いに決まっています。 そのような状況でOpera 9.5ベータ2で、デバッグツールであるDragonflyがついてきましたので、試してみます。 デバッグ用に「Google AJAX Language APIで遊んでみる」で書いたソースを使用しました。 メニューから開発者用ツー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[Web]IETesterでブラウザ表示チェックができる | うえちょこ＠ぼろぐ