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

p_chopin id:p_chopin

JavaScriptã¨Slideã«é–¢ã™ã‚‹p_chopinã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã«ã¤ã„ã¦è€ƒå¯Ÿã—ã¦ã¿ãŸ - ã‚ã¨å‘³
JavaScriptã‚’å‹‰å¼·ã—ã¦ã„ã‚‹ã¨ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¨ã¯ãªã‚“ãžã‚„ï¼Ÿã¨ã„ã†ã“ã¨ãŒã‚ã‹ã‚‰ãªããªã£ã¦ãã¾ã™ã€‚é¸æŠžè‚¢ãŒå¢—ãˆã‚Œã°å¢—ãˆã‚‹ã»ã©ã€‚ JavaScriptã«ã¯ã€åŒã˜ã‚ˆã†ã«è¦‹ãˆã¦ã€å®Ÿã¯åŒã˜ã§ã¯ãªã„ãƒ‡ãƒ¼ã‚¿ãŒã‚ã‚Šã¾ã™ã€‚ãã‚Œã‚‰ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã«ã¤ã„ã¦ã€åŒºåˆ¥ã—ã¦èª¬æ˜ŽãŒä»˜ã‘ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã€è‡ªåˆ†ãªã‚Šã«è€ƒå¯Ÿã—ã¦ã¿ã¾ã—ãŸã€‚å‹‰å¼·ä¸ã®ã‚¢ã‚¦ãƒˆãƒ—ãƒƒãƒˆãªã®ã§ã€ã“ã“ã§æ›¸ã„ãŸå†…å®¹ã¯äº‹å®Ÿã¨ã¯å¤§ããå¤–ã‚Œã¦ã„ã‚‹ã‚‚ã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ã¨ã«ã‹ãä¸æ˜Žçžãªéƒ¨åˆ†ã‚’è‡ªåˆ†ãªã‚Šã«ç†ç”±ã¥ã‘ã—ãŸã‹ã£ãŸã ã‘ã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã‚’è©¦ã•ã‚Œã‚‹å ´åˆã¯ã€Firefoxã®FireBugã«ã‚ã‚‹ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã«è²¼ã‚Šã¤ã‘ã¦å®Ÿè¡Œã™ã‚‹ã‹ã€Safariã®é–‹ç™ºãƒ„ãƒ¼ãƒ«ã«ã‚ã‚‹ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã«è²¼ã‚Šã¤ã‘ã¦å®Ÿè¡Œã—ã¦ãã ã•ã„ã€‚ãã‚ŒãŒã‚ã‹ã‚‰ãªã„æ–¹ã¯ console.log ã®éƒ¨åˆ†ã‚’ alert ã«ç½®ãæ›ãˆã¦ç¢ºèªã—ã¦ãã ã•ã„ã€‚ è©±ãŒã‚„ã‚„ã“ã—ããªã‚‹ã®ã§ã€ä»Šå›žã¯ãƒ—ãƒãƒ‘ãƒ†ã‚£ã—ã‹æ‰±ã£ã¦ã„ã¾ã›ã‚“ã€‚ åç§°ã®å®šç¾©ã«ã¤ã„ã¦
p_chopin 2009/06/12
JavaScript

Slide

Tips

Develop
ãƒªãƒ³ã‚¯
The next generation of browsers
2007/09/15 ã«è¡Œã‚ã‚ŒãŸã‚¤ãƒ™ãƒ³ãƒˆã€Œå‡ºå¼µ Shibuya.JS 24ã€ã§ã® amachang ã®ç™ºè¡¨è³‡æ–™ã§ã™ã€‚æ¬¡ä¸–ä»£ãƒ–ãƒ©ã‚¦ã‚¶ã®æ–°æ©Ÿèƒ½ã‚’ä¸€æ°—ã«ãŠè¦‹ã›ã—ã¾ã™ã€‚10 å¹´ã€‚ ä¸–ç•ŒãŒ JavaScript ã®çœŸã®å®ŸåŠ›ã‚’ç™ºè¦‹ã™ã‚‹ã®ã«è¦ã—ãŸæ™‚é–“ã§ã‚ã‚‹ã€‚ 1995 å¹´ã€Netscape ç¤¾ã® Brendan Eich ã«ã‚ˆã‚Šé–‹ç™ºãƒ»è¨è¨ˆã•ã‚ŒãŸ JavaScript ã¯ã€ã€Œä¸–ç•Œã§æœ€ã‚‚èª¤è§£ã•ã‚ŒãŸãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã€ãªã©ã¨å‘¼ã°ã‚Œã‚‚ã—ãŸã€ ã¨ã‚‚ã™ã‚Œã°ä¸é‡ã¨ã™ã‚‰ã„ã„å¾—ã‚‹æ³æœˆã‚’çµŒã¦ã€ã‚ãŸã‚Šã®ãã“ã“ã“ã«æº€ã¡å……ã¡ã¦ã„ãŸã€ŒWeb ã®æ—§æ¥çš„ãªã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã®çª®å±ˆã•ã‚’é©å‘½ã—ãŸã„ã€ã¨ã„ã†æ€ã„ã«ã‚ˆã£ã¦ã€ãµãŸãŸã³è¡¨èˆžå°ã«æ‹›æ¥ã•ã‚ŒãŸã€‚ JavaScript ã¯ã€Web ã®ã€Œã‚ã¡ã‚‰å´ã€ã¨ã€Œã“ã¡ã‚‰å´ã€ã¨ã‚’å–ã‚Šçµã¶ã€ã‚‚ã£ã¨ã‚‚å¤ãã¦ã‚‚ã£ã¨ã‚‚æ–°ã—ã„ã€ãã—ã¦ã€ã‚‚ã£ã¨ã‚‚é‡è¦ãªæŠ€è¡“ã ã€‚æ¬¡ã® 10 å¹´ã‚’è‡ªã‚‰ã®æ‰‹ã§å‰µã‚Šå‡ºã™ãŸã‚ã«ã€æˆ‘ã€…ã¯ Shibu
p_chopin 2009/06/08
Slide

Browser

CSS

HTML

Web

JavaScript
ãƒªãƒ³ã‚¯
High Performance Web Pages - 20 new best practices
The document discusses best practices for improving web page performance. It begins by noting how slow pages negatively impact user experience and business metrics. It then outlines 14 best practices such as minimizing HTTP requests, using a content delivery network, gzipping components, optimizing images, and avoiding redirects. Additional best practices are also provided such as preloading compo
p_chopin 2009/03/19
Web

HTML

JavaScript

Server

Slide

Reference

Yahoo
ãƒªãƒ³ã‚¯
S6 å…¬é–‹ã«é–¢ã™ã‚‹æ–¹é‡ - ITæˆ¦è¨˜
12 æœˆä¸ã«ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ãƒ„ãƒ¼ãƒ« S6 ã‚’å…¬é–‹ã—ã‚ˆã†ã¨è€ƒãˆã¦ã„ã¾ã™ãŒã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯ MIT ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã«ã—ã‚ˆã†ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ ã¨ã„ã†ã“ã¨ã§ã€ä»Šã¾ã§ä½œã£ãŸä»¥ä¸‹ã®ãƒ—ãƒ¬ã‚¼ãƒ³ã«ã‹ã‚‰èªã¿è¾¼ã¾ã‚Œã¦ã„ã‚‹ s6.js ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯ã™ã¹ã¦ MIT ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¨ã„ã†ã“ã¨ã«ã—ã¾ã™ã€‚ http://amachang.art-code.org/pr/ http://amachang.art-code.org/shibuyajs24/ http://amachang.art-code.org/ejohn/ ã“ã‚Œã‹ã‚‰ã€ãŸãã•ã‚“ã®äººãŒ S6 ã«å‚åŠ ã—ã‚„ã™ã„ã‚ˆã†ã«ã‚³ãƒ¼ãƒ‰ã®ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã‚„ã€ãƒ†ã‚¹ãƒˆã®è‡ªå‹•åŒ–ãªã©ã‚’è¡Œã£ã¦ã„ãäºˆå®šã§ã™ã€‚ ã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ã€‚
p_chopin 2008/04/28
JSã§ãƒ—ãƒ¬ã‚¼ãƒ³

Slide

JavaScript

Tool
ãƒªãƒ³ã‚¯
JavaScript Tips & Technique
æ“ä½œæ–¹æ³• â†’ ã‚ãƒ¼: æ¬¡ã®ãƒšãƒ¼ã‚¸ã¸ â† ã‚ãƒ¼: å‰ã®ãƒšãƒ¼ã‚¸ã¸ â†‘ ã‚ãƒ¼: ç›®æ¬¡ãƒšãƒ¼ã‚¸ã¸ â†“ ã‚ãƒ¼: ç›®æ¬¡ãƒšãƒ¼ã‚¸ã‹ã‚‰æˆ»ã‚‹ ç›®æ¬¡ãƒšãƒ¼ã‚¸ã§ã¯ â† â†’ ã‚ãƒ¼ã§ä¸€è¦§ã‚’ç§»å‹•ã—ã€ã‚¯ãƒªãƒƒã‚¯ã§é¸æŠžã—ã¾ã™ 10 å¹´ã€‚ ä¸–ç•ŒãŒ JavaScript ã®çœŸã®å®ŸåŠ›ã‚’ç™ºè¦‹ã™ã‚‹ã®ã«è¦ã—ãŸæ™‚é–“ã§ã‚ã‚‹ã€‚ 1995 å¹´ã€Netscape ç¤¾ã® Brendan Eich ã«ã‚ˆã‚Šé–‹ç™ºãƒ»è¨è¨ˆã•ã‚ŒãŸ JavaScript ã¯ã€ã€Œä¸–ç•Œã§æœ€ã‚‚èª¤è§£ã•ã‚ŒãŸãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã€ãªã©ã¨å‘¼ã°ã‚Œã‚‚ã—ãŸã€ ã¨ã‚‚ã™ã‚Œã°ä¸é‡ã¨ã™ã‚‰ã„ã„å¾—ã‚‹æ³æœˆã‚’çµŒã¦ã€ã‚ãŸã‚Šã®ãã“ã“ã“ã«æº€ã¡å……ã¡ã¦ã„ãŸã€ŒWeb ã®æ—§æ¥çš„ãªã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã®çª®å±ˆã•ã‚’é©å‘½ã—ãŸã„ã€ã¨ã„ã†æ€ã„ã«ã‚ˆã£ã¦ã€ãµãŸãŸã³è¡¨èˆžå°ã«æ‹›æ¥ã•ã‚ŒãŸã€‚ JavaScript ã¯ã€Web ã®ã€Œã‚ã¡ã‚‰å´ã€ã¨ã€Œã“ã¡ã‚‰å´ã€ã¨ã‚’å–ã‚Šçµã¶ã€ã‚‚ã£ã¨ã‚‚å¤ãã¦ã‚‚ã£ã¨ã‚‚æ–°ã—ã„ã€ãã—ã¦ã€ã‚‚ã£ã¨ã‚‚é‡è¦ãªæŠ€è¡“ã ã€‚æ¬¡ã® 10 å¹´ã‚’è‡ªã‚‰ã®æ‰‹ã§å‰µã‚Šå‡ºã™
p_chopin 2008/03/31
JavaScript

Reference

Slide
ãƒªãƒ³ã‚¯
ã€ŒWebãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºé€Ÿåº¦ã‚’å‘ä¸Šã•ã›ã‚‹æœ€æ–°ç ”ç©¶çµæžœã€ ç±³Yahoo!ãŒãƒ—ãƒ¬ã‚¼ãƒ³è³‡æ–™å…¬é–‹ï¼šCodeZine
ç±³Yahoo!ã¯ã€é–‹ç™ºè€…å‘ã‘Webã‚µã‚¤ãƒˆã€ŒYahoo! Developer Networkã€å†…ã®ãƒ–ãƒã‚°ã§ã€Webãƒšãƒ¼ã‚¸ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’å‘ä¸Šã•ã›ã‚‹æœ€æ–°ç ”ç©¶çµæžœã«ã¤ã„ã¦è§£èª¬ã—ãŸãƒ—ãƒ¬ã‚¼ãƒ³è³‡æ–™ã‚’å…¬é–‹ã—ãŸã€‚ ã“ã‚Œã¯å…ˆé€±é–‹å‚¬ã•ã‚ŒãŸPHP Quebec Conferenceã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã«ãŠã„ã¦ã€åŒç¤¾ã®Stoyan Stefanovæ°ãŒä½¿ç”¨ã—ãŸè³‡æ–™ã‚’å…¬é–‹ã—ãŸã‚‚ã®ã€‚Yahoo!ãŒç ”ç©¶ã‚’ç¶šã‘ã¦ã„ã‚‹ã€Œã‚ˆã‚Šé€ŸãWebãƒšãƒ¼ã‚¸ã‚’è¡¨ç¤ºã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ã¨ã—ã¦ã€æ—¢å˜ã®14ç¨®é¡žã«åŠ ãˆã€æ–°ã—ã20ç¨®é¡žã®ãƒ«ãƒ¼ãƒ«ãŒæ˜Žã‹ã•ã‚Œã¦ã„ã‚‹ã€‚ æ”¹å–„å¯¾è±¡ã¯ã‚µãƒ¼ãƒã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€ã‚¯ãƒƒã‚ãƒ¼ã€JavaScriptã€CSSã€ç”»åƒã€ãƒ¢ãƒã‚¤ãƒ«ã¨ãªã£ã¦ãŠã‚Šã€åŒç¤¾ãŒæä¾›ã™ã‚‹Firefoxæ‹¡å¼µæ©Ÿèƒ½YSlowãªã©ã‚’åˆ©ç”¨ã—ã¦æ¤œè¨¼ã™ã‚‹ã€‚YSlowã§ã€ŒAåˆ¤å®šã€ãŒå‡ºã¦ã„ãªã„ã‚ˆã†ã§ã‚ã‚Œã°ã“ã‚Œã‚‰ã®æ”¹å–„ã«å–ã‚Šçµ„ã‚€ã‚ˆã†æŽ¨å¥¨ã—ã¦ãŠã‚Šã€Aåˆ¤å®šãŒå‡ºã¦ã„ã‚‹å ´åˆã§ã‚‚æ–°ã—ã„20ã®ãƒ«ãƒ¼ãƒ«ã‚’
p_chopin 2008/03/20
Develop

Web

CSS

JavaScript

Slide

Reference
ãƒªãƒ³ã‚¯
1