Firefoxã®ãããã°æ¡å¼µãã¨Firebugã§ãããFirefox4ããFirebugã¨ã¯å¥ã«Web Consoleã¨ããæ©è½ãå ¥ãã¾ããã ããããFirebugèªä½ãããã«ä¾¿å©ã«ãªã£ã¦ããã®ã§ãå°ãç´¹ä»ãã¾ãã(Firebug1.7 â1.8 ã®ç¯å²ã§) ç¾å¨ã®Firefox4ã«æ£å¼å¯¾å¿ãã¦ããã®ã¯Firebug1.7xã§ãFirebug1.8xã¯Alphaçã¨ãã¦å ¬éããã¦ããã®ã§ã¾ã ä¸å®å®ãªé¨åããããã¨ã«æ³¨æãã¦ä¸ããã ç¹ã«æ³¨ææ¸ããã¦ãªãé¨åã¯Firebug1.7ã®é ç®ã ã¨æã£ã¦å¤§ä¸å¤«ã ã¨æãã¾ã ã³ãã³ãã©ã¤ã³ã«å±¥æ´ãã¿ã³ ã³ã³ã½ã¼ã«ããã«ã§ã®ã³ãã³ãã¨ãã£ã¿(ã§ããæ¹ã®ã³ãã³ãã©ã¤ã³)ã«Historyãã¿ã³ãæ°ãã«è¿½å ããã¾ããã éå»ã«å®è¡ããã³ãã³ãããããã¢ããããé¸æãã¦æ¿å ¥ãããã¨ãã§ãã¾ãã(以åã¯Ctrl+Zã§Undoãç¶ããå¿ è¦ããã£ã) ã³ãã³ãã©ã¤ã³
ç¾æ¯å¸å£ãæ´æ¿¯æ©ã«ãããããªããã¨ãç¥ãã¾ãããagoï¼@kyo_agoï¼ã§ãã æå¤ã¨ç¥ããã¦ããªãæ©è½ãå¤ãï¼ï¼Firebugã®ä½¿ãæ¹ãè¦ã¦ãããã°ã©ãåãã欲ãããªã£ãã®ã§æ¸ãã¦ã¿ã¾ããã 1. ã·ã§ã¼ãã«ããä¸è¦§ 以ä¸ã®ãã¼ã¸ã§Firebugã®ã·ã§ã¼ãã«ããä¸è¦§ãå ¬éããã¦ãã¾ãã http://getfirebug.com/wiki/index.php/Keyboard_and_Mouse_Shortcuts åãåãã以ä¸ã®äºã¤ã ãã§ãè¦ãã¦ããã¨å¹ççããããã¾ããã F12ã§Firebugã®æå¹ãç¡å¹ã®åãæ¿ã åºãã³ãã³ãã©ã¤ã³ã¢ã¼ãæã«Ctrl+Enterã§ã³ã¼ããå®è¡ ã¾ãã以ä¸ã®ã¡ãã¥ã¼ããã·ã§ã¼ãã«ããã®å¤æ´ãè¡ããã®ã§ãä»ã®æ¡å¼µçã¨ã·ã§ã¼ãã«ããããã¶ã£ãå ´åã§ãå¥ã®ãã¼ã§ä½¿ç¨ãããã¨ãåºæ¥ã¾ãã 2. Firefoxæ¬ä½ã®ãã¼ã«ãã¼ã«ãè¦ç´ ã調æ»ããã¿ã³ Fi
Firefox ã¢ããªã³ã®ãFirefbugãã¯ãåç¥ã®æ¹ãå¤ãã¨æãã¾ãããFirefbug ã使ã£ã¦è¡¨ç¤ºãã¦ãããã¼ã¸ã®(X)HTMLãã¼ã¯ã¢ããã CSS ã確èªã»ä¿®æ£ããæ¹æ³ã®ã¾ã¨ããç´¹ä»ãã¾ãã ç¹ã«ï¼é ã«è¨ããã(X)HTMLã¨CSSãä¸çºã§ç¢ºèªããæ¹æ³ã¯ããããã§ãã åä½ã¯ Firefox 3.5 + Firebug 1.4.0b7 ã§ç¢ºèªãã¦ãã¾ãã ï¼ï¼åºæ¬ï¼(X)HTML ãã¼ã¯ã¢ãã㨠CSS ã表示ãã 確èªããããã¼ã¸ã表示ããç¶æ ã§ãã¡ãã¥ã¼ãã¼ã®ã表示ãâãFirebugããé¸æãã¾ããã¾ã㯠F12 ãæ¼ä¸ãã¾ãã ããã§ãã¼ã¸ä¸ååã« Firebug ã®ã¦ã£ã³ãã¦ã表示ãããå·¦å´ã«(X)HTMLãã¼ã¯ã¢ãããå³å´ã«ãã®ãã¼ã¸ã§ä½¿ããã¦ããå·¦å´ã®ã¦ã£ã³ãã¦ã§é¸æç¶æ ã«ãªã£ã¦ããè¦ç´ ã® CSS ã表示ããã¾ãããã®æé 㧠Firebug ã®ç»é¢ãéãã¨ãbo
Firefoxã使ã£ã¦Webã·ã¹ãã ãéçºããéã«ã¯å¿ é ã¨ãè¨ããFirebugãããã¦äººæ°ã®é«ãJavaScriptã©ã¤ãã©ãªã®jQueryããã®äºã¤ãçµã¿åããã£ãã¨ããããã¾ã§ä»¥ä¸ã®é åãæããããããã«ãªãã ãã¦ã¹ãå½ã¦ãã¨ãã®ã¨ã¬ã¡ã³ãããã¤ã©ã¤ã表示ããã ãã確信ã§ããã®ãFireQueryã使ã£ãç¬éã ããã®äºã¤ã®èåã¯ãJavaScriptã®éçºããã¼ã¹ããã¦ãããã®ã§ã¯ãªãã ãããã ä»åç´¹ä»ãããªã¼ãã³ã½ã¼ã¹ã»ã½ããã¦ã§ã¢ã¯FireQueryãFirebugã¨é£æºããjQueryéçºè£å©ã¢ããªã³ã ã FireQueryã¯console.logã«åãåºããå 容ãå ã«ãç»é¢ä¸ã®ã¨ã¬ã¡ã³ãããã¤ã©ã¤ããã¦ããããä¾ãã°console.log($('p'));ã¨åºãã°ãã³ã³ã½ã¼ã«ã«åºåããã jQuery(p)ã¨ãã表示ã«ãã¦ã¹ãå½ã¦ãã¨ã該å½é¨åããã¤ã©ã¤ã表示ã«ãªããã©
Firefinderã¨ã¯ä½ãï¼ https://addons.mozilla.org/en-US/firefox/addon/11905/ CSSã»ã¬ã¯ã¿ãXPathã§è¦ç´ ãæ¤ç´¢åºæ¥ãFirebugã®æ¡å¼µã§ãã ã©ããªäººã«ãå§ããï¼ hiddenãã£ã¼ã«ãã®å¤ãé²è¦§ãããã formã®ã©ã®è¦ç´ ã®nameãä½ãã¨ãããã£ã¨è¦ãããªããã¨ãªãã§ããï¼ ãããªããå§ãã§ãã Firebugã«ã¯æ¢ã«$$ã¨ããCSSã»ã¬ã¯ã¿ã§è¦ç´ ãæ¤ç´¢åºæ¥ãé¢æ°ããããã ãï¼ CSSã»ã¬ã¯ã¿ã®ãµãã¼ãã®åº¦åããéãã¾ãã $$é¢æ°ã§ã¯åºæ¬çãªCSSã»ã¬ã¯ã¿ãããµãã¼ãããã¦ããªãã®ã§ã ä¾ãã°ããããªããhttp://images.google.co.jp/advanced_image_search?hl=ja $$('input'); // [input, input ja, input Google æ¤ç´¢, i
æè¿ã¯ãWebãµã¤ãã®ãã¶ã¤ã³ãæ§ç¯ãè¿·è·¯ã®ããã«è¤éãªä½æ¥ã«ãªããã¨ããããããããä½æ¥ãåç´åãã¦ããããã¼ã«ã®1ã¤ããæå㪠Firebug æ¡å¼µæ©è½ã§ãããFirebugã使ãã¨ãHTMLãCSSãJavaScriptãFirefoxã®ä¸ã§ç·¨éãããããã°ãããã¨ãã§ãããFirebugã¯ãã®ã¾ã¾ã§ãååå½¹ã«ç«ã¤ãã追å ã®æ¡å¼µæ©è½ã使ãã¨å ã®æ©è½ãä¸æ®µã¨å¼·åãããéçºè ããã¶ã¤ãã®ä½æ¥ãä¸å±¤ããããããªãã YSlow Firebugã«ã¯ãããã¯ã¼ã¯ã®å¦çç¶æ³ãç£è¦ããæ©è½ãããããYSlowã追å ããã¨ããã®æ©è½ãããã«å¼·åããYahooâs best practicesã®è©ä¾¡åºæºã«ç §ããã¦èªåã®Webãµã¤ãããã§ãã¯ãããã¨ãã§ãããããã©ã¼ãã³ã¹ããã§ãã¯ãããã¨ã«å ããYSlowã§ã¯ãExpiresããããETagãHTTPè¦æ±ã®åè¨æ°ãªã©ãæé©åã«å½¹ç«ã¤é ç®ã調æ»ãããã
æè¿ã®ä¸å¦çã®ã¯ããã¦ã®ããã°ã©ãã³ã°è¨èªãJavaScriptã ã£ãããããã®æ代ãæã使ããããJavaScriptã®å®è¡ç°å¢ã§ããFirebugã¯ç¾ä»£ã®ã³ãã³ãã©ã¤ã³ã§ããUNIXã³ãã³ãã©ã¤ã³ã§grepãuniqã使ã£ã¦ãæ¥å¸¸ã®ç´°ã ããå¦çãè¡ãã®ã¨åãããã«Firebugã¨javascriptã使ãããªããã¨ãæ¥å¸¸ä½æ¥ã®ã¡ãã£ã¨ãããã¨ãããã£ã¨ããªããã¨ãã§ãã¾ããã¡ãã£ã¨ããä½æ¥ã ããæä½æ¥ã§ãã£ã¦ããããã©èªåã§ããã°ãã¹ã£ããããªãããæ°åçã«ã¯æ¥½ãªã®ã§èªåã§ãããããã¨ããä½æ¥ããã£ãããªãã§ãããããä¾ãã°ããã¼ã¸ã®ä¸ã®ç¹å®ã®é¨åã®æååããªã¹ãã«ãã¦ããã¹ããã¡ã¤ã«ã«ä¿åããããã¨ãã ããã§ä»åã¯ç§ãæ®æ®µãããã£ã¦ããåç´ä½æ¥ãFirebug+javascriptã§ããã£ã¨ããã¥ããæ¹æ³ã2åã«ããã¦ãç´¹ä»ãã¾ãã ãã¼ã¸ã®ä¸ããããã¹ããå±æ§ã®å¤ãæ¾ã ãã¼ã¸ã®
ã©ã³ãã³ã°
ã©ã³ãã³ã°
ã©ã³ãã³ã°
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}