Visual Debugging with ES6 and Node.js
We’ve been working with Node.js for several years at Good Eggs and love the JavaScript ecosystem, particularly the advancement of the language itself with ECMAScript 6. While the number of options in the JavaScript ecosystem is still exploding, it does feel like we are starting to narrow in on a great toolset. Today, all our new applications are using ES6 and ReactJS and it feels right. Below I sh
Devtron | Electron
Debug your app Devtron is an open source tool to help you inspect, monitor, and debug your Electron app. Built on top of the amazing Chrome Developer Tools. Require Graph Visualize your app's internal and external library dependencies in both the main and renderer processes. The require graph allows you to trace through the loading order and dependency graph of the JavaScript files in your app. Ev
JavaScriptã®ãƒ‡ãƒãƒƒã‚°ã®ã‚³ãƒ„ã¨æŠ€ | POSTD
以å‰ã®è¨˜äº‹ã§ã€ Webアプリケーションã®ãƒ‡ãƒãƒƒã‚°ã®ä»•çµ„ã¿ ã«ã¤ã„ã¦è§¦ã‚Œã¾ã—ãŸã€‚今回ã¯å®Ÿè·µçš„ãªJavaScriptã®ãƒ‡ãƒãƒƒã‚°ã«ã¤ã„ã¦æŽ˜ã‚Šä¸‹ã’ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ブラウザデベãƒãƒƒãƒ‘ツール ç§ã®å€‹äººçš„ãªãŠæ°—ã«å…¥ã‚Šã¯Chromeデベãƒãƒƒãƒ‘ツールã§ã™ã€‚Safariã‚„Firefoxã¯Chromeã»ã©ã®é«˜æ°´æº–ã«é”ã—ã¦ã„ã¾ã›ã‚“。ã—ã‹ã—ã€å¾ã€…ã«æ”¹å–„ã•ã‚Œã¦ãã¦ã„ã¾ã™ã€‚Firefoxã«ã¯Firebugã¨æ”¹è‰¯ã•ã‚ŒãŸFirefoxデベãƒãƒƒãƒ‘ツールãŒçµ„ã¿åˆã‚ã•ã‚ŒãŸæ©Ÿèƒ½ãŒå‚™ã‚ã£ã¦ã„ã¾ã™ã€‚ã‚‚ã—ã€Firefoxãƒãƒ¼ãƒ ãŒãƒ“ルトインã•ã‚Œã¦ã„るデベãƒãƒƒãƒ‘ツールã®æ”¹è‰¯ã®ä¸ã§ç´ 晴らã—ã„仕事をã—続ã‘ãŸã¨ã—ãŸã‚‰ã€Firebugã¯ã„ã¤ã‹ã€ã™ãŸã‚Œã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 個人的ãªå¥½ã¿ã«ã‹ã‹ã‚らãšã€ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã¨ã™ã‚‹ã‚らゆるブラウザã§ã€å…¨ã¦ã®ã‚³ãƒ¼ãƒ‰ã®ãƒ†ã‚¹ãƒˆã‚„デãƒãƒƒã‚°ãŒã§ãるよã†ã«ã™ã¹ãã§ã™ã€‚â€ã‚らゆるブラウザâ€ã«ã¯ã€ã‹ã®æœ‰åãªInternet E
JavaScript開発ã«alertを使ã£ã¦ã„る人必見ï¼ãƒã‚°å‡ºåŠ›ãƒ©ã‚¤ãƒ–ラリ「Blackbird〠| Web活メモ帳
JavaScriptã§ãƒã‚°ã‚’表示ã™ã‚‹ã®ã«ä½¿ãˆã‚‹ãƒ©ã‚¤ãƒ–ラリ「Blackbirdã€ã®ã”紹介。 出力ã—ãŸã„メッセージを指定ã™ã‚‹ã ã‘ã§ãã‚Œã„ã«æ•´å½¢ã—ã¦è¡¨ç¤ºã—ã¦ãã‚Œã¾ã™ã€‚ 例ãˆã°ã€ä»¥ä¸‹ã®ã‚ˆã†ãªJavaScriptを実行ã—ã¦ã¿ã¾ã™ã€‚ log.debug( 'this is a debug message' ); log.info( 'this is an info message' ); log.warn( 'this is a warning message' ); log.error( 'this is an error message' ); ↑ã™ã‚‹ã¨ã€ã“ã‚“ãªæ„Ÿã˜ã§ç´ 敵ã«è¡¨ç¤ºã—ã¦ãã‚Œã¡ã‚ƒã„ã¾ã™ã€‚ アイコンã¨è‰²ã§è¦–覚的ã«ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’区別ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã§ã€å¾Œã‹ã‚‰è¦‹åˆ†ã‘ã‚‹ã®ã‚‚ç°¡å˜ã§ã™ã€‚ 使ã„æ–¹ 使ã„æ–¹ã¯ç°¡å˜ã§ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ダウンãƒãƒ¼ãƒ‰ã—ãŸå¾Œã€headタグ内ã§JSã¨CSSã‚’èªã¿è¾¼ã‚€ã ã‘ã§OKã§ã™ã€‚ <
Firefoxã®JavaScriptデãƒãƒƒã‚¬æ‹¡å¼µFirebugã®é€²åŒ–ãŒã™ã”ã„
Firefoxã®ãƒ‡ãƒãƒƒã‚°æ‹¡å¼µã“ã¨Firebugã§ã™ãŒã€Firefox4よりFirebugã¨ã¯åˆ¥ã«Web Consoleã¨ã„ã†æ©Ÿèƒ½ãŒå…¥ã‚Šã¾ã—ãŸã€‚ ã—ã‹ã—ã€Firebug自体もã•ã‚‰ã«ä¾¿åˆ©ã«ãªã£ã¦ã„ã‚‹ã®ã§ã€å°‘ã—紹介ã—ã¾ã™ã€‚(Firebug1.7 –1.8 ã®ç¯„囲ã§) ç¾åœ¨ã®Firefox4ã«æ£å¼å¯¾å¿œã—ã¦ã„ã‚‹ã®ã¯Firebug1.7xã§ã€Firebug1.8xã¯Alpha版ã¨ã—ã¦å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã®ã§ã¾ã ä¸å®‰å®šãªéƒ¨åˆ†ã‚‚ã‚ã‚‹ã“ã¨ã«æ³¨æ„ã—ã¦ä¸‹ã•ã„。 特ã«æ³¨æ„書ãã—ã¦ãªã„部分ã¯Firebug1.7ã®é …ç›®ã ã¨æ€ã£ã¦å¤§ä¸ˆå¤«ã ã¨æ€ã„ã¾ã™ コマンドラインã«å±¥æ´ãƒœã‚¿ãƒ³ コンソールパãƒãƒ«ã§ã®ã‚³ãƒžãƒ³ãƒ‰ã‚¨ãƒ‡ã‚£ã‚¿(ã§ã‹ã„æ–¹ã®ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³)ã«HistoryボタンãŒæ–°ãŸã«è¿½åŠ ã•ã‚Œã¾ã—ãŸã€‚ éŽåŽ»ã«å®Ÿè¡Œã—ãŸã‚³ãƒžãƒ³ãƒ‰ã‚’ãƒãƒƒãƒ—アップã‹ã‚‰é¸æŠžã—ã¦æŒ¿å…¥ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚(以å‰ã¯Ctrl+Zã§Undoã—続ã‘ã‚‹å¿…è¦ãŒã‚ã£ãŸ) コマンドライン
第2回　Firebugã«ã‚ˆã‚‹ãƒ‡ãƒãƒƒã‚°ã®åŸºæœ¬ã€Console APIã¨ãã®æ´»ç”¨ | gihyo.jp
ã•ã¦ã€å‰å›žã¯ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‹ã‚‰Firebugã®ã‚¿ãƒ–ã®åŸºæœ¬çš„ãªéƒ¨åˆ†ã«ã¤ã„ã¦ç´¹ä»‹ã‚’ã—ã¦ãã¾ã—ãŸã€‚今回ã¯ã€Firebugã«å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹Console APIã®ç´¹ä»‹ã¨ã€Console APIを利用ã—ãŸãƒ‡ãƒãƒƒã‚°æ‰‹æ³•ã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ Firebugã§åˆ©ç”¨ã§ãã‚‹API Firebugã«ã¯ã€ãƒ‡ãƒãƒƒã‚°ã«æ´»ç”¨ã§ãã‚‹2ã¤ã®APIãŒå®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚今回ã¯ã€ãã®2ã¤ã‚ã‚‹APIã®ã†ã¡Console APIã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ Console API Console APIã¯Firebugã®ã‚¿ãƒ–ã ã‘ã§ãªãã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„å´ã®JavaScriptã‹ã‚‰å‘¼ã³å‡ºã™ã“ã¨ã®ã§ãã‚‹APIã§ã™ã€‚デãƒãƒƒã‚°ã®ãŸã‚ã«ä¾¿åˆ©ãªé–¢æ•°ãŒã‚らã‹ã˜ã‚ãŸãã•ã‚“用æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ã“れらã®é–¢æ•°ã‚’以下ã«åˆ—挙ã—ã¾ã™ã®ã§ã€ç›®ã‚’通ã—ã¦ãã ã•ã„。 console.log(object[, object, ...]) 渡ã•ã‚ŒãŸå…¨ã¦ã®ã‚ªãƒ–ジェクトをconso
ã€ã‚³ãƒ©ãƒ 】イマドã‚ã®IDE事情 (63) マルãƒãƒ–ラウザ対応ã®JavaScriptデãƒãƒƒã‚¬ã€ŒJSDTã€ã‚’試ã—ã¦ã¿ã‚ˆã†! | エンタープライズ | マイコミジャーナル
JSDTã¨ã¯ JSDT(JavaScript Debug Toolkit)ã¯IEã€Firefoxã€Safariã€Chromeã€Operaãªã©ã•ã¾ã–ã¾ãªWebブラウザã«å¯¾å¿œã—ãŸJavaScriptデãƒãƒƒã‚¬ã 。JavaScriptデãƒãƒƒã‚¬ã¨ã—ã¦ã¯Firefoxアドオンã§ã‚ã‚‹Firebugãªã©ãŒæœ‰åã ãŒã€æ—¢å˜ã®ãƒ„ールã¯ç‰¹å®šã®Webブラウザã§ã—ã‹åˆ©ç”¨ã§ããªã„ã‚‚ã®ãŒã»ã¨ã‚“ã©ã 。JSDTã§ã‚ã‚Œã°1ã¤ã®ãƒ„ールã§ã€ãªãŠã‹ã¤ãƒ–ラウザå´ã«ç‰¹æ®Šãªã‚¢ãƒ‰ã‚ªãƒ³ã‚’インストールã—ãªãã¦ã‚‚JavaScriptã®ãƒ‡ãƒãƒƒã‚°ã‚’è¡Œã†ã“ã¨ãŒã§ãる。 表1 ã•ã¾ã–ã¾ãªJavaScriptデãƒãƒƒã‚¬ JSDTã®ä»•çµ„㿠実際ã«JSDTを試ã™å‰ã«ã€JSDTãŒã©ã®ã‚ˆã†ã«å‹•ä½œã—ã¦ã„ã‚‹ã®ã‹ã‚’説明ã—よã†ã€‚ JSDTã¯HTTPプãƒã‚シサーãƒã‚’内蔵ã—ã¦ãŠã‚Šã€ãƒ‡ãƒãƒƒã‚°ã‚’è¡Œã†Webブラウザã¯HTMLã‚„JavaScriptãªã©ã®ãƒªã‚½ãƒ¼ã‚¹ã‚’ã“ã®ãƒ—ãƒã‚シ経由ã—ã¦å‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
5509.me
{{#tags}}- {{label}}
{{/tags}}