Google Chrome JavaScriptデバッガ完全マニュアル。 - IT-Walker on hatena
Google Chromeはシンプルに見えてオフラインやWebアプリショートカット作成などいろんな機能が搭載されています。 そんな中、JavaScriptデバッガがあるのも発見！ どんなもんかと思ってみてみたら、なんとコマンドラインベースのデバッガです。Firebugみたいな物を想定していたのですが、まさかgdb（GNU製C/C++デバッガ）みたいなのがブラウザに載ってるなんて・・・しかも全然情報ないし。 でも開発者にとっては、JavaScriptをランタイムでデバッグできると言うのは非常に嬉しい事ですね。そこで、Chromeデバッガの使用法についてちょっと調べてみました。 デバッガは、開発者向けメニューの中から選択する事が出来ます。立ち上げてみると、コマンドの表示結果が表示されるエリアと、コマンドを入力するテキストフィールドが並んでいるだけ、と言うシンプルなUIが表示されます。 最下部の
JavaScriptのデバッグTips - os0x.blog
JavaScript Advent Calendar 2010 8日目担当のid:os0xです。 JavaScriptネタは案外範囲が広くて色んなネタがあるので、毎回が楽しみですね。 さて、私はデバッグをネタにしたいと思います。テストではなくデバッグです。誰かが書いたコードをメンテナンスしなきゃー、とか。jQueryプラグイン導入しようとしたけど、なんかうまく動かないーみたいなケースのおはなしです。 JavaScriptのデバッグは大変なので、多くの方が日々苦労されていると思います。なぜJavaScriptのデバッグが大変なのか少し整理してみましょう。 ブラウザ依存 まず、なんといってもJavaScriptはウェブブラウザ上で実行されるので、環境が一定ではありません。特定の環境だけを対象にJavaScriptを書くことは滅多にありません。PC向けではIE、Firefox、Chrome、Sa
GPDE Team Blog : JavaScript Memory Leak Detector
JavaScript Memory Leak Detector ( download ) is a debugging tool to detect memory leaks and enforce best practices in JavaScript code when working with version of Internet Explorer older than IE8.As described in detail in this MSDN article the JScript garbage collector in previous versions of Internet Explorer manages the lifetime of JScript objects but not of DOM objects. As a result, the JScript
IE7のメモリリーク問題 - うなの日記
IE7には、以下の条件を満たす場合メモリリークが発生する問題があります。 DOMエレメントとJSオブジェクトが循環参照している 上記エレメントをスクリプトで削除する IE8では改修されているようでこの問題は発生しません。また、Firefox 3でも発生しません。 循環参照とメモリリークの例 function test1() { // DOMエレメントとJSオブジェクトの循環参照の例。 // IE6ではこれだけでリークが発生したらしいが、IE7以降では発生しない。 var largeData = createLargeData(); var div = document.getElementById("div"); // DOMエレメント div.foo = function() {}; // JSオブジェクト // closureにより、このオブジェクトはdiv,largeDataの参照を
canvas要素 + Javascriptで作る、動的コンテンツ
HTML 5 + Javascriptで作る動的なコンテンツ 前回の授業では、HTML 5について、その成り立ちや特徴を解説した上で、新しい構造化のための要素について解説しました。また、あわせてCSS3によって格段に進歩した表現力について実際にサンプルページを作りながら解説しました。 今までは、Webページで動的に図や画像やアニメーションを描画するにはFlashが代表的な選択肢でした。しかし、ここ数年でその状況が大きく動きつつあります。Flashに代表されるような動的なコンテンツが、専用のプラグイン無しに、HTMLの要素とそれと連携するスクリプトだけで実現できるようになりつつあるのです。こうした技術は、今後のWebの動向を大きく変える可能性を秘めた技術として脚光を浴びています。 HTML 5で動的に画像やアニメーションを生成するためには、canvas要素という新規に導入された要素と、can
scriptのdefer/asyncを理解し、ページの高速化方法を探る | ゆっくりと…
Yslow ルールでは、スクリプトはページの最後尾、つまり </body> 直前に置け、と言っています。なぜなら、スクリプトの読み込みや実行により、他のページ要素の読み込みやレンダリングがブロックされてしまうからです。 一方、古くは IE4 の時代から Microsoft はこの問題に対処するため、defer 属性という独自の解決策を実装してきました。これは HTML 4.01、XHTML 1.0、1.1 で仕様として採用され、HTML5 にも発展する形で引き継がれています。 IE 以外のブラウザも既に対応されており、IE の独自仕様という色合いが濃かった従来と異なり、これからは広く利用されていくのではないかと思います。 下のビデオは、スクリプトの位置と defer 属性のあり／なしによる、ページの読み込み／表示速度の違いを Pagetest.com でテストしてみたもので、明らかな差異が
How to: Secure OAuth in Javascript | Insignia SEO - #1 SEO Company | Online Marketing that Works!
This is an astounding Austin SEO company. The team at Insignia SEO was very helpful and quickly responded to anything I asked of them. I was simply amazed at how fast and efficient this company worked on my behalf. In just four months, my website became highly visible in the top three search rankings in Google, Yahoo, and Bing. Insignia SEO tracked my progress from inception to finish, and I recei
最強のJavaScript IDE 「WebStorm」を使ってみた
JavaScript対応のIDEをまとめてみたの続きのようなもので、その中で紹介していたWebStormが素晴らしいので別途紹介。 WebStormはHTML(5)+CSS+JavaScriptに対応してるIDEで、Windows, Mac OS、Linux上で動作します。 有料のソフトウェアですが、オープンソースライセンスがあったり体験版は45日間使えるのでとりあえず試してみましょう。 この記事の続編(アップデート版)を書きました 特徴 とにかく膨大な機能が載ってるので全てを紹介するのは無理があるため、凄いと思ったところを掻い摘んで紹介。 主にJavaScriptを書くエディタとして使っていますが、CSSやHTMLも普通のIDEより書きやすいです。 基本的にWebStormで日本語に関する問題は少なめです。一部IMEの変換候補が出てくる場所がずれたり、プラグインで日本語がダメだったりする
JavaScript入門-読むべきサイト - prog*sig
来る日がそのうちくるかも知れないので、情報が氾濫しないうちにまとめておく。 JavaScript - MDC https://developer.mozilla.org/ja/javascript 恐らく最もJavaScript関係で充実している あんまりトップページからは見ることなく、MDC "調べたい事" で検索している人も多い。 最近では検索結果に出やすいようにバナーを貼って協力を促しています Promote JS! MDCはローカル版もあるので、重いときなどはそちらを利用するのも良いです。 localmdc HTMLヘルプ形式のJavaScriptリファレンス「jsref.chm」を公開した。 - こせきの技術日記 少し古いけど、他のリファレンスも一緒になってる。 Under Translation of ECMA-262 3rd Edition http://www2
Ecma-262.pdf (application/pdf オブジェクト)
ECMAScript® 2024 language specification 15th edition, June 2024 This Standard defines the ECMAScript 2024 general-purpose programming language. Kindly note that the normative copy is the HTML version; the PDF version has been produced to generate a printable document. This 15th edition has been prepared under the Ecma RF patent policy. Please note that for ECMAScript Edition 4 the Ecma standard nu
node.js とは何か (2) - I am bad at math
昨日に引き続き、いざ！part2なのだ。 前回では node.js と v8 の結びつきまでを書いたので、今日は Non-Blocking I/O の話を。 Non-Blocking I/O という言葉からブロックしない I/O をイメージするのはたやすい。でもこれを実現しようとなるといろいろとまあ面倒くさいんだよね。 それを解決する常套手段で言うとファイルディスクリプタ（ネットワークならソケットだね）を開いてそれをselectシステムコールの監視対象に加えておき、selectを呼び出すことで監視するっていう方法がある。こうすると何が嬉しいのかファイルディスクリプタが２つある場合で考えてみよう。 まずAとBというファイルディスクリプタを監視対象とする。 selectシステムコールを呼び出し、そのどちらかが読み出し準備完了となっていないかを確認する。 もしどっちも準備できていなかったらプロセ
node.js とは何か - I am bad at math
期せずして久々の更新になってしまった。ブログを書く気がなくなったとかそういうのではなくてただ単に忙しかっただけ。その間、まぁ仕事が予期せぬ方向から炎上してみたり、事故をもらって愛車が全損したり（フロントガラスが全面熱線入りなんていう変なオプションなどを諸々付けていたからお気に入りだったのに）と決して良いことばかりで忙しかったわけではないけどね！ で、今回は node.js のお話。異様な盛り上がりを見せているものの、じゃぁそれっていったい何かというと「JavaScriptを用いたNon-blocking I/O環境」という非常にシンプルなものだ。 その根底には「うまくスケールできること」と「動作が速いこと」という理念が見受けられる。 まず「うまくスケールできること（多量のアクセスを捌けること）」を解決するにあたり、まずはスレッドモデルか、イベントループかという問題があった。そこで auth
リアルタイムWebハッカソン ハンズオン編 - サイト更新停滞ちうっ
リアルタイムWebハッカソン行ってきました。 2010/10/20 19:00から http://atnd.org/events/8626 node.jsを使いこなす会。 node.jsとnpmのインストール http://d.hatena.ne.jp/t_43z/20101013/1286957802 http://www.florian-kubis.de/2010/09/howto-install-node-js-on-mac-snow-leopard-with-express/ を参考に。 # install node.js sudo port selfupdate sudo port install nodejs # check rehash node -v # install npm # このあたりを変更する必要があるっぽい sudo chmod -R g+w /opt/loca
Javascript - Event compatibility tables
Last updated on 6 September 2011. An older version of this page has been translated into Romanian. On this page I give a quick overview of events browser compatibility. This research is exclusively about when the events fire, and on which elements you can add event listeners. The spec is relatively clear about the latter, but frequently vague about the former. Thus it seems you’re currently readin
jQueryの利用 - マンガで分かる JavaScriptプログラミング講座
ナビ：2学期が終わり 冬休みが終わり 3学期になった 先生：冬休みは どうだったか？ 遊：ばっちり宿題は サボったわ 先生：まあ そうだろうと 思っていた さて 3学期は 新しいことを するぞ JavaScript プログラミング の応用編だ 遊：ふふふ プログラムをマスターした私に 敵はいないわ！ 守：遊ちゃん それは言い すぎだよ 先生：いや 実際 お前たち3人は 非常に上達した これから 教えることも 難なくこなせる だろう というわけで 今日教えるのは 『jQuery』だ 3人：jQuery？ 先生：楽をする ための道具だ 遊：手抜きは 大好きよ 先生：『jQuery』を利用すれば Webページを簡単に 操作できる というわけで ページにエフェクトを 加えてみるぞ <html> <head> <script src="http://ajax.googleapis.com/ajax/
JavaScript Cookbookの記録 - prog*sig
JavaScript Cookbook - O'Reilly Mediaの記録。 書籍版 電子書籍版 iPhoneアプリ版 iPhoneアプリ版は$4.99なので取り出してepubにすると一番安価(同一内容かは知らない) たった600円でオライリー本をiPadやKindleで読む。すてき。 - このブログは証明できない。 この本の対象ブラウザ Firefox 3.6x on Mac and Windows Safari 4.0x on Mac and Windows Opera 10.x on Mac and Windows Chrome 5.x on Windows Internet Explorer 8 on Windows IE6はYoutubeとかメジャーなとこが捨て始めたし、動かないコードが多いのでこの本では扱わない。 IE7はset/get/has.Attribute
JavaScriptベストプラクティス30選-jsEdu
#jsEduから適当に選んで日本語にしたものです。 訳とかは全く正確ではなく、as possibleなど表現をかなり省いてるので命令口調になってます。 フィーリング的なものはあんまり入れてないので、興味をもったらTogetter – 「JavaScriptのベストプラクティス大会 jsEdu」を読みましょう。(まとめた奴はこれの10倍くらいありますが、被ってるのや関係無いのもあるので読める程度の量です) 全てを確認したわけではないので、正確性は保証しかねます。 ==ではなく===を使うべき (自動的に型変換に行われないのでバグが減る、高速) new Object() and new Array() よりも[] or {}を使うべき。 []や{}の方がシンプル JavaScriptを高速化する6つのテクニック | エンタープライズ | マイコミジャーナルで出てくるのは間違いだと思う。 []
The Elements of JavaScript Style
The Elements of JavaScript Style Part Two: Idioms Douglas Crockford The Department of Style 2005-09-21 There are idioms that we can use to make our intentions clearer and more concise. Consider this function: function gw(f) { if (d.w.sv.checked == true) { zv = 'on'; } else { zv = 'off'; } procframe.location.replace("http://b.www.yahoo.com/module/wtr_tr.php?p=" + escape(f.p.value) + "&sv=" + zv); r
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery and YUI 3: A Tale of Two JavaScript Libraries
futa.ro