[B! debug] aki77ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

aki77 id:aki77

debugã«é–¢ã™ã‚‹aki77ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (131)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

From byebug to ruby/debug
Link to Japanese version: https://techracho.bpsinc.jp/hachi8833/2022_09_01 (Hashnode has issues generating the right link for this url) Link to my talk: ruby/debug - The best investment for your productivity Switching to a new debugger and potentially changing your debugging process could be scary. So I hope this post can help you get familiar with ruby/debug and make the migration smoother. (In t
aki77 2022/08/23
ruby

debug
ãƒªãƒ³ã‚¯
mouseover ä¸ã«è¡¨ç¤ºã•ã‚Œã‚‹ DOM ã®ãƒ‡ãƒãƒƒã‚° | blog.jxck.io
Update 2024-03-30: Chrome 123 ã‹ã‚‰ "Emulate a focused page" ãŒè¿½åŠ ã•ã‚ŒãŸã€‚ ã“ã‚Œã‚’ç”¨ã„ã‚Œã°è‰¯ã„ãŸã‚ã€ä»¥é™ã®å…¨ã¦ã®æ–¹å¼ã¯å¤ããªã£ãŸã€‚ Apply other effects: enable automatic dark theme, emulate focus, and more https://developer.chrome.com/docs/devtools/rendering/apply-effects#emulate_a_focused_page ãƒžã‚¦ã‚¹ãŒä¹—ã£ã¦ãªã„ã¨å‡ºãªã„ UI ã‚‚ã€ãã“ã« Tab ãªã©ã§ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’ç§»ã—ã€ãã®çŠ¶æ…‹ã§ Dev Tools ã® "Emulate a focused page" ã‚’æœ‰åŠ¹ã«ã™ã‚Œã°è‰¯ã„ã€‚ Intro å…ˆæ—¥ã€å¾Œè¼©ãŒã€Œmouseover ä¸ã«ã—ã‹è¡¨ç¤ºã•ã‚Œãªã„ DOM ã®ãƒ‡ãƒãƒƒã‚°ã€ã«æ‰‹ã“ãšã£
aki77 2021/08/24
debug

javascript
ãƒªãƒ³ã‚¯
Packaging Generated Code for gRPC Services
This blog is the second part in a two-part series on JavaScript debugging. Read part one to learn about the inner workings of JavaScript source maps with code examples. Itâ€™s not a pretty sight when an application dies. Error messages can be difficult to understand, and we sometimes have to put our investigator hats on to solve the mystery and find the culprit. Most software developers spend all th
aki77 2018/05/24
javascript

debug

bugsnag
ãƒªãƒ³ã‚¯
An experimental data-flow analysis tool for front-end JavaScript
What is FromJS? FromJS shows you where each value in the DOM comes from. For example, some data might have been loaded using fetch, some might have been stored in localStorage, and some might have been hard-coded in the JavaScript code. Try FromJS I've not worked on this for a while and it never worked super well, so maybe you shouldn't actually try it :) Install from NPM: npm install -g @fromjs/c
aki77 2018/03/20
javascript

tool

debug
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«é–‹ç™ºã«å½¹ç«‹ã¤JSãƒ‡ãƒãƒƒã‚°è¡“ | ãƒ¡ãƒ«ã‚«ãƒªã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°
Mercari Advent Calendar 2017 13æ—¥ç›®ã¯ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒãƒ¼ãƒ ã® @sottar ãŒ web ã‚¢ãƒ—ãƒªã®é–‹ç™ºï¼ˆç‰¹ã«ãƒ¢ãƒã‚¤ãƒ«é–‹ç™ºï¼‰ã§å½¹ç«‹ã¤ Chrome DevTools ã®ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã¯ã˜ã‚ã« ãƒ¡ãƒ«ã‚«ãƒªã§ã¯ PC ã‹ã‚‰ã®ã‚¢ã‚¯ã‚»ã‚¹ã‚ˆã‚Šã‚‚ãƒ¢ãƒã‚¤ãƒ«ã‹ã‚‰ã®ã‚¢ã‚¯ã‚»ã‚¹ãŒå¤šã„ãŸã‚ã€web ã‚¢ãƒ—ãƒªã‚‚ãƒ¢ãƒã‚¤ãƒ«ã‹ã‚‰ã®ã‚¢ã‚¯ã‚»ã‚¹ã‚’æ„è˜ã—ãŸã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãå¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ã—ã‹ã—ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã®ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãéš›ã«ã€æ¯Žå›žå®Ÿæ©Ÿã‚’æŽ¥ç¶šã—ã¦ç¢ºèªã™ã‚‹ã®ã¯é¢å€’ã§ã™ã€‚ãã“ã§æœ€è¿‘ã®ãƒ–ãƒ©ã‚¦ã‚¶ã«ä»˜å±žã—ã¦ã„ã‚‹é–‹ç™ºè€…ãƒ„ãƒ¼ãƒ«ã«ã¯ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®é–‹ç™ºã«å½¹ç«‹ã¤æ©Ÿèƒ½ãŒæè¼‰ã•ã‚Œã¦ã„ã‚‹ãŸã‚ã€ãã®æ©Ÿèƒ½ã‚’ä½¿ã„ã“ãªã™ã“ã¨ã§ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã®é–‹ç™ºã‚’ã—ã¤ã¤ã€é–‹ç™ºã®ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚’ä¸Šã’ã‚‹äº‹ãŒå¯èƒ½ã§ã™ã€‚ ãã“ã§æœ¬æ—¥ã¯ Chrome DevTools å†…ã«ã‚ã‚‹ã€ç‰¹ã«ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹å‘ã‘ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„é–‹ç™ºã«å½¹ç«‹ã¤æ©Ÿèƒ½ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Dev
aki77 2017/12/16
chrome

debug
ãƒªãƒ³ã‚¯
Ruby Debugging Magic Cheat Sheet
===================== /Users/richardschneeman/documents/projects/my_rails_app/app/controllers/projects_controller.rb:18:in `new' /Users/richardschneeman/.gem/ruby/2.3.0/gems/actionpack-5.0.0.beta1/lib/action_controller/metal/basic_implicit_render.rb:4:in `send_action' /Users/richardschneeman/.gem/ruby/2.3.0/gems/actionpack-5.0.0.beta1/lib/abstract_controller/base.rb:183:in `process_action' /Users/
aki77 2017/02/18
Rubyã ã‘ã§ã§ãã‚‹ãƒ‡ãƒãƒƒã‚°æŠ€

ruby

debug
ãƒªãƒ³ã‚¯
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
aki77 2016/05/13
electron

debug
ãƒªãƒ³ã‚¯
JavaScriptã®ãƒ‡ãƒãƒƒã‚°ã®ã‚³ãƒ„ã¨æŠ€ | POSTD
ä»¥å‰ã®è¨˜äº‹ã§ã€ Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‡ãƒãƒƒã‚°ã®ä»•çµ„ã¿ ã«ã¤ã„ã¦è§¦ã‚Œã¾ã—ãŸã€‚ä»Šå›žã¯å®Ÿè·µçš„ãªJavaScriptã®ãƒ‡ãƒãƒƒã‚°ã«ã¤ã„ã¦æŽ˜ã‚Šä¸‹ã’ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ„ãƒ¼ãƒ« ç§ã®å€‹äººçš„ãªãŠæ°—ã«å…¥ã‚Šã¯Chromeãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚Safariã‚„Firefoxã¯Chromeã»ã©ã®é«˜æ°´æº–ã«é”ã—ã¦ã„ã¾ã›ã‚“ã€‚ã—ã‹ã—ã€å¾ã€…ã«æ”¹å–„ã•ã‚Œã¦ãã¦ã„ã¾ã™ã€‚Firefoxã«ã¯Firebugã¨æ”¹è‰¯ã•ã‚ŒãŸFirefoxãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ„ãƒ¼ãƒ«ãŒçµ„ã¿åˆã‚ã•ã‚ŒãŸæ©Ÿèƒ½ãŒå‚™ã‚ã£ã¦ã„ã¾ã™ã€‚ã‚‚ã—ã€Firefoxãƒãƒ¼ãƒ ãŒãƒ“ãƒ«ãƒˆã‚¤ãƒ³ã•ã‚Œã¦ã„ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ„ãƒ¼ãƒ«ã®æ”¹è‰¯ã®ä¸ã§ç´ æ™´ã‚‰ã—ã„ä»•äº‹ã‚’ã—ç¶šã‘ãŸã¨ã—ãŸã‚‰ã€Firebugã¯ã„ã¤ã‹ã€ã™ãŸã‚Œã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ å€‹äººçš„ãªå¥½ã¿ã«ã‹ã‹ã‚ã‚‰ãšã€ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã¨ã™ã‚‹ã‚ã‚‰ã‚†ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã§ã€å…¨ã¦ã®ã‚³ãƒ¼ãƒ‰ã®ãƒ†ã‚¹ãƒˆã‚„ãƒ‡ãƒãƒƒã‚°ãŒã§ãã‚‹ã‚ˆã†ã«ã™ã¹ãã§ã™ã€‚â€ã‚ã‚‰ã‚†ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶â€ã«ã¯ã€ã‹ã®æœ‰åãªInternet E
aki77 2015/09/10
javascript

debug

google chrome
ãƒªãƒ³ã‚¯
å¤§æ‰‹Webã‚µãƒ¼ãƒ“ã‚¹ãŒã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã§ç™ºç”Ÿã—ãŸJavaScriptã®ã‚¨ãƒ©ãƒ¼ã‚’ã©ã†åŽé›†ã—ã¦ã„ã‚‹ã®ã‹ ã¾ã¨ã‚ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
aki77 2014/08/29
javascript

debug
ãƒªãƒ³ã‚¯
JavaScript ã§ throw "" ã§ã¯ãªã throw new Error() ã‚’ä½¿ã£ãŸã»ã†ãŒã‚ˆã„(äº›ç´°ãª)ç†ç”± - latest log
JavaScript ã§äººç‚ºçš„ã«ä¾‹å¤–ã‚’ç™ºç”Ÿã•ã›ã‚‹ã«ã¯ã€å¤§ããåˆ†ã‘ã‚‹ã¨ä»¥ä¸‹ã®2ç¨®é¡žãŒã‚ã‚Šã¾ã™ã€‚ throw new ã—ãªã„æ›¸ãæ–¹ throw "ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã‚¨ãƒ©ãƒ¼ãŒç™ºç”Ÿã—ã¾ã—ãŸã€‚ã‚µãƒãƒ¼ãƒˆæ‹…å½“è€…ã«é€£çµ¡ã—ã€ã“ã®å•é¡Œã‚’å ±å‘Šã—ã¦ãã ã•ã„ã€‚"; o_o ã¯ String æ‰±ã„ã§ã€o_o.stack ã‚‚ undefined ã«ãªã£ã¦ã„ã¾ã™ã€‚ throw new ã™ã‚‹æ›¸ãæ–¹ throw new Error("ä¸€èˆ¬çš„ãªã‚¨ãƒ©ãƒ¼ã ã‚ˆ"); throw new TypeError("åž‹ãŒã¡ãŒã†ã‚ˆ"); throw new SyntaxError("æ–‡æ³•ãŠã‹ã—ã„ã‚ˆ"); throw new URIError("URIã¡ãŒã†ã‚ˆ"); ä»–ã«ã‚‚ã€RangeError, ReferenceError, MediaError, FileError, EvalError ãªã©ãŒã‚ã‚Šã¾ã™ã€‚ throw new ã—ãŸå ´åˆã¯ã€o_
aki77 2014/08/20
javascript

debug
ãƒªãƒ³ã‚¯
Chromeãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ãƒ„ãƒ¼ãƒ«ã®ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ãƒ‡ãƒãƒƒã‚°æ©Ÿèƒ½ã«ã¤ã„ã¦ | infoScoopé–‹ç™ºè€…ãƒ–ãƒã‚°
ã¤ã„æœ€è¿‘ã¾ã§çŸ¥ã‚Šã¾ã›ã‚“ã§ã—ãŸãŒã€ãƒãƒ¼ã‚¸ãƒ§ãƒ³33ä»¥é™ã®Chromeã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ãƒ„ãƒ¼ãƒ«ã«ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã®ãƒ‡ãƒãƒƒã‚°æ©Ÿèƒ½ã¨ã—ã¦æè¼‰ã•ã‚ŒãŸã€Œã‚¨ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã€ã¨ã€Œãƒªãƒ¢ãƒ¼ãƒˆãƒ‡ãƒãƒƒã‚®ãƒ³ã‚°æ©Ÿèƒ½ã€ãŒä¾¿åˆ©ã ã£ãŸã®ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚¨ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ãƒ„ãƒ¼ãƒ«ã®èµ·å‹• ãƒ‡ãƒãƒƒã‚°ã—ãŸã„ãƒšãƒ¼ã‚¸ã‚’é–‹ã„ãŸçŠ¶æ…‹ã§ã€Ctrl+Shift+iï¼ˆMacã®å ´åˆã¯Command+Option+iï¼‰ã‚’æŠ¼ã—ã¦ã€ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ãƒ„ãƒ¼ãƒ«ã‚’é–‹ãã¾ã™ã€‚ ã‚¨ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ã®èµ·å‹• ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ãƒ„ãƒ¼ãƒ«ã®å³ä¸Šã®ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã‚¢ã‚¤ã‚³ãƒ³ã‚’æŠ¼ã—ã¦ã‚³ãƒ³ã‚½ãƒ¼ãƒ«é–‹ãã€ã€ŒEmulationã€ã‚¿ãƒ–ã‚’é¸æŠžã—ã¾ã™ã€‚ ã€ŒDeviceã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ãƒ‡ãƒã‚¤ã‚¹ä¸€è¦§ã‹ã‚‰ãƒ‡ãƒã‚¤ã‚¹ã‚’é¸æŠžã—ã¦ã€ŒEmulateã€ãƒœã‚¿ãƒ³ã‚’æŠ¼ã—ã¦ã‚¨ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ã‚’èµ·å‹•ã—ã¾ã™ã€‚ ã‚¹ã‚¯ãƒªãƒ¼ãƒ³è¨å®š ãƒ‡ãƒã‚¤ã‚¹ä¸€è¦§ã«å¯¾è±¡ã®ãƒ‡ãƒã‚¤ã‚¹ãŒãªã‘ã‚Œã°ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³è¨å®šã‚¿ãƒ–ã§è§£åƒåº¦ã€ãƒ”ã‚¯ã‚»ãƒ«å¯†åº¦ã‚’å€‹åˆ¥ã«è¨å®šã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§
aki77 2014/07/30
google chrome

android

debug
ãƒªãƒ³ã‚¯
JavaScriptStackTraceApié‚¦è¨³ã€‚Errorã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®stackã«ã¤ã„ã¦ã€‚ | Ginpen.com
Google Chromeã‚„Node.jsã§åˆ©ç”¨å¯èƒ½ãªAPIã§ã™ã€‚Firefoxç‰ã«ã¯æè¼‰ã•ã‚Œã¦ã„ã¾ã›ã‚“ã€‚ï¼ˆã¾ãƒ¼ã‚ã‚“ã¾ã‚Šä½¿ã†å ´é¢ãªã•ãã†ã§ã™ã‘ã©ã€‚ï¼‰ http://code.google.com/p/v8/wiki/JavaScriptStackTraceApi ä»¥ä¸‹ã€ç¿»è¨³ã§ã™ã€‚ All internal errors thrown in V8 capture a stack trace when they are created that can be accessed from JavaScript through the error.stack property. V8 also has various hooks for controlling how stack traces are collected and formatted, and for allowing custom
aki77 2014/05/13
javascript

debug

document
ãƒªãƒ³ã‚¯
Androidã®å®Ÿæ©Ÿã§ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®Javascriptã‚’ãƒ‡ãƒãƒƒã‚°ã™ã‚‹æ–¹æ³•
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ã€ãŠãŠã‚€ãä½¿ã‚ã‚Œã‚‹Javascriptã€‚ Androidã®å®Ÿæ©Ÿã§ãƒ‡ãƒãƒƒã‚°ã—ãŸã„æ™‚ã«ã€å®Ÿæ©Ÿã«ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã‚’è¡¨ç¤ºã™ã‚‹æ–¹æ³•ã¨ã€PCã«è¡¨ç¤ºã•ã›ã‚‹æ–¹æ³•ã€‚ ãã®â‘ ã€€å®Ÿæ©Ÿã®Androidæ¨™æº–ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã‚’è¡¨ç¤ºã™ã‚‹ (1)Androidæ¨™æº–ãƒ–ãƒ©ã‚¦ã‚¶ã‚’èµ·å‹•ã™ã‚‹ (2)ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ã«â€œabout:debugâ€ã‚’å…¥åŠ›ã—ã¦Enter (3)ãƒ–ãƒ©ã‚¦ã‚¶ã®ã€Œã‚µãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€â†’ã€Œè¨å®šã€ã«ã€â€ãƒ‡ãƒãƒƒã‚°â€ã‚’ã‚¿ãƒƒãƒ— (4)â€œShow Javascript Consoleâ€ã«ãƒã‚§ãƒƒã‚¯ãŒå…¥ã£ã¦ã„ã‚‹ã“ã¨ã‚’ç¢ºèªã€€â€»â€œUAStringâ€ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã‚‚å¤‰ãˆã‚‰ã‚ŒãŸã‚Šã—ã¾ã™ (5)ãƒ–ãƒ©ã‚¦ã‚¶ã«æˆ»ã£ã¦â€œSHOW JAVASCRIPT CONSOLEâ€ã‚’ã‚¿ãƒƒãƒ—ã™ã‚‹ã¨ã€ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ãƒã‚°ãŒè¡¨ç¤ºã•ã‚Œã‚‹â€»ä»¥ä¸‹ã®ãƒ¡ã‚½ãƒƒãƒ‰ãŒä½¿ãˆã‚‹ã‚‰ã—ã„ console.log(); console.info(); conso
aki77 2014/05/12
android

debug

javascript
ãƒªãƒ³ã‚¯
Windows Azure : Windows Azure Joins Windows Server in a New Organization: Server & Cloud Division
In Visual Studio 2022 17.10 Preview 2, weâ€™ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...
aki77 2014/04/22
ie

javascript

debug
ãƒªãƒ³ã‚¯
Chrome DevToolsã§javascriptã‚’ãƒ‡ãƒãƒƒã‚°ã™ã‚‹éš›ã«å¿˜ã‚Œã¦ã¯ã„ã‘ãªã„å¤§åˆ‡ãªäº‹ - Qiita
Chrome DevToolsã¯ã¨ã¦ã‚‚ã¨ã¦ã‚‚ä¾¿åˆ©ã§ã€æ¯Žæ—¥ãŠä¸–è©±ã«ãªã£ã¦ã„ã‚‹ç¥žãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ å˜ç´”ãªHTMLã®è§£æžã‹ã‚‰GPUã®ä½¿ç”¨å…·åˆã¨ã„ã†ãƒžãƒ‹ã‚¢ãƒƒã‚¯ãªæƒ…å ±ã¾ã§è‰²ã€…ç¢ºèªå‡ºæ¥ã¾ã™ãŒã€ãã®ä¸ã§ãƒ‡ãƒãƒƒã‚°ã®æ™‚ã«è¨å®šã—ã¦ãŠãäº‹ã§ã€ã¡ã‚‡ã£ã¨ã—ãŸãƒŸã‚¹ã‚’æ¸›ã‚‰ã—ã¦å•é¡Œã«ã™ãæ°—ä»˜ã‘ã‚‹è¨å®šãŒï¼‘ã¤ã‚ã‚Šã¾ã™ã€‚ javascriptã‚¨ãƒ©ãƒ¼ãŒç™ºç”Ÿã—ãŸå ´åˆã«ã‚¨ãƒ©ãƒ¼ã‚’è£œè¶³ã—Breakã™ã‚‹ Sourceã‚¿ãƒ–ã‚’é¸æŠžã—ãŸå ´åˆã«ã€å·¦ä¸‹ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒã‚ã‚Šã¾ã™ã€‚ ãã®ä¸ã®æ©Ÿèƒ½ã¨ã—ã¦ãƒœã‚¿ãƒ³ã£ã½ã„ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã‚Œã‚’ã€1å›žã‚¯ãƒªãƒƒã‚¯ã—ã¾ã™ã€‚ã™ã‚‹ã¨ã¨ã„ã†æ„Ÿã˜ã§è‰²ãŒå¤‰ã‚ã‚Šã¾ã™ã€‚æ¬¡ã«ã‚‚ã†ä¸€åº¦ã‚¯ãƒªãƒƒã‚¯ã—ã¾ã™ã€‚ã™ã‚‹ã¨ã“ã‚“ãªæ„Ÿã˜ã§è‰²ãŒã¾ãŸå¤‰ã‚ã‚Šã¾ã™ã€‚ ã“ã‚Œã‚‰ã‚’è¨å®šã—ã¦ãŠãã¨ã€javascriptå®Ÿè¡Œæ™‚ã«ç™ºç”Ÿã—ãŸã‚¨ãƒ©ãƒ¼ã‚’DevToolãŒæ¤œçŸ¥ã—ã¦Breakã—ã¦ãã‚Œã‚‹ã®ã§ã€ã™ãã«å•é¡Œã®ã‚ã‚‹ã‚³ãƒ¼ãƒ‰ã«æ°—ãŒã¤ãäº‹ãŒå‡ºæ¥ã€ãƒŸã‚¹ã«ã™ãæ°—ãŒã¤ãäº‹ãŒå‡ºæ¥ã¾ã™ã€‚ Pause on
aki77 2014/04/22
google chrome

javascript

debug
ãƒªãƒ³ã‚¯
jQuery Debugger
Chrome Developer Tools extension for jQuery development
aki77 2013/07/02
jquery

debug

google chrome
ãƒªãƒ³ã‚¯
Google Chromeã§JavaScriptã®ãƒ‡ãƒãƒƒã‚°ã‚’ã™ã‚‹éš›ã«ã¯ãœã²ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‚’ï¼Â·JS Runtime Inspector MOONGIFT
JS Runtime Inspectorã¯Google Chromeã®JavaScriptãƒ‡ãƒãƒƒã‚°ã‚’å¼·åŠ›ã«ã‚µãƒãƒ¼ãƒˆã—ã¦ãã‚Œã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ æœ€è¿‘ã¯JavaScriptã‚’å¾¹åº•çš„ã«æ´»ç”¨ã—ãŸWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚å¢—ãˆã¦ãã¾ã—ãŸã€‚ãã‚“ãªä¸ãƒ‡ãƒãƒƒã‚°ã¯éžå¸¸ã«å›°é›£ã«ãªã£ã¦ãã¦ã„ã¾ã™ã€‚ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒJS Runtime Inspectorã§ã™ã€‚ ã‚¤ãƒ³ã‚¹ãƒšã‚¯ã‚¿ã«JSæ¤œç´¢ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ãŒè¿½åŠ ã•ã‚Œã¾ã™ã€‚ æ¤œç´¢çµæžœã§ã™ã€‚ ãã“ã‹ã‚‰å®šç¾©ã•ã‚Œã¦ã„ã‚‹å ´æ‰€ã«ç°¡å˜ã«é£›ã¹ã¾ã™ã€‚ åˆ©ç”¨ä¾‹ã€‚ JS Runtime Inspectorã‚’ä½¿ãˆã°JavaScriptã‚’æŽ˜ã‚Šä¸‹ã’ã¦èª¿ã¹ã‚‹ã®ãŒã¨ã¦ã‚‚ç°¡å˜ã«ãªã‚Šã¾ã™ã€‚é–¢æ•°åã®ä»–ã€å€¤ã§ã‚‚æ¤œç´¢ã§ãã‚‹ã®ã§ç›®çš„ã®å‡¦ç†ã‚’è¦‹ã¤ã‘ã‚‹ã®ãŒç°¡å˜ã«ãªã‚‹ã¯ãšã§ã™ã€‚ JS Runtime Inspectorã¯Google Chromeç”¨ã€MIT Licenseã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ MOONG
aki77 2013/02/28
google chrome

javascript

debug
ãƒªãƒ³ã‚¯
jQuery 1.9 ã®ã‚½ãƒ¼ã‚¹ãƒžãƒƒãƒ—å¯¾å¿œã§åœ§ç¸®ç‰ˆã§ã‚‚ãƒ‡ãƒãƒƒã‚°ãŒç°¡å˜ã«ãªã£ãŸè©±
jQuery 1.9 ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚1.9 ã®æ–°æ©Ÿèƒ½ã®ä¸ã§ã¯ã‚ã¾ã‚Šæ³¨ç›®ã•ã‚Œã¦ã„ã¾ã›ã‚“ãŒã€ã‚½ãƒ¼ã‚¹ãƒžãƒƒãƒ—ã«å¯¾å¿œã—ãŸã®ãŒåœ°å‘³ã«ä¾¿åˆ©ãã†ã§ã™ã€‚ ã¨ã„ã†ã®ã‚‚ã€åœ§ç¸®ç‰ˆã® jquery.min.js ã‚’ä½¿ã£ã¦ã„ã‚‹ã¨ ä½•ã‹å•é¡ŒãŒèµ·ããŸã¨ãã«ã‚¹ã‚¿ãƒƒã‚¯ãƒˆãƒ¬ãƒ¼ã‚¹ã‚’çœºã‚ã¦ã‚‚ jQuery ã®éƒ¨åˆ†ãŒæ„å‘³ä¸æ˜Ž ãƒ‡ãƒãƒƒã‚¬ãƒ¼ã§ jQuery ã®ã‚½ãƒ¼ã‚¹ã«ã‚¹ãƒ†ãƒƒãƒ—ã‚¤ãƒ³ã—ã¦ã‚‚æ„å‘³ä¸æ˜Ž ã¨ã„ã£ãŸç†ç”±ã§ã€é–‹ç™ºä¸ã«ã¯éžåœ§ç¸®ã® jquery.js ã‚’ä½¿ã†ã“ã¨ãŒå¤šã‹ã£ãŸã‚ã‘ã§ã™ã€‚ ãã‚ŒãŒã€1.9 ã‹ã‚‰ã¯ã‚½ãƒ¼ã‚¹ãƒžãƒƒãƒ—ã«å¯¾å¿œã—ãŸã®ã§åœ§ç¸®ç‰ˆã®ã¾ã¾ã§ã®ãƒ‡ãƒãƒƒã‚°ãŒç°¡å˜ã«ãªã£ã¦ã¾ã™ã€‚ è¶…ç°¡å˜ãªä½¿ã„æ–¹ ã‚½ãƒ¼ã‚¹ãƒžãƒƒãƒ—ã«å¯¾å¿œã—ãŸãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã¯ç¾æ™‚ç‚¹ã§ã¯ Google Chrome ã®ã¿ãªã®ã§ã€Google Chrome ã®æ‰‹é †ã‚’èª¬æ˜Žã—ã¾ã™ã€‚ (Firefox ã¯ã‚½ãƒ¼ã‚¹ãƒžãƒƒãƒ—ã¸ã®å¯¾å¿œã‚’è¨ˆç”»ä¸ã‚‰ã—ã„) äº‹å‰æº–å‚™ã‚’å¿˜ã‚Œãšã« Google Chrome ã§
aki77 2013/01/29
ã‚½ãƒ¼ã‚¹ãƒžãƒƒãƒ—

jquery

debug

javascript
ãƒªãƒ³ã‚¯
Mac/PCã‹ã‚‰ã®Androidä¸Šã®ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒªãƒ¢ãƒ¼ãƒˆãƒ‡ãƒãƒƒã‚°ã®ã¾ã¨ã‚ - Nothing ventured, nothing gained.
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆãŒä¸»æµã«ãªã‚Šã¤ã¤ã‚ã‚‹ãŒã€ãã‚Œã‚‰ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã§Webã®ãƒ‡ãƒãƒƒã‚°ã™ã‚‹ã®ã¯æ¥½ã§ã¯ãªã„ã€‚User Agentæ–‡å—åˆ—ã‚’å¤‰æ›´ã—ã¦ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ä¸Šã®ãƒ–ãƒ©ã‚¦ã‚¶ã®æŒ¯ã‚Šã‚’ã—ãŸMacã‚„PCã®ãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚‰ãƒ‡ãƒãƒƒã‚°ã™ã‚‹æ–¹æ³•ã‚‚ã‚ã‚‹ãŒã€ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã®ãƒ–ãƒ©ã‚¦ã‚¶ã®æ©Ÿèƒ½ãŒMacã‚„PCã¨åŒä¸€ã§ã¯ãªãã€ãƒ¢ãƒã‚¤ãƒ«ç‰¹æœ‰ã®çŠ¶æ³ã‚‚ã‚ã‚‹ãŸã‚ã€ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ãã®ã‚‚ã®ã‚’ä½¿ã£ãŸçŠ¶æ…‹ã§ãƒ‡ãƒãƒƒã‚°ã—ãªã‘ã‚Œã°ã„ã‘ãªã„ã“ã¨ã‚‚å¤šã„ã€‚ ãã®ã‚ˆã†ãªéš›ã«ä½¿ã‚ã‚Œã‚‹ã®ãŒãƒªãƒ¢ãƒ¼ãƒˆãƒ‡ãƒãƒƒã‚°ã ã€‚ Mac/PCã¨Androidã®ä¸¡æ–¹ã«ãƒ–ãƒ©ã‚¦ã‚¶ã‚’æä¾›ã—ã¦ã„ã‚‹ä¸»æµãƒ–ãƒ©ã‚¦ã‚¶ã¨ã—ã¦ã¯Chromeã€Firefoxã€OperaãŒã‚ã‚‹ãŒã€ã“ã®ãƒªãƒ¢ãƒ¼ãƒˆãƒ‡ãƒãƒƒã‚°æ©Ÿèƒ½ã¯ã“ã®3ç¨®ã®ãƒ–ãƒ©ã‚¦ã‚¶ã™ã¹ã¦ã«å‚™ã‚ã£ã¦ã„ã‚‹ã€‚ã¾ãŸã€ãƒ–ãƒ©ã‚¦ã‚¶é–‹ç™ºå…ƒã§ã¯ãªã„ãŒã€Adobeã‚‚ãƒªãƒ¢ãƒ¼ãƒˆãƒ‡ãƒãƒƒã‚°æ©Ÿèƒ½ã‚’æä¾›ã—ã¦ã„ã‚‹ã€‚ã™ã§ã«ä½¿ã£ã¦ã„ã‚‹äººã‚‚å¤šã„ã¨æ€ã†ã—ã€ãã‚Œãžã‚Œå¤šãã®æƒ…å ±ãŒæä¾›ã•ã‚Œã¦ã„ã‚‹ã®
aki77 2013/01/24
android

browser

debug
ãƒªãƒ³ã‚¯
Adobe Edge Inspectï¼šæ§˜ã€…ãªãƒ‡ãƒã‚¤ã‚¹ã§æ‰‹è»½ã«ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ãƒ†ã‚¹ãƒˆ | Adobe Developer Connection
HTMLï¼CSSï¼JavaScriptã«é–¢ã™ã‚‹åŸºç¤ŽçŸ¥è˜ã‚„ã€Webã‚µã‚¤ãƒˆã‚„Webã‚¢ãƒ—ãƒªã®ãƒ†ã‚¹ãƒˆã®çµŒé¨“ã€‚ å¿…è¦ãªã‚¢ãƒ‰ãƒ“è£½å“ Adobe Edge Inspect Download ä»–ã«å¿…è¦ãªè£½å“ Google Chrome Download Adobe Edge Inspect Chrome æ‹¡å¼µæ©Ÿèƒ½ Download ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã—ãŸçµŒé¨“ã‚’ãŠæŒã¡ã§ã‚ã‚Œã°ã€æ§˜ã€…ãªãƒ‡ãƒã‚¤ã‚¹ã§ã®ãƒ†ã‚¹ãƒˆã‚„ãƒ‡ãƒãƒƒã‚°ä½œæ¥ãŒã„ã‹ã«é¢å€’ã§ã€æ™‚ã«ã¯è‹¦ç—›ã ã¨ã„ã†ã“ã¨ã‚’ã”å˜ã˜ã§ã—ã‚‡ã†ã€‚ã“ã†ã—ãŸçŠ¶æ³ã‚’æ”¹å–„ã™ã‚‹ã®ãŸã‚ã«å½¹ç«‹ã¤ã®ãŒã€ã€ŒAdobe Edge Inspectã€ã§ã™ã€‚Edge Inspectã‚’ä½¿ãˆã°ã€æ§˜ã€…ãªãƒ‡ãƒã‚¤ã‚¹ã§ã®ãƒ–ãƒ©ã‚¦ã‚¸ãƒ³ã‚°ã‚’ç°¡å˜ã«åˆ¶å¾¡ã§ãã‚‹ã«ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ã¾ãŸã€ãƒ‡ãƒãƒƒã‚°ã‚„æ¤œæŸ»ç”¨ã®ãƒ„ãƒ¼ãƒ«ã‚‚ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ã‚µã‚¤ãƒˆè¡¨ç¤ºã«ãŠã„ã¦å•é¡ŒãŒã‚ã‚Œã°ã€ãã®åŽŸå› ã‚’çš„ç¢ºã«è¦‹ã¤ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚çš†ã•ã‚“ã®é–‹ç™ºãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã«Edg
aki77 2013/01/11
adobe

google chrome

debug
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 æ¬¡ã®ãƒšãƒ¼ã‚¸