Screencast: JavaScript Memory Leaks in the Windows IE Browser
About This screencast by Patrick Fitzgerald of BarelyFitz Designs discusses how he diagnosed and fixed a memory leak in a JavaScript library. It's a very simplified example, and the same techniques probably can't be used for more complex web applications, but it might shed some light on how these memory leaks occur. Send me an audio message | Contact Me
IEã§JavaScriptã‚’å‹•ã‹ã™éš›ã®ãƒ¡ãƒ¢ãƒªãƒªãƒ¼ã‚¯ã®èª¿æŸ»æ–¹æ³•:phpspot開発日誌
Screencast: JavaScript Memory Leaks in the Windows IE Browser IEã§JavaScriptã‚’å‹•ã‹ã™éš›ã®ãƒ¡ãƒ¢ãƒªãƒªãƒ¼ã‚¯ã®èª¿æŸ»æ–¹æ³•ã‚’紹介ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚ャストãŒå…¬é–‹ã•ã‚Œã¦ãŠã‚Šã€åˆ†ã‹ã‚Šã‚„ã™ã調査方法ã«ã¤ã„ã¦ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ 3分ãらã„ã®å‹•ç”»ã«ãªã£ã¦ã„ã¾ã™ã€‚ メモリリークã®èª¿æŸ»ã‚’è¡Œã†ã®ã¯ã€Process Explorer ã¨ã„ã†ã‚½ãƒ•ãƒˆã‚’使ã£ã¦ã„るよã†ã§ã™ã€‚ Process Explorer を使ãˆã°ã€Spy++ã¿ãŸã„ãªæ„Ÿã˜ã§ã€èª¿ã¹ãŸã„ウィンドウ部分ã«ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã—ã¦ã€è©²å½“ウィンドウã®ãƒ¡ãƒ¢ãƒªã‚µã‚¤ã‚ºã«ã¤ã„ã¦èª¿æŸ»ã§ãã‚‹ã¿ãŸã„。 具体的ãªæ“作方法ã«ã¤ã„ã¦ã¯å‹•ç”»ã‚’見れã°åˆ†ã‹ã‚Šã¾ã™ã€‚ メモリサイズãŒã‚ãŒã£ã¦ã„ã様åã‚’æ‰ãˆãŸå›³ã€‚ ã“ã‚Œã¯çŸ¥ã£ã¦ãŠã„ãŸã»ã†ãŒã‚ˆã•ãã†ã§ã™ã。
JavaScriptã§IEã‹ã©ã†ã‹ã‚’ãŸã£ãŸã®1è¡Œã§åˆ¤åˆ¥ã™ã‚‹æ–¹æ³•:phpspot開発日誌
Dean Edwards: Sniff! My current frog exaggerator of choice JavaScriptã§IEã‹ã©ã†ã‹ã‚’ãŸã£ãŸã®1è¡Œã§åˆ¤åˆ¥ã™ã‚‹æ–¹æ³•ã€‚ ãªã‚“ã¨ã€æ¬¡ã®1è¡Œã ã‘ã§ã€isMSIE 変数ã«ã€IEã§è¦‹ã‚Œã° true ã€ãã†ã§ãªã‘ã‚Œã°ã€€false を代入ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ var isMSIE = /*@cc_on!@*/false; 次ã®ã‚µãƒ³ãƒ—ルコードã§ç¢ºèªã—ã¾ã—ãŸã€‚ <html> <script language="javascript"> var isMSIE = /*@cc_on!@*/false; if (isMSIE) { alert('IE!'); } else { alert('not IE!'); } </script> <body> </body> </html> IEã§ã‚れ㰠IE! ã‚’ alert ã—ã€ãã†ã§ãªã‘ã‚Œã°ã€€not I
IEã§javascriptã®ã‚¨ãƒ©ãƒ¼ã‚’デãƒãƒƒã‚°ã™ã‚‹æ–¹æ³• - bits and bytes
Firefoxã§ã‚ã‚Œã°Firebugã§ç°¡å˜ã«å•é¡Œã®å ´æ‰€ã‚’ã¿ã¤ã‘られã¾ã™ãŒã€IEã§javascriptã®ã‚¨ãƒ©ãƒ¼ãŒå‡ºã‚‹ã¨ã€ç´ ã£æ°—ãªã„ã†ãˆã«æ„味ä¸æ˜Žãªæ—¥æœ¬èªžã®ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãŒå‡ºã¦ãã¦ãŠæ‰‹ä¸Šã’ãªã®ã§ã€ã‚¨ãƒ©ãƒ¼ãŒå‡ºã¦ã„ã‚‹å ´æ‰€ã®ç‰¹å®šã™ã‚‰å›°é›£ã§ã™ã€‚ ãã‚“ãªã¨ãã§ã‚‚Officeã«ã¤ã„ã¦ã„るスクリプトエディタ(å‰ã¯ã‚¹ã‚¯ãƒªãƒ—トデãƒãƒƒã‚¬ã¨ã„ã†åå‰ã ã£ãŸæ°—ãŒ....)を使ã†ã¨ã€Visual Studioã®ãƒ‡ãƒãƒƒã‚¬ã¨ãŠã‚“ãªã˜ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®ãƒ‡ãƒãƒƒã‚¬ã‚’使ã£ã¦javascriptã®ã‚¨ãƒ©ãƒ¼ã‚’出ã—ã¦ã„ã‚‹å ´æ‰€ã‚’ã™ãã«è¦‹ã¤ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚Firebugã¨æ¯”ã¹ã‚‹ã¨æ¥µã‚ã¦é‡ãŸã„ã§ã™ãŒã€é–¢æ•°å‘¼ã³å‡ºã—ã‚’ãƒãƒƒã‚¯ãƒˆãƒ¬ãƒ¼ã‚¹ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã—ã€å„スコープã§ã®å¤‰æ•°ã®å€¤ã‚’調ã¹ã‚‹ã“ã¨ã‚‚ã§ãã‚‹ã®ã§ã€ã“れを使ã‚ãªã„手ã¯ã‚ã‚Šã¾ã›ã‚“。 ãŒã€ã„ã¤ã‚‚ã©ã†ã‚„ã£ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã®ã‹ã‚’忘れã¦ã—ã¾ã†ã®ã§ãƒ¡ãƒ¢ä»£ã‚ã‚Šã«æ›¸ã„ã¦ãŠãã¾ã™ã€‚ コントãƒãƒ¼ãƒ«ãƒãƒãƒ«ã®ãƒ—ãƒ
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}
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}