サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
リクルートのメディアテクノロジーラボ主催の The JUI 2008 Tokyo ってのに行ってきた。 jQueryUI Libraryの開発者(Paul Bakaus氏)やid:amachangさんのプレゼン、ライトニングトークでは株式会社はてなのid:malaさんの飛び入り参加などもあって楽しかった。 眠いので一番おぉっと思ったものをひとつ。 amachangさんのプレゼンで「便利なのでおすすめ」と説明されていた Firebug を使ったJavaScript関数の実行時間計測の方法が初耳でとても便利そうだった。具体的には Firebug にある Profile の機能でJavaScriptの実行時間が関数別に見られるというもの。 ↑ Own Time というのが内部の関数の実行時間を含まない、その関数そのものの実行時間を示すらしい。 関数の内部の一部分の実行時間を計測したいときは、計
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 thegood fight and changed how developers inspectHTML 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
Firefox 3とFirebugで始めるJavaScript開発 第3回CommandLineAPIとその活用、各タブからのデバッグ方法 さて、前回はConsoleAPIの解説とそれを利用してのデバッグについて簡単な解説を行いました。 今回は、Firebugに実装されているもう1つのAPIである、CommandLineAPIや、各タブの機能を利用してのデバッグ方法について解説をしていきたいと思います。 CommandLineAPI CommandLineAPIはFirebugのConsoleタブから利用することができます。ただし、グローバルですでに利用されている名前については利用できません。例えばPrototypeやjQueryが利用されているページのConsoleでは$()関数はそれらのライブラリのものが実行されます。 利用できるAPIは以下の通りです。 $(id
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 thegood fight and changed how developers inspectHTML 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
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 thegood fight and changed how developers inspectHTML 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
The JSON object contains methods for parsingJavaScript Object Notation (JSON) and converting values to JSON.It can't be called or constructed, and aside fromits two method properties,it has no interesting functionality ofits own. DescriptionJavaScript and JSON differences JSON is a syntax for serializing objects, arrays, numbers, strings, booleans, and null.It is based uponJavaScript synta
Firefox3.6に加速度センサーのAPIが実装されて，MacBookやThinkpadに内蔵されている加速度センサーの値をJavascriptから取得できるようになった． これを使って，本体の傾きに合わせてウィンドウくるっと回すGreasemonkey(くるくるウィンドウ.user.js)を作った． ノートパソコンを縦向きにすると，それが検知されて，ウィンドウがくるっと回る．画面が縦に長くなって，そのまま操作できるので，ページ全体を俯瞰したり，長い文章を読んだり，縦向きに撮った写真を見たりできる． ハードウェアが加速度センサーをサポートしていると，センサーの各軸の値を含んだMozOrientationイベントが発行されて，そこからノートパソコンの本体の角度を求めたりしている． 手元のMacBookだと，1秒に10回くらい値が更新されているので，細かい動きも検知できそう． これまではキー
例 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.
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 LocationAPI」を使い、地図のスタート地点（デフォルトの表示位置）を現在地に変更する機能も付けて
コンソール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ページを開く
