http://hosicame.com/blog/addon/web-developer-chrome
Web開発ã§ã‚ˆã使ã†ã€ç‰¹ã«ä½¿ãˆã‚‹Chromeデベãƒãƒƒãƒ‘ー・ツールã®æ©Ÿèƒ½
Webアプリã®ãƒ‡ãƒãƒƒã‚°ã‚„ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã«å½¹ç«‹ã¤ã€Chrome Developer Toolsã®ä¸»è¦æ©Ÿèƒ½ã‚’ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚ャプãƒãƒ£ä¸å¿ƒã§ç°¡æ½”ã«ç´¹ä»‹ã€‚2014å¹´10月ã«æœ€æ–°æƒ…å ±ã«æ”¹è¨‚。 モダンブラウザーã®ä¸ã§Google Chromeã¯æœ€å¾Œç™ºãªãŒã‚‰ã€ãã®æ©Ÿèƒ½ã®æ½¤æ²¢ã•ã€ä¾¿åˆ©ã•ã€é«˜é€Ÿã•ã‹ã‚‰ã‚·ã‚§ã‚¢ã‚’大ãã伸ã°ã—ã¦ã„る。ãã—ã¦ã€ä»Šã‚„ã»ã¨ã‚“ã©ã®ãƒ–ラウザーã§ã¯Windowsã®å ´åˆF12ã‚ーを押ã™ã“ã¨ã§ï¼ˆMacã®å ´åˆã¯Command＋Option＋Iã‚ーã§ï¼‰æ‰‹è»½ã«å„ブラウザーæ載ã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーツールを利用ã§ãã‚‹ãŒã€ç‰¹ã«Chromeã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーツールã¯ã€éžå¸¸ã«æ©Ÿèƒ½ãŒè±Šå¯ŒãªãŸã‚ã€åˆ©ç”¨ã—ã¦ã„る人もã‹ãªã‚Šå¤šã„。 本稿ã§ã¯ç†è€…ãŒã‚ˆã使ã†æ©Ÿèƒ½ã‚„ã€ä½¿ã†ã¨ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’ä¸å¿ƒã«ã€Chromeã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーツールã«ã¤ã„ã¦ç´¹ä»‹ã—ã¦ã„ã。ãªãŠã€æœ¬æ›¸ã¯åŸ·ç†æ™‚点ã§ã€æœ€æ–°ã®Chrome 38を使用ã—ã¦ã„る。 機能ãµã‹ã‚“ 残念ãªãŒã‚‰ã€Chro
[JS]動画をブラウザã„ã£ã±ã„やエレメントã®èƒŒæ™¯ã¨ã—ã¦é…ç½®ã§ãるスクリプト（スマホã«ã‚‚é…慮） -Vide
.mp4, .webm ãªã©ã€å‹•ç”»ã‚’ブラウザã„ã£ã±ã„ã‚„divãªã©ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®èƒŒæ™¯ã¨ã—ã¦é…ç½®ã§ãã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ デスクトップã§ã¯å‹•ç”»ãŒå†ç”Ÿã•ã‚Œã€ã‚¹ãƒžãƒ›ã§ã¯ä»•æ§˜ã®ãŸã‚代替ã®é™æ¢ç”»åƒãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ デモページ iOSã§ã¯å‹•ç”»ã¯ãƒã‚¤ãƒ†ã‚£ãƒ–ã®ãƒ—レイヤーã®ã¿å†ç”Ÿå¯èƒ½ãªã®ã§ã€é™æ¢ç”»åƒãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚Androidã§ã¯ä¸€éƒ¨ã®æ©Ÿç¨®ã§å‹•ç”»ãŒå†ç”Ÿã•ã‚Œã¦ã—ã¾ã„ã¾ã™ãŒã€åŸºæœ¬çš„ã«ã¯é™æ¢ç”»åƒãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ Videã®ä½¿ã„æ–¹ Step 1: 外部ファイル 当スクリプトã¨jquery.jsを外部スクリプトã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <body> ... <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="js/jquery.vide.min.js"></scr
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}