[B! JavaScript] LOFTã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

LOFT id:LOFT

JavaScriptã«é–¢ã™ã‚‹LOFTã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{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ç„¡ã—ã®ã‚·ãƒ³ãƒ—ãƒ«ãªã‚³ãƒ¼ãƒ‰ã§ç”Ÿæˆã™ã‚‹ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼
Twitter, Facebook, Google+, Pocketãªã©ã€å„ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚µãƒ¼ãƒ“ã‚¹ã®ã‚·ã‚§ã‚¢ãƒœã‚¿ãƒ³ã‚’JavaScriptç„¡ã—ã®ã‚·ãƒ³ãƒ—ãƒ«ãªHTML/CSSã®ã‚³ãƒ¼ãƒ‰ã§ç”Ÿæˆã™ã‚‹ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
LOFT 2014/06/17
SNS

HTML

CSS

JavaScript
ãƒªãƒ³ã‚¯
HTML5/CSS3ã«ã‚‚å¯¾å¿œã€HTML/CSS/JavaScriptã‚’æ•´å½¢ãƒ»ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ« -Dirty Markup
Dirty Markup [ad#ad-2] Dirty Markupã¯ã‚¦ã‚§ãƒ–åˆ¶ä½œè€…ãŒã‚ˆãä½¿ã†ä¸‹è¨˜ã®ãƒ„ãƒ¼ãƒ«ã‚’ã¾ã¨ã‚ãŸã‚ˆã†ãªæ„Ÿã˜ã§ã™ã€‚ HTML Tidy CSS Tidy JS Beautify Dirty Markupã®ä½¿ã„æ–¹ã¯ç°¡å˜ã§ã€å³å´ã«ã‚³ãƒ¼ãƒ‰ã‚’ãƒšãƒ¼ã‚¹ãƒˆã—ã€å·¦å´ã§HTML/CSS/JavaScriptã‚’è¨å®šã—ã€ŒCleanã€ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã ã‘ã§ã™ã€‚
LOFT 2012/03/21
HTML, CSS, JavaScriptã‚’èªã¿ã‚„ã™ãæ•´å½¢ã—ã€æ–‡æ³•ä¸Šã®ã‚¨ãƒ©ãƒ¼ã‚‚ãƒã‚§ãƒƒã‚¯ã—ã¦ãã‚Œã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«

HTML

CSS

JavaScript
ãƒªãƒ³ã‚¯
Google Chrome Developer Toolså…¥é–€ in DevFestX Sapporo
LOFT 2012/02/13
Developer Toolsï¼ˆGoogle Chromeã«ä»˜å±žã—ã¦ã„ã‚‹ã‚¦ã‚§ãƒ–é–‹ç™ºå‘ã‘ã®ä¾¿åˆ©ãƒ„ãƒ¼ãƒ«ï¼‰ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã€ãƒªãƒ¢ãƒ¼ãƒˆãƒ‡ãƒãƒƒã‚°ã€æ‹¡å¼µã¨ã®é€£æºãªã©ã€‚

Google

Google Chrome

Chrome

Tool

Web

HTML

CSS

JavaScript
ãƒªãƒ³ã‚¯
åˆå¿ƒè€…ã® Simpleãƒ»JavaScript
è¶…åˆå¿ƒè€…ã§ã‚‚å¤§ä¸ˆå¤« JavaScriptã‚’ä½¿ã£ã¦ã¿ã‚ˆã† HTMLã«ãƒ—ãƒ©ã‚¹ã™ã‚‹æ©Ÿèƒ½ã¨ã—ã¦ã€å‹•ãã‚’ã¤ã‘ã‚‹ã®ãŒã€JavaScriptã§ã™ã€‚ç¾åœ¨ã®Webãƒšãƒ¼ã‚¸ä½œæˆã«æ¬ ã‹ã›ãªã„ã‚‚ã®ã«ãªã£ã¦ã„ã¾ã™ã€‚Webã‚µãƒ¼ãƒ•ã‚£ãƒ³ã‚’ã—ã¦ã„ã‚‹ã¨ã€èƒŒæ™¯ã«é›ªãŒé™ã£ã¦ã„ãŸã‚Šã€æ™‚è¨ˆãŒå‹•ã„ã¦ã„ãŸã‚Šã€æ–‡å—ãŒã„ã‚ã„ã‚å¤‰åŒ–ã—ãŸã‚Šã¨ã€æ¥½ã—ã„ãƒšãƒ¼ã‚¸ã‚’è¦‹ã‹ã‘ã¾ã™ã€‚ã¾ãŸã€ç”»é¢ä¸Šã§ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãã‚Œã«åå¿œã—ã¦ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’è¡¨ç¤ºã—ãŸã‚Šã€å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã§å…¥åŠ›ã—ã€ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€ãã‚Œã«ã‚ˆã£ã¦ä½•ã‚‰ã‹ã®å‡¦ç†ãŒãªã•ã‚Œã‚‹ã‚ˆã†ãªãƒšãƒ¼ã‚¸ã‚‚ã‚ã‚Šã¾ã™ã€‚ãã‚Œã‚‰ã®å¤šãã¯ã€JavaScriptã‚’ä½¿ã£ã¦ã„ã¾ã™ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã«æ‹¡å¼µã™ã‚‹æ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹ã“ã¨ãªãã€ç‰¹åˆ¥ãªã‚½ãƒ•ãƒˆã‚’ä½¿ã†å¿…è¦ã‚‚ãªãä»Šã¾ã§é€šã‚Šã€ãƒ¡ãƒ¢å¸³ã§HTMLãƒ•ã‚¡ã‚¤ãƒ«ã®ä¸ã«ç›´æŽ¥JavaScriptã‚’è¨˜è¿°ã™ã‚‹ã ã‘ã§ã™ã€‚ JavaScriptã‚’å®£è¨€ã™ã‚Œã°ã€ãƒ–ãƒ©ã‚¦ã‚¶ãŒ<script>ã‚¿ã‚°ã¨èªè˜ã—å®Ÿè¡Œã—ã¦ãã‚Œã¾ã™ã€‚ HTMLã§ãƒš
LOFT 2010/06/02
HTML

JavaScript
ãƒªãƒ³ã‚¯
ã‚°ãƒ¼ã‚°ãƒ«ã®JavaScriptãƒ„ãƒ¼ãƒ«é›†å¤§æˆã€ŒGoogle Closure Toolsã€
2009å¹´11æœˆ5æ—¥ï¼ŒGoogleã¯è‡ªç¤¾ã‚µãƒ¼ãƒ“ã‚¹è£½å“ã§ã‚ã‚‹Gmailï¼ŒGoogle Mapsï¼ŒGoogle Docsãªã©ã®é–‹ç™ºã«ä½¿ç”¨ã—ã¦ã„ã‚‹JavaScriptã‚¢ãƒ—ãƒªé–‹ç™ºãƒ„ãƒ¼ãƒ«ç¾¤ã€ŒGoogle Closure Toolsã€ã‚’ä¸€èˆ¬å…¬é–‹ã—ã¾ã—ãŸã€‚ "Closure"ã¯ä¸€èˆ¬çš„ã«ï¼Œé–‰éŽ–ã‚„é–‰åº—ã¨ã„ã£ãŸæ„å‘³ã§ä½¿ã‚ã‚Œã¾ã™ã€‚ãƒ„ãƒ¼ãƒ«ã®å‘½åã¨ã—ã¦ã¯å°‘ã—ãƒã‚¬ãƒ†ã‚£ãƒ–ãªãƒ‹ãƒ¥ã‚¢ãƒ³ã‚¹ã‚’æ„Ÿã˜ã¾ã™ãŒï¼ŒGoogle Closure Toolsã®å ´åˆã¯ï¼Œçµ‚çµã¨ã„ã£ãŸæ„å‘³ã§ï¼Œé–‹ç™ºãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ãŠã‘ã‚‹æœ€çµ‚ã‚¹ãƒ†ãƒƒãƒ—ã®ä»•ä¸Šã’ç”¨ãƒ„ãƒ¼ãƒ«ã€‚ã™ãªã‚ã¡â€œæ “â€ã¨ã„ã†æ„å‘³ã§ä¸èº«ãŒã‚ãµã‚Œå‡ºã•ãªã„ã‚ˆã†ã«ã‚ãƒƒãƒãƒªé–‰ã‚ã¦ãŠãã‚‚ã®ã¨ã„ã£ãŸæ„å‘³åˆã„ã‹ã‚‰å‘½åã•ã‚Œã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚ Ultimateï¼ˆç©¶æ¥µï¼‰ã«è¿‘ã„æ„å‘³ã§Googleã®è‡ªä¿¡ã®è¡¨ã‚Œã¨å—ã‘å–ã£ãŸæ–¹ãŒã„ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚Googleã§æ–°è¦å…¬é–‹ã«ãªã£ãŸãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã¨ã—ã¦ã¯çã—ãï¼Œãƒ™ãƒ¼ã‚¿ç‰ˆã®è¡¨è¨˜ã‚‚ã‚ã‚Šã¾ã›ã‚“ï¼ˆGo
LOFT 2009/11/20
Google

JavaScript
ãƒªãƒ³ã‚¯
IEã€Safariã€Operaã€Wiiã€PS3ã€iPhoneã€iPod...ã™ã¹ã¦ã«å…±é€šã®è„†å¼±æ€§ | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
SecurityFocus is the most comprehensive and trusted source of security information on the Internet. SecurityFocusã¯15æ—¥(ã‚«ãƒŠãƒ€æ™‚é–“)ã€IEã€Chromeã€Safariã€Operaã€Thunderbirdã€iPhoneã€Wiiã€PS3ãªã©åºƒç¯„å›²ã«æ¸¡ã£ã¦ãƒ–ãƒ©ã‚¦ã‚¶ã€OSã€ãƒ‡ãƒã‚¤ã‚¹ã«å…±é€šã®å•é¡ŒãŒã‚ã‚Šã€ãƒ–ãƒ©ã‚¦ã‚¶ã®çµ‚äº†ã€OSã®å†èµ·å‹•ã€ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ã®ãƒãƒ³ã‚°ã‚¢ãƒƒãƒ—ãªã©ã®ä¸å…·åˆãŒç™ºç”Ÿã™ã‚‹ã“ã¨ã‚’ç™ºè¡¨ã—ãŸ(CVE-2009-1692)ã€‚åŒå•é¡Œã®å½±éŸ¿ã‚’å—ã‘ã‚‹ãƒ—ãƒãƒ€ã‚¯ãƒˆã¯æ¬¡ã®ã¨ãŠã‚Šã€‚ã“ã‚Œä»¥å¤–ã«ã‚‚Javascriptã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ãƒ—ãƒãƒ€ã‚¯ãƒˆã§åŒæ§˜ã®å•é¡ŒãŒç™ºç”Ÿã™ã‚‹å¯èƒ½æ€§ãŒã‚ã‚‹ã€‚ IE 5ã€6ã€7ã€8 (ã™ã¹ã¦ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³) Chrome Opera Seamonkey Midbrowser Netsc
LOFT 2009/07/26
Security

Browser

JavaScript
ãƒªãƒ³ã‚¯
ã€ãƒ¬ãƒãƒ¼ãƒˆã€‘"CSS3/HTML5ã€å„ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã©ã“ã¾ã§å¯¾å¿œ?" ã‚’ã€ç¢ºã‹ã‚ã‚‰ã‚Œã‚‹ã€ŒModernizrã€ (1) æ¤œå‡ºå¯èƒ½ãªæ©Ÿèƒ½ã‚’ãƒã‚§ãƒƒã‚¯ | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
Webãƒ–ãƒ©ã‚¦ã‚¶ãŒæ¬¡ä¸–ä»£è¦æ ¼ã«å¯¾å¿œã—ã¦ã„ã‚‹ã‹ã‚’ä¸€ç™ºæ¤œå‡º Faruk Atesæ°ã¯7æœˆ3æ—¥(ç±³å›½æ™‚é–“)ã€Modernizr Version 0.9ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ãŸã€‚Modernizrã¯æ¬¡ä¸–ä»£è¦æ ¼ã§ã‚ã‚‹CSS3ã®å„ç¨®ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒæœ‰åŠ¹ã‹ã‚’æ¤œå‡ºã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ãƒ‡ãƒ™ãƒãƒƒãƒ‘ã¯åŒãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ã§ã€å®Ÿè¡Œä¸ã®Webãƒ–ãƒ©ã‚¦ã‚¶ãŒæ¬¡ä¸–ä»£è¦æ ¼ã®æ©Ÿèƒ½ã«å¯¾å¿œã—ã¦ã„ã‚‹ã‹ã‚’ç°¡å˜ã«æ¤œå‡ºãƒ»ç¢ºèªã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ Version 0.9ã®æ™‚ç‚¹ã§æ¤œå‡ºå¯èƒ½ãªé …ç›®ã¯æ¬¡ã®ã¨ãŠã‚Š(ãƒªãƒªãƒ¼ã‚¹ãƒŽãƒ¼ãƒˆã‚ˆã‚ŠæŠœç²‹)ã€‚ Canvas rgba() hsla() border-image: border-radius: box-shadow: Multiple backgrounds opacity: CSS Animations CSS Columns CSS Gradients CSS Reflections CSS Transf orm
LOFT 2009/07/15
**ã‚ã¨ã§èªã‚€

Browser

Webåˆ¶ä½œ

HTML

CSS

JavaScript
ãƒªãƒ³ã‚¯
1