firefox 人気急上昇ä¸!
firefox ã¯è‡ªåˆ†å¥½ã¿ã®æ©Ÿèƒ½ã‚’è¿½åŠ ã§ãるアドオンãŒå……実ã—ã¦ãŠã‚Šã¾ã™ã€‚
ç§ã¯æ™®æ®µ GoogleChrome を使ã£ã¦ã„ã¾ã™ãŒã€WEB制作ã®æ™‚ã«ã¯ã»ã¨ã‚“ã© firefox を使用ã—ã¦ã„ã¾ã™ã€‚
ãã®ç†ç”±ãŒã€ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’自由ã«è¿½åŠ ã§ãã‚‹ãŸã‚ã§ã™ã€‚
今回ã¯ãã®ä¸ã§ã‚‚ç§ãŒã‚ˆã使用ã—ã¦ã„ã‚‹WEB制作ã«å½¹ç«‹ã¤ã‚¢ãƒ‰ã‚ªãƒ³ã‚’紹介ã—ã¾ã™ã€‚
firefox ã®ã‚¢ãƒ‰ã‚ªãƒ³ã¯ã€ã“ã¡ã‚‰ã§ç¢ºèªã§ãã¾ã™ã€‚
firefox ã®ã‚¢ãƒ‰ã‚ªãƒ³ã¯ã€ã„ã‚Œã™ãŽã‚‹ã¨ãƒ–ラウザãŒé‡ãŸããªã‚‹ã®ã§æ³¨æ„ãŒå¿…è¦ã§ã™ã€‚。。
・Firebug
・Html Validator
・FireMobileSimulator
・Domain Details
・ColorZilla
アクセスã—ã¦ã„るページ㮠htmlã€cssãªã©ã‚’ç°¡å˜ã«ç¢ºèªã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
クリックæ“作ã§ã€å¥½ããªå ´æ‰€ã®ã‚³ãƒ¼ãƒ‰ã‚’確èªã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
ã“ã®æ©Ÿèƒ½ã¯ã¨ã¦ã‚‚便利ãªã®ã§ã‚‚ã£ã¨ã‚‚インストールã™ã¹ãアドオンã‹ã¨æ€ã„ã¾ã™ã€‚
Firebugã§ç‰¹ã«ä¾¿åˆ©ã ã¨æ„Ÿã˜ã‚‹ã¨ã“ã‚ã¯ã€é–²è¦§ã ã‘ã§ãªã htmlã€cssã€javascript をリアルタイムã«ç·¨é›†ã€ãƒ‡ãƒãƒƒã‚°ã€ãƒ¢ãƒ‹ã‚¿ã§ãã‚‹ã¨ã“ã‚ã§ã™ã€‚
ãŸã¨ãˆã°ã€CSSを変更ã—ã¦è¡¨ç¤ºã‚’確èªã™ã‚‹å ´åˆã€é€šå¸¸ã¯ä»¥ä¸‹ã®æ‰‹é †ã‚’è¸ã‚€å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚
1. CSSファイルを編集ã—ã¦ä¿å˜
2. ブラウザをå†åº¦èªè¾¼
ã“れをfirebugãªã‚‰ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚’編集ã™ã‚‹ã“ã¨ãªãブラウザ上ã§ç›´æŽ¥ã„ã˜ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
アクセスã—ã¦ã„るページã®ã€ã‚¨ãƒ©ãƒ¼ã€è¦å‘Šã®æ•°ã‚’表示ã—ã¾ã™ã€‚
エラーやè¦å‘Šã®ãƒžãƒ¼ã‚¯ã‚’クリックã™ã‚‹ã“ã¨ã§ã€è©²å½“ã®ã‚¨ãƒ©ãƒ¼ã‚’一覧ã§è¡¨ç¤ºã—ã¾ã™ã€‚
Html Validator ã®ã‚¢ãƒ‰ã‚ªãƒ³ã‚’ã„れるã“ã¨ã§ã€HTML ã®æ–‡æ³•ã®é–“é•ã„ç‰ã‚’ç°¡å˜ã«ç¢ºèªã™ã‚‹ã“ã¨ãŒã§ãる便利ãªã‚¢ãƒ‰ã‚ªãƒ³ã§ã™ã€‚
ブラウザ上ã§ã¯æ£ã—ã表示ã•ã‚Œã¦ã„ã¦ã‚‚ã€æ–‡æ³•ãŒé–“é•ã£ã¦ã„ãŸã‚Šã€ã‚¹ãƒšãƒ«ãƒŸã‚¹ãªã©ãŒã‚ã‚‹ã¨SEOçš„ã«ã‚‚良ããªã„ã§ã™ã€‚
ã¾ãŸã€ä»–ã®ãƒ–ラウザã§ã¯è¡¨ç¤ºãŒå´©ã‚Œã‚‹ãªã©ã®æ‡¸å¿µã‚‚ã‚ã‚‹ãŸã‚ã€web制作者㯠Html Validator を入れã¦ãƒã‚§ãƒƒã‚¯ã—ã¦ã„ãŸã ã‘ã‚Œã°ã¨ãŠã‚‚ã„ã¾ã™ã€‚
Mobileå‘ã‘ã®ç”»é¢ã‚’表示ã—ã¾ã™ã€‚UserAgent ã¨ç”»é¢ã‚µã‚¤ã‚ºã‚’変更ã—ã¦ã„ã‚‹ã ã‘ã®å˜ç´”ãªã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ã§ã™ã€‚
æ£ç¢ºã«ç¢ºèªã™ã‚‹ãªã‚‰ã€ã‚¨ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ã¾ãŸã¯å®Ÿæ©Ÿã§ç¢ºèªã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ãŒã€FireMobileSimulator を使用ã™ã‚‹ã“ã¨ã§ç°¡å˜ã«Mobileç”»é¢ãŒè¡¨ç¤ºã§ãã‚‹ã®ã§ã€Mobileå‘ã‘ç”»é¢ä½œæˆæ™‚ã«ã¯ã¨ã¦ã‚‚便利ã§ã™ã€‚
Dmain Details ã¯ã€ã‚µãƒ¼ãƒç¨®é¡žã¨ãƒ˜ãƒƒãƒ€ãƒ¼ã€IP アドレスã€ä½ç½®ã™ã‚‹å›½æ——ã€Whois å ±å‘Šã¸ã®ãƒªãƒ³ã‚¯ãªã©ã‚’表示ã—ã¾ã™ã€‚
普段ãªã‹ãªã‹ä½¿ç”¨ã™ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã›ã‚“ãŒã€ã„ã–ã¨ã„ã†ã¨ã(自分ã®ã‚µãƒ¼ãƒãƒ¼ã®IPを調ã¹ãŸã„ã¨ããªã©)ã«ä¾¿åˆ©ã‹ã¨æ€ã„ã¾ã™ã€‚
ColorZilla ã¯ã€ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã„るページã®ä»»æ„ã®å ´æ‰€ã‹ã‚‰è‰²ã‚’å–å¾—ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
ãã®ä»–ã«ã€ãƒšãƒ¼ã‚¸æ‹¡å¤§æ©Ÿèƒ½ã€2 点間ã®è·é›¢æ¸¬å®šã€DOM インスペクタを行ã†æ©Ÿèƒ½ã‚‚ã‚ã‚Šã¾ã™ã€‚
ä»–ã®ã‚µã‚¤ãƒˆã§ä½¿ã‚ã‚Œã¦ã„る色を使ã£ã¦ã¿ãŸã„ã¨ããªã©ã«ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚