[B! Firebug] o_hiroyukiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

o_hiroyuki id:o_hiroyuki

Firebugã«é–¢ã™ã‚‹o_hiroyukiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{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}}

ã€Javascriptã€‘consoleã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãŒæŒã¤logä»¥å¤–ã®ä¾¿åˆ©ãƒ¡ã‚½ãƒƒãƒ‰18ï¼ˆå‰ç·¨ï¼‰
ã“ã‚“ã«ã¡ã¯ã€æ©‹æœ¬ã§ã™ã€‚ ä»Šå›žã¨æ¬¡å›žã®ï¼’å›žã«ã‚ãŸã‚Šã€Safariã€Chromeã®Webã‚¤ãƒ³ã‚¹ãƒšã‚¯ã‚¿ãƒ¼ã‚„Firefoxã®FireBugã§ä½¿ãˆã‚‹consoleã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®ä½¿ã„æ–¹ã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Javascriptã®ã‚³ãƒ¼ãƒ‰ã‚’ãƒ‡ãƒãƒƒã‚°ã™ã‚‹éš›ã«ã€console.logã‚’ä½¿ã£ã¦ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚„ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®å†…å®¹ã‚’ãƒã‚°ã«è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ãŒã€ ã“ã®ã€Œconsoleã€ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã€å®Ÿã¯logãƒ¡ã‚½ãƒƒãƒ‰ä»¥å¤–ã«ã‚‚è¤‡æ•°ã®ãƒ¡ã‚½ãƒƒãƒ‰ãŒã‚ã‚Šã¾ã™ã€‚ ã¾ãšã¯ã€consoleã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã«ã©ã®ã‚ˆã†ãªãƒ¡ã‚½ãƒƒãƒ‰ãŒã‚ã‚‹ã‹ã€console.logã‚’ä½¿ã£ã¦è¡¨ç¤ºã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ consoleã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®ä¸èº«ã‚’è¦‹ã¦ã¿ã‚‹ã¨ã€__proto__ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã«ä»¥ä¸‹ã®ãƒ¡ã‚½ãƒƒãƒ‰ãŒå®šç¾©ã•ã‚Œã¦ã„ã¾ã™ã€‚ assert count debug dir dirxml error group groupCollapsed g
o_hiroyuki 2012/08/07
Javascript

Firebug
ãƒªãƒ³ã‚¯
ãƒžãƒãƒ¼ãƒ‹ãƒ¥ãƒ¼ã‚¹2ch
ã¾ãšã€iPhoneã®Safariã§ã©ã“ã§ã‚‚è‰¯ã„ã®ã§ãƒšãƒ¼ã‚¸ã‚’é–‹ã„ã¦ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¾ã—ã‚‡ã†ã€‚ ãã—ã¦ã€ŒHow to use Firebug on your iPad and iPhoneã€ã«æ›¸ã‹ã‚Œã¦ã„ã‚‹JavaScriptã‚’ã‚³ãƒ”ãƒ¼ã—ã¾ã™ã€‚ javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})
o_hiroyuki 2011/12/14
Firebug

iPhone

iPad
ãƒªãƒ³ã‚¯
mixi Engineers' Blog Â» ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã®WebInspectorã‚’ãƒªãƒ¢ãƒ¼ãƒˆã§å®Ÿç¾ã™ã‚‹weinreãŒå‡„ã„
ã“ã‚“ã«ã¡ã¯ã€å¯éŽã”ã—ã¦é•·é‡Žã¾ã§è¡Œããã†ã«ãªã£ãŸã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆé–‹ç™ºã®takimoã“ã¨ç€§æœ¬ã§ã™ã€‚ å…ˆé€±å¼Šç¤¾æ•°åãŒã‚¢ãƒ¡ãƒªã‚«ã§è¡Œã‚ã‚Œã¦ã„ãŸVelocity 2011 - O'Reilly Conferencesã«å‚åŠ ã—ã¾ã—ãŸã€‚ ãã“ã§ã¯ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã®ãƒ†ã‚¹ãƒˆã‚„ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã«ã¤ã„ã¦ã®è¬›æ¼”ã‚„LTãŒã‚ã£ãŸã‚ˆã†ã§ã™ã€‚ è‡ªåˆ†ã‚‚ãŠåœŸç”£è©±ã‚’è‰²ã€…èžããŸã„ã®ã§è©³ã—ãã¯èª°ã‹ãŒæ›¸ã„ã¦ãã‚Œã‚‹ã¯ãš...ã§ã™ã€‚ ãã®ä¸ã§æ°—ã«ãªã£ãŸãƒ—ãƒãƒ€ã‚¯ãƒˆãŒã‚ã£ãŸã®ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ weinre - Web Inspector Remote weinreã¯Firebug(Firefox)ã‚„WebKitã®WebInspectorã®ã‚ˆã†ãªãƒ‡ãƒãƒƒã‚°æ©Ÿèƒ½ã‚’ãƒªãƒ¢ãƒ¼ãƒˆã§æä¾›ã—ã¦ãã‚Œã‚‹ãƒ—ãƒãƒ€ã‚¯ãƒˆã§ã™ã€‚ iPhoneã‚„Android(2.1ä»¥ä¸Š)ã«ã¯ä¸€å¿œã‚³ãƒ³ã‚½ãƒ¼ãƒ«æ©Ÿèƒ½ã®ã‚ˆã†ãªã‚‚ã®ãŒã‚ã‚Šã¾ã™ãŒ åŸºæœ¬çš„ã«ã¯å‡ºåŠ›ã ã‘ ã‚½ãƒ•ãƒˆã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã§ãƒ‡ãƒãƒƒã‚°ç”¨
o_hiroyuki 2011/06/21
Firebug

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

é–‹ç™º
ãƒªãƒ³ã‚¯
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ã—ç¶šã‘ã‚‹å¿…è¦ãŒã‚ã£ãŸ) ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³
o_hiroyuki 2011/04/25
Firebug
ãƒªãƒ³ã‚¯
Firebugã®æ„å¤–ã¨çŸ¥ã‚‰ã‚Œã¦ã„ãªã„æ©Ÿèƒ½ç´¹ä»‹ï¼ˆãƒ—ãƒã‚°ãƒ©ãƒžå‘ã‘ï¼‰ - KAYAC Engineers' Blog
ç¾Šæ¯›å¸ƒå›£ã‚’æ´—æ¿¯æ©Ÿã«ã‹ã‘ã‚‰ã‚Œãªã„ã“ã¨ã‚’çŸ¥ã‚Šã¾ã—ãŸã€‚agoï¼ˆ@kyo_agoï¼‰ã§ã™ã€‚ æ„å¤–ã¨çŸ¥ã‚‰ã‚Œã¦ã„ãªã„æ©Ÿèƒ½ãŒå¤šã„ï¼ï¼ŸFirebugã®ä½¿ã„æ–¹ã‚’è¦‹ã¦ã€ãƒ—ãƒã‚°ãƒ©ãƒžå‘ã‘ã‚‚æ¬²ã—ããªã£ãŸã®ã§æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ 1. ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§ ä»¥ä¸‹ã®ãƒšãƒ¼ã‚¸ã§Firebugã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ http://getfirebug.com/wiki/index.php/Keyboard_and_Mouse_Shortcuts å–ã‚Šåˆãˆãšä»¥ä¸‹ã®äºŒã¤ã ã‘ã§ã‚‚è¦šãˆã¦ãŠãã¨åŠ¹çŽ‡çš„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ F12ã§Firebugã®æœ‰åŠ¹ã€ç„¡åŠ¹ã®åˆ‡ã‚Šæ›¿ãˆ åºƒã„ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ãƒ¢ãƒ¼ãƒ‰æ™‚ã«Ctrl+Enterã§ã‚³ãƒ¼ãƒ‰ã‚’å®Ÿè¡Œ ã¾ãŸã€ä»¥ä¸‹ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã®å¤‰æ›´ã‚‚è¡Œãˆã‚‹ã®ã§ã€ä»–ã®æ‹¡å¼µç‰ã¨ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆãŒã‹ã¶ã£ãŸå ´åˆã§ã‚‚åˆ¥ã®ã‚ãƒ¼ã§ä½¿ç”¨ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ 2. Firefoxæœ¬ä½“ã®ãƒ„ãƒ¼ãƒ«ãƒãƒ¼ã«ã€Œè¦ç´ ã‚’èª¿æŸ»ã€ãƒœã‚¿ãƒ³ Fi
o_hiroyuki 2010/07/30
Firebug

firefox

tips
ãƒªãƒ³ã‚¯
Webã®ãƒã‚°ã‚’ç‡ƒã‚„ã—ã¾ãã‚‹Firebugã¨ã€ãã®ã‚¢ãƒ‰ã‚ªãƒ³7é¸
Webã®ãƒã‚°ã‚’ç‡ƒã‚„ã—ã¾ãã‚‹Firebugã¨ã€ãã®ã‚¢ãƒ‰ã‚ªãƒ³7é¸ï¼šãƒ¦ã‚«ã‚¤ã€ãƒ„ãƒ¼ã‚«ã‚¤ã€ã‚«ã‚¤ãƒãƒ„ç’°å¢ƒï¼ï¼ˆ10ï¼‰ï¼ˆ1/3 ãƒšãƒ¼ã‚¸ï¼‰ é«˜åº¦åŒ–ã™ã‚‹Webã®ãƒ‡ãƒãƒƒã‚°ã«æ‚©ã‚€äººã€å¿…è¦‹ï¼ è¿‘å¹´ã€Google Chromeã€Firefoxã€Safariã€Operaã€Internet Explorerï¼ˆä»¥ä¸‹ã€IEï¼‰ãŒJavaScriptã®å®Ÿè¡Œé€Ÿåº¦ã®æœ€é€Ÿã®åº§ã‚’äº‰ã£ã¦ã„ã¾ã™ãŒã€ãã‚Œã«ä¼´ã„JavaScriptã«ã‚ˆã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒå¤šæ•°å‡ºç¾ã—ã€Webãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã¯é£›èºçš„ã«å‘ä¸Šã—ã¦ãã¾ã—ãŸã€‚ ä¸€æ–¹ã§ã€é–‹ç™ºè€…ï¼ãƒ‡ã‚¶ã‚¤ãƒŠã«ã¨ã£ã¦ã¯è¤‡é›‘åŒ–ã™ã‚‹Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‡ãƒãƒƒã‚°ãŒæ‚©ã¿ã®ç¨®ã¨ãªã£ã¦ãã¦ã„ã¾ã™ã€‚ãã‚“ãªã¨ãã«ãŠå‹§ã‚ãªã®ãŒã€Firefoxä¸Šã§å‹•ä½œã™ã‚‹ã‚¢ãƒ‰ã‚ªãƒ³ã€ŒFirebugã€ã§ã™ã€‚ã“ã‚Œã‚’åˆ©ç”¨ã™ã‚Œã°ã€ãƒ‡ãƒãƒƒã‚°ãŒã‹ãªã‚ŠåŠ¹çŽ‡çš„ã«è¡Œãˆã¾ã™ã€‚ æœ¬ç¨¿ã§ã¯ã€Firefoxã®ã‚¢ãƒ‰ã‚ªãƒ³ã¨ã—ã¦åˆ©ç”¨ã™ã‚‹Firebugã¨ã€
o_hiroyuki 2009/12/04
firebugã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

Firefox

Firebug

Tutorial
ãƒªãƒ³ã‚¯
1