mixi Engineers' Blog » スマートフォンブラウザのWebInspectorをリモートで実現するweinreが凄い
こんにちは、寝過ごして長野まで行きそうになったソーシャルクライアント開発のtakimoこと瀧本です。 先週弊社数名がアメリカで行われていたVelocity 2011 - O'Reilly Conferencesに参加しました。 そこではモバイル端末のテストやパフォーマンスについての講演やLTがあったようです。 自分もお土産話を色々聞きたいので詳しくは誰かが書いてくれるはず...です。 その中で気になったプロダクトがあったので紹介したいと思います。 weinre - Web Inspector Remote weinreはFirebug(Firefox)やWebKitのWebInspectorのようなデバッグ機能をリモートで提供してくれるプロダクトです。 iPhoneやAndroid(2.1以上)には一応コンソール機能のようなものがありますが 基本的には出力だけ ソフトキーボードでデバッグ用
IEでメモリリークしてる箇所を検出しまくる方法 - hagino3000's blog
JavaScript Memory Leak Detectorのver. 2が出てたのでリンク修正 前から気になっていたツールを実際に使ってみたのでメモ。 javascriptでメモリリークしている箇所の検出はJavaScript Memory Leak Detector、IEの使用メモリのチェックはProcess Explorerを使う。インストールはそれぞれ次のリンクを参照。どちらもwindowsの再起動はいらないって書いてあるけど、私は再起動しないと使えませんでした。 GPDE Team Blog : JavaScript Memory Leak Detector (v2) http://blogs.msdn.com/gpde/pages/javascript-memory-leak-detector_v2.aspx GPDE Team Blog : JavaScript Memor
IEのデバッグツール : tech.kayac.com - KAYAC engineers' blog
最近記憶力の低下が著しいkusagayaです。 最近は専らJavaScriptを書くことが多いんですが、皆さんどのようなデバッグツールを使っていますか？ FirefoxであればFirebugというのが一般的だと思いますが、 IEで一般的なデバッグツールと言えば？と言われると、ちょっと答えられないです。 そこでIEで使えるデバッグツールをいくつか紹介したいと思います。 ■DebugBar ・DOMのInspectやJavaScript、CSSのソース、レイアウトなどを見ることが可能（Iframe内までInspectできるのは多分これだけ） ・HTTP Requestが見れる ・JavaScriptのコンソールがあるので、アドレスバーから実行する必要がない ■CompanionJS ・Firebugのコンソール機能のみを再現しているようなもので、Firebug同様にconsole.logが使え
IEでもJavaScriptをデバッグできるDebugBar 5.2
Microsoft Internet ExplorerでFirebugのようにJavaScriptをデバッグできるプラグイン「DebugBar」が23日、新しいバージョンアップ5.2が公開された。DOM解析や、JavaScriptのデバックといった従来の機能のほか、IETesterでURLを表示させることもできるようになった。 JavaScriptはブラウザさえあればどこでも実行できる手軽なプログラミング言語だが、いざ本格的なアプリケーションを開発しようとするときに、デバッガやIDEといったプログラミング環境が十分ではないようだ。けっきょくブラウザで実行することから、Firefoxのアドオン「Firebug」がよく使われている。また最近では、Google ChromeやSafari 4のように、オフィシャルで開発環境が用意されているブラウザも登場している。 そんな中で最大の難関となるのが、
Safari 4.0 (Beta) で WebKit の JavaScript デバッグ - アメリカでがんばりましょう
Apple が Safari 4.0 のベータ版を公開した。 (ダウンロードはこちら) 見た目が派手なスピードダイヤルやカバーフローな履歴表示などに目が行きがちだけど、Safari 4.0 で JavaScript デバッガが標準装備になったのは大きい。 これまでも WebKit の Nightly に Dorsera という JavaScript デバッガのアプリケーションが同梱されていたが、別アプリケーションということもあって何だか安定せず使い勝手もイマイチだった記憶がある。(出たてのころの印象なので、最近は良くなっていたかも) これが Safari 4.0 ではアプリケーション内にデバッガの機能も搭載されものすごく便利になっている。 JavaScript デバッガを起動するにはまず Preference メニューで Develop メニューを有効にする。 すると Develop メニ
Treehouse Blog
June 6, 2024 in Career Advice Treehouse’s New Live Career-Building Workshops Are you ready to supercharge your career journey and unlock your full potential? We are excited to announce Treehouse’s new live career-building workshops, designed to help you launch your career. Hosted by Career Advisor and Community Manager Jenavieve Dance, these… Transitioning to a career in tech can seem daunting, bu
Advanced Debugging With JavaScript
When used effectively, JavaScript debuggers help find and squash errors in your JavaScript code. To become an advanced JavaScript debugger, you’ll need to know about the debuggers available to you, the typical JavaScript debugging workflow, and code requirements for effective debugging. In this article, we’ll discuss advanced debugging techniques for diagnosing and treating bugs using a sample web
ants Lab. | その他 | JavaScriptデバッグ ツール作ってみました＜第1回＞
JavaScriptは、開発するのはエディタとWebブラウザがあれば事足りるのに、デバッグが恐ろしく面倒なんです。数千行のコードを書くと、Webブラウザごとの動作の違いだとか、オブジェクトの振る舞いの違いに苦労させられます。そこで、オリジナルでデバッグ ツール「Geranium」を作ってみることにしました。 まず現物を見てもらった方が分かりやすいと思うので、こちらをご覧ください。今回は手軽なサンプルということで、カラー ピッカーを作ってみました。このページにGeraniumを組み込んであります。 ■カラー ピッカー colorPicker.html 「へ？ 何も起きないじゃん……」と思った人は大正解です。このままではGeraniumは動き出しません。ブラウザの別画面で立ち上がったカラー ピッカーのURL欄の末尾に、「?debugger=true」を追加してみてください。 デバッグ出力がモリ
[Wii][JavaScript]WiiでSAGOOL nazonoDiary
Shibuya.js で 「WiiでSAGOOL」という名前で会社の宣伝させてもらいました。プレゼン資料置きます。 WiiでSAGOOLですが、内容的には「デバッグコンソールがない環境でのJavaScript開発」に役立つものになっていると思います。 反省 プレゼン用タイマーを自作してたのに１７０％くらい時間オーバーしましたごめんなさい＞nagayamaさん、デジハリの人、会場に来てた皆さん 実働物はこのあとすぐ！ …まにあわんかったすまん プレゼンツール自作しないと！ いぬビームの人を見習え！ 無理してWiiでプレゼンすればよかった 笑いを！ もっと笑いを！ ちゃんとデモを 思った みんなマーク好きすぎ みんなcssnight（モテ）に敵愾心持ちすぎ みんなはてな好きすぎ ActionScriptでNarcissus動かせばいんじゃね？ よかった 任天堂の人に任天堂名刺もらった！ Nin
![[Wii][JavaScript]WiiでSAGOOL nazonoDiary](https://cdn-ak-scissors.b.st-hatena.com/image/square/70dd2b65373e4ceb5f361296c5aeef7468a85734/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704346814673862557%2F10257846132650658934%2F1539228692)
IE版のFirebug IE Developer Toolbar[to-R]
IE版のFirebug IE Developer Toolbar みなさんはInternet Explorer Developer Toolbarというのを知っているでしょうか？ マイクロソフトが現在ベータ版として提供しているツールで、簡単に説明すればIE版のFirebugです。 IEで使えるFireBugとして聞くとFireBug Liteを思い浮かべがちですがFireBug Liteのようにソースにjavascriptを埋め込むことなく実行することが可能です。 ちなみにFirebugとはjavascritpやCSSのデバッグなどを行えるFirefoxのアドオン(拡張機能)になります。 すごく便利ですので、使ったことがない方はFirebugの方からお使いください。 話は戻りますが、Internet Explorer Developer Toolbarのインストール方法について解説したいと
![IE版のFirebug IE Developer Toolbar[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
いやなブログ - スクリプト言語用のデバッガの使い方 - Ruby, Python, Perl
スクリプト言語用のデバッガの使い方 - Ruby, Python, Perl スクリプト言語用の CUIのデバッガの使い方を簡単にまとめました。対象言語は Ruby, Python, Perl です。 私は C, C++ でプログラムを書いているときはデバッガ (主に GNU/Linux 上の gdb) を頻繁に利用します。しかし、スクリプト言語ではそれほどでもありません。これはおそらく次のような理由によります。 ビルドが不要なので printf デバッグが容易 (ある程度大きい C++ のプログラムではビルド時間が長いので printf の挿入はしんどい) 異常終了時にスタックトレースが表示される (Ruby, Python なら自動、Perl の場合は use Carp; $SIG{__DIE__} = \&Carp::confess; など) オブジェクトのインスペクトが簡単 (Ru
＠IT：シェルスクリプトをデバッグするには
のように実行してもよい。-xオプションにより、コマンドの実行状況が標準エラー出力に出力される。 例として、以下のシェルスクリプト（backup.sh）を作成する。 #!/bin/sh TIME=`date +%y%m%d` while [ $# -gt 0 ] do cp -r $1 $1.$TIME shift done$ /bin/sh -x backup.sh gterm-error01.png sample.pdf ++ date +%y%m%d + TIME=050824 + '[' 2 -gt 0 ']' + cp -r gterm-error01.png gterm-error01.png.050824 + shift + '[' 1 -gt 0 ']' + cp -r sample.pdf sample.pdf.050824 + shift + '[' 0 -gt 0 ']
【レビュー】これは便利! ブラウザでJavaScriptを編集・実行 - overtype 1 overtypeとは MYCOMジャーナル
以前、わずか3KBのコードで「イカした」エフェクトを実現するJavaScriptライブラリとして"bytefx"を紹介した。Andrea Giammarchi氏によって開発されたもので、同氏はほかにもbytedomなど一連の"byte family"を提供している。 Andrea Giammarchi氏はこうしたbyte familyを組み合わせて実験的なソリューションを提供しているのだが、ここではその中から"overtype"を紹介したい。overtypeはオンラインで提供されているJavaScript/HTMLエディタ。WebブラウザからJavaScriptやHTMLデータの編集ができるほか、その場で実行してデバッグできるという特徴がある。 以前、Webブラウザを使ってWebアプリケーションの試験を実施するテストツールとしてSeleniumを紹介したが、系統としては似ているかもしれない
Web Design Sydney
Simple. Effective. Functional. Website design which just makes sense Over 20 years experience growing Australian businesses with innovative web based solutions. Get a FREE Quote Find out more I made an extra 1 million dollars last year. ...but don't raise your rates! The intranet solution saved me having to employ 3 more people at this time! The online ordering has reduced our phone order taking b
JavaScript 用デバッグコンソール "IEerBug" [tech.nitoyon.com]
IEerBug は Internet Explorer 6.0 と FireFox 1.5 で動く JavaScript 用のデバッグ コンソールです。 FireBug と同じ console.log()、console.debug() などの関数が使えるようになるため、FireFox と IE の両方でデバッグする場合に便利です。コンソールに出力したオブジェクトを、DOM インスペクタを利用して解析することも可能です。 使い方 ieerbug.zip をダウンロードし、中身をアプリケーションのディレクトリに配置します。IEerBug 用のディレクトリを作成して、その中に配置しても問題ありません。 HTML の中で次のようにして ieerbug.js を読み込みます。
![JavaScript 用デバッグコンソール "IEerBug" [tech.nitoyon.com]](https://cdn-ak-scissors.b.st-hatena.com/image/square/95abde13f7ed41248843e654a2f2ddcde8983db4/height=288;version=1;width=512/http%3A%2F%2Ftech.nitoyon.com%2Fapple-touch-icon-114x114.png){kind=icon}
Firebug - Web Development Evolved
Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of
ウノウラボ Unoh Labs: JavaScriptのバグを退治する３つの手法
こんにちは、さかとくです。今日は、世界中のプログラマーを悩ませているバグを退治する方法について考えてみたいと思います。今回は、特に、JavaScriptのバグを退治する方法にスポットを当ててみたいと思います。 そもそも、バグ(Bug)とは、正しくプログラムが動かない状態、不具合のある状態です。 書き間違いや、なんらかの勘違いが原因であることが多いです。簡単なつづりミスならば、構文エラー（Syntax Error）によって、すぐに間違いが見つかります。しかし、簡単にバグの原因が特定できないことも多くあります。そんなときはどうしたら良いでしょうか？ 以下の３点から考えてみます。 ・具体的なデバッグ方法 ・バグを予防する ・精神論 具体的なデバッグの方法 どんな天才的なプログラマーでも、間違いの１つや２つは犯してしまうものです。一度もバグに遭遇せずプログラムを完成させることはできません。「
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IT NEWS
Chris Hager