FirebugのProfileでJavaScript関数の実行時間を計測するのが便利そう - F.Ko-Jiの「一秒後は未来」
リクルートのメディアテクノロジーラボ主催の The JUI 2008 Tokyo ってのに行ってきた。 jQuery UI Libraryの開発者(Paul Bakaus氏)やid:amachangさんのプレゼン、ライトニングトークでは株式会社はてなのid:malaさんの飛び入り参加などもあって楽しかった。 眠いので一番おぉっと思ったものをひとつ。 amachangさんのプレゼンで「便利なのでおすすめ」と説明されていた Firebug を使ったJavaScript関数の実行時間計測の方法が初耳でとても便利そうだった。具体的には Firebug にある Profile の機能でJavaScriptの実行時間が関数別に見られるというもの。 ↑ Own Time というのが内部の関数の実行時間を含まない、その関数そのものの実行時間を示すらしい。 関数の内部の一部分の実行時間を計測したいときは、計
Firebug
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
第3回 Command Line APIとその活用、各タブからのデバッグ方法 | gihyo.jp
Firefox 3とFirebugで始めるJavaScript開発 第3回Command Line APIとその活用、各タブからのデバッグ方法 さて、前回はConsole APIの解説とそれを利用してのデバッグについて簡単な解説を行いました。 今回は、Firebugに実装されているもう1つのAPIである、Command Line APIや、各タブの機能を利用してのデバッグ方法について解説をしていきたいと思います。 Command Line API Command Line APIはFirebugのConsoleタブから利用することができます。ただし、グローバルですでに利用されている名前については利用できません。例えばPrototypeやjQueryが利用されているページのConsoleでは$()関数はそれらのライブラリのものが実行されます。 利用できるAPIは以下の通りです。 $(id
7 Go – 7 Go’s Guide to Practical Positivity
Let’s Start with a Little About Me Hello readers! My name is Rimora Kalen, a 21yearold Content Creator from Nashville, Tennessee. As someone who is a true logo enthusiast, I spend a lot of time exploring how design can shape the way we see the world. I enjoy giving realworld examples to bring design theories to life, and today I…
Firebug
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
Firebug
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
7 Go – 7 Go’s Guide to Practical Positivity
Let’s Start with a Little About Me Hello readers! My name is Rimora Kalen, a 21yearold Content Creator from Nashville, Tennessee. As someone who is a true logo enthusiast, I spend a lot of time exploring how design can shape the way we see the world. I enjoy giving realworld examples to bring design theories to life, and today I…
JSON - JavaScript | MDN
The JSON object contains methods for parsing JavaScript Object Notation (JSON) and converting values to JSON. It can't be called or constructed, and aside from its two method properties, it has no interesting functionality of its own. Description JavaScript and JSON differences JSON is a syntax for serializing objects, arrays, numbers, strings, booleans, and null. It is based upon JavaScript synta
Firefox3.6の加速度センサーAPIでウィンドウをくるっと回してみた - hitode909の日記
Firefox3.6に加速度センサーのAPIが実装されて，MacBookやThinkpadに内蔵されている加速度センサーの値をJavascriptから取得できるようになった． これを使って，本体の傾きに合わせてウィンドウくるっと回すGreasemonkey(くるくるウィンドウ.user.js)を作った． ノートパソコンを縦向きにすると，それが検知されて，ウィンドウがくるっと回る．画面が縦に長くなって，そのまま操作できるので，ページ全体を俯瞰したり，長い文章を読んだり，縦向きに撮った写真を見たりできる． ハードウェアが加速度センサーをサポートしていると，センサーの各軸の値を含んだMozOrientationイベントが発行されて，そこからノートパソコンの本体の角度を求めたりしている． 手元のMacBookだと，1秒に10回くらい値が更新されているので，細かい動きも検知できそう． これまではキー
window.onmozorientation - MDC
例 window.onmozorientation = doFunc; 以下の例はイベントが起きているときにブラウザウィンドウに生の加速度センサーデータを表示するだけです。 <html> <head> <meta charset=UTF-8> <title>MozOrientation イベント</title> <style> p { font-size: 12px; color: rgb(0, 220, 98); background-color: black; } body { background-color: black; } </style> <script> var count = 0; function handleOrientation(orientData) { count++; var d = document.getElementById("display"); d.
加速度センサーで操縦する地図サイトを作ろう (1/4)
Firefox 3.6の新機能で遊ぶ 今年1月、Firefoxの最新版「Firefox 3.6」がリリースされました。FirefoxはHTML5を積極的にサポートするなど、開発者にとっては“遊びがい”のあるブラウザーの1つです。最新版の3.6でもいくつか興味深い機能が追加されています。 注目は、iPhoneやゲーム機のコントローラーでおなじみの「加速度センサー」に対応したこと。加速度センサーを搭載したPCなら、本体の傾きに応じてJavaScriptの処理を実行できるようになりました。そこで今回のJavaScriptラボでは、Firefox 3.6の「加速度センサーAPI」とGoogleマップを使って、PCを傾けた方向にスクロールする地図を作ってみましょう。さらに、HTML5の「Geo Location API」を使い、地図のスタート地点（デフォルトの表示位置）を現在地に変更する機能も付けて
効率的なデバッグをサポートするFirebugのコンソールAPI - builder by ZDNet Japan
コンソールAPIでJavaScriptの実行時情報を出力 FirebugのコンソールAPIを使えば、コンソールへのメッセージの出力やスクリプトの実行時間の計測などを行うことができる。具体的には以下のような関数が用意されている。 console.log(object[, object, ...]): メッセージ（オブジェクト）をコンソールに出力 console.debug(object[, object, ...]): メッセージをコードの行番号付きで出力 console.info(object[, object, ...]): メッセージを、先頭に「i」のアイコンを付けて出力 console.warn(object[, object, ...]): メッセージを、先頭に「!」のアイコンを付けて出力 console.error(object[, object, ...]): メッセージを、先
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://alpaca.chocosk.server-cowboy.net/blog/javascript/firebug-console-api/
All Tags | MDN
Detecting device orientation - Web APIs | MDN