[B! javascript] reptamã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

reptam id:reptam

javascriptã«é–¢ã™ã‚‹reptamã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (98)

${{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}}

Internet-Explorerã®æŒ™å‹•ã‚’W3Cæ¨™æº–ä»•æ§˜ã«ã™ã‚‹IE9.jsã¨ã¯ï¼Ÿ Â» Internet Explorer 9(IE9)ã¾ã¨ã‚ã‚µã‚¤ãƒˆ
IE9.jsã¯JavaScriptã§é–‹ç™ºã•ã‚ŒãŸInternet Explorerã®HTML/CSSè¡¨ç¤ºã‚’èª¿æ•´ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã€ IE5.5ã‹ã‚‰IE8ã®è¡¨ç¤ºã‚’IE9ã®ã‚ˆã†ã«ã‚ˆã‚ŠW3Cæ¨™æº–ã«è¿‘ã„å½¢ã«ä¿®æ£ï¼ˆçŸ¯æ£ï¼Ÿï¼‰ã—ã¦ãã‚Œã¾ã™ã€‚ IE7.jsã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®å¾Œç¶™ç‰ˆã§ã™ã€‚ â–¼ã§ãã‚‹ã“ã¨ ãƒ»æ“¬ä¼¼ã‚¯ãƒ©ã‚¹å¯¾å¿œ ãƒ»å±žæ€§ã‚»ãƒ¬ã‚¯ã‚¿å¯¾å¿œ ãƒ»é€éŽPNGå¯¾å¿œ ãƒ»position:fixedå¯¾å¿œ ãƒ»margin:0 auto;å¯¾å¿œ ãƒ»max-height,widthå¯¾å¿œ ãƒ»min-height,widthå¯¾å¿œ ãƒ»IE5/6ã®ãƒã‚°ã‚’ä¿®æ£ ï¼ˆå‚ç…§ï¼šHTML5Ã—CSS3ã®å®Ÿè£…ã§æŠ‘ãˆã¦ãŠãã¹ãã“ã¨ï¼‰ â–¼IE9.jsã®å…¥æ‰‹æ–¹æ³• http://code.google.com/p/ie7-js/ Download ï¼ž 2.1(beta4)/ ï¼ž IE9.jsã‚’ã‚¯ãƒªãƒƒã‚¯ â–¼IE9.jsã®å®Ÿè£…æ–¹æ³•
reptam 2012/01/11
ie9

ie

javascript
ãƒªãƒ³ã‚¯
ie7-js - A JavaScript library to make MSIE behave like a standards-compliant browser. - Google Project Hosting
Code Archive Skip to content Google About Google Privacy Terms
reptam 2012/01/11
ie

javascript
ãƒªãƒ³ã‚¯
JavaScriptã®MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ä»²é–“ãŸã¡ ï½œ Classmethod.dev()
JavaScriptã®MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ä»²é–“ãŸã¡ JavaScriptã§ã‚¤ã‚¤æ„Ÿã˜ã«é–‹ç™ºã‚’ã—ãŸã„ã¨ã„ã†æ¬²æ±‚ãŒé«˜ã¾ã£ã¦ããŸãŸã‚ã€è‡ªåˆ†ã§ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½œã‚‰ãšã«ä¸–ç•Œã®è³¢è€…ãŸã¡ã‹ã‚‰å¦ã³ãŸã„ã¨æ€ã„ã¾ã™ã€‚ä»Šå›žã¯ã€JavaScriptã§MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ç‰ã‚’å®Ÿç¾ã—ã¦ã„ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚„å‘¨è¾ºã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ã•ã‚‰ã«ã¯ãƒ„ãƒ¼ãƒ«ã‚„ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ã¾ã§å¹…åºƒãã”ç´¹ä»‹ã—ã¾ã™ã€‚ (2012/1/17 updated) Backbone.js Spine.js JavaScriptMVC AngularJS SproutCore Ember.js YUI App Framework Broke.js Fidel.js Sammy.js KnockoutJS eyeballs.js The M Project Knockback Batman.js Shipyard.js Agility.js ãƒ™ãƒ¼ã‚¹ jQuery Doj
reptam 2012/01/09
mvc

framework

javascript
ãƒªãƒ³ã‚¯
JavaScriptã§èªã‚€ã€Œãƒ©ãƒ ãƒ€è¨ˆç®—åŸºç¤Žæ–‡æ³•æœ€é€Ÿãƒžã‚¹ã‚¿ãƒ¼ã€ - è²³ä½°ä¼æ‹¾é™¸å¤œæ—¥è¨˜
ä»¥å‰æ›¸ã„ãŸã€Œãƒ©ãƒ ãƒ€è¨ˆç®—åŸºç¤Žæ–‡æ³•æœ€é€Ÿãƒžã‚¹ã‚¿ãƒ¼ã€(ä»¥ä¸‹ã€Œæœ€é€Ÿãƒžã‚¹ã‚¿ãƒ¼ã€)ã¯, äºˆæƒ³ä»¥ä¸Šã«å¤šãã®äººã«èˆˆå‘³ã‚’æŒã£ã¦ã‚‚ã‚‰ãˆãŸã‚ˆã†ã§ã™ãŒ, åŒæ™‚ã«é›£ã—ãã¦ã‚ã‹ã‚‰ãªã‹ã£ãŸã¨ã„ã†äººã‚‚å¤šã‹ã£ãŸã‚ˆã†ã§ã™. åéŸ¿ã‹ã‚‰å¯Ÿã™ã‚‹ã«, æ§‹æ–‡ã‚’è¦‹æ…£ã‚Œã¦ã„ãªã„(ã¨éŒ¯è¦šã—ã¦ã—ã¾ã†)ã“ã¨ãŒç†è§£ã®å¦¨ã’ã«ãªã£ã¦ã„ãŸã‚ˆã†ã«æ€ã„ã¾ã™. ãƒ©ãƒ ãƒ€è¨ˆç®—ã®æ§‹æ–‡ã¯, å®Ÿéš›ã«ã¯å…¨ãç‰¹æ®Šãªã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“. ã“ã®ã“ã¨ãŒã‚ˆãã‚ã‹ã‚‹ã‚ˆã†ã«, ã€Œæœ€é€Ÿãƒžã‚¹ã‚¿ãƒ¼ã€ã®ãƒ©ãƒ ãƒ€è¨ˆç®—ã®ç°¡ç´„ã®ä¾‹ã‚’ã™ã¹ã¦JavaScriptã®æ§‹æ–‡ã§æ›¸ã„ã¦ã¿ã¾ã—ãŸ. ......ã¨ã„ã†å†…å®¹ã«ãªã‚‹ã¯ãšã§ã—ãŸãŒ, æ°—ãŒã¤ã„ãŸã‚‰ãƒ©ãƒ ãƒ€è¨ˆç®—ã®ã‚¤ãƒ³ã‚¿ãƒ—ãƒªã‚¿ã‚’JavaScriptã§å®Ÿè£…ã—ã¦ã„ã¾ã—ãŸ! å®Ÿéš›ã«å‹•ã‹ã›ã‚‹ã‚‚ã®ã¯ä¸‹è¨˜URLã«ã‚ã‚Šã¾ã™. https://tarao.github.io/LambdaJS/#js å‹•ä½œç¢ºèªã¨æ—¢çŸ¥ã®å•é¡Œ Firefox 3.6 Google Chrome 4.1
reptam 2012/01/07
javascript

functional
ãƒªãƒ³ã‚¯
Selection - Web API | MDN
This feature is well established and works across many devices and browser versions. Itâ€™s been available across browsers since March 2017. Learn moreSee full compatibilityReport feedback Selection ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒé¸æŠžã—ãŸãƒ†ã‚ã‚¹ãƒˆã®ç¯„å›²ã€ã¾ãŸã¯ã‚ãƒ£ãƒ¬ãƒƒãƒˆã®ç¾åœ¨ã®ä½ç½®ã‚’è¡¨ã—ã¾ã™ã€‚æ¤œæŸ»ã‚„æ“ä½œã®ãŸã‚ã« Selection ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’å–å¾—ã™ã‚‹ã«ã¯ã€ window.getSelection() ã‚’å‘¼ã³å‡ºã—ã¦ãã ã•ã„ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã€å·¦ã‹ã‚‰å³ï¼ˆæ–‡æ›¸é †ï¼‰ã¾ãŸã¯å³ã‹ã‚‰å·¦ï¼ˆæ–‡æ›¸ã¨é€†é †ï¼‰ã«é¸æŠžã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã‚¢ãƒ³ã‚«ãƒ¼ (anchor) ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒé¸æŠžã‚’é–‹å§‹ã—ãŸå ´æ‰€ã€ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ (focus) ã¯ãƒ¦ãƒ¼
reptam 2012/01/01
selection

mozilla

javascript
ãƒªãƒ³ã‚¯
Range - Web API | MDN
This feature is well established and works across many devices and browser versions. Itâ€™s been available across browsers since March 2017. Learn moreSee full compatibilityReport feedback Range ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã¯ã€ãƒŽãƒ¼ãƒ‰ã‚„ãƒ†ã‚ã‚¹ãƒˆãƒŽãƒ¼ãƒ‰ã®éƒ¨å“ã‚’å«ã‚€ã“ã¨ãŒã§ãã‚‹æ–‡æ›¸ã®ç¯„å›²ã‚’è¡¨ã—ã¾ã™ã€‚ ç¯„å›²ã¯ Document.createRange() ãƒ¡ã‚½ãƒƒãƒ‰ã«ã‚ˆã‚Šç”Ÿæˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã¾ãŸã€ Selection ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã® getRangeAt() ãƒ¡ã‚½ãƒƒãƒ‰ã‚„ Document ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã® caretRangeFromPoint() ãƒ¡ã‚½ãƒƒãƒ‰ã«ã‚ˆã‚Šå–å¾—ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ ã•ã‚‰ã«ã€Range() ã‚³ãƒ³ã‚¹ãƒˆ
reptam 2012/01/01
range

mozilla

javascript
ãƒªãƒ³ã‚¯
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ - ã¯ã¦ãªã®å‘ŠçŸ¥
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã®é€šã‚Šã€ä»Šå¹´æœ«ã‚’ç›®å‡¦ã«ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã‚’çµ‚äº†äºˆå®šã§ã‚ã‚‹æ—¨ã‚’ãŠçŸ¥ã‚‰ã›ã—ã¦ãŠã‚Šã¾ã—ãŸã€‚ 2019å¹´æœ«ã‚’ç›®å‡¦ã«ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®æä¾›ã‚’çµ‚äº†ã™ã‚‹äºˆå®šã§ã™ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã“ã®ãŸã³ã€æ£å¼ã«çµ‚äº†æ—¥ã‚’æ±ºå®šã„ãŸã—ã¾ã—ãŸã®ã§ã€ä»¥ä¸‹ã®é€šã‚Šã”ç¢ºèªãã ã•ã„ã€‚ çµ‚äº†æ—¥: 2020å¹´1æœˆ31æ—¥(é‡‘) ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆå¸Œæœ›ç”³è«‹æœŸé™:2020å¹´1æœˆ31æ—¥(é‡‘) çµ‚äº†æ—¥ä»¥é™ã¯ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®é–²è¦§ãŠã‚ˆã³æŠ•ç¨¿ã¯è¡Œãˆã¾ã›ã‚“ã€‚æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãŒå¿…è¦ãªæ–¹ã¯ä»¥ä¸‹ã®è¨˜äº‹ã«ã—ãŸãŒã£ã¦æ‰‹ç¶šãã‚’ã—ã¦ãã ã•ã„ã€‚ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã«æŠ•ç¨¿ã•ã‚ŒãŸæ—¥è¨˜ãƒ‡ãƒ¼ã‚¿ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã«ã¤ã„ã¦ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã”åˆ©ç”¨ã®ã¿ãªã•ã¾ã«ã¯ã”è¿·æƒ‘ã‚’ãŠã‹ã‘ã„ãŸã—ã¾ã™ãŒã€ã©ã†ãžã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ 2020-06-25 è¿½è¨˜ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãƒ‡ãƒ¼ã‚¿ã¯2020å¹´2æœˆ28
reptam 2011/12/29
WebWorkers

javascript
ãƒªãƒ³ã‚¯
jjencode - Encode any JavaScript program using only symbols
Be aware Using jjencode for actual attack isn't good idea. Decode easily. jjencode is not utilitarian obfuscation, just an encoder. Too characteristic. Detected easily. Browser depended. The code can't run on some kind of browsers.
reptam 2011/12/28
é›£èªåŒ–

javascript
ãƒªãƒ³ã‚¯
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ - ã¯ã¦ãªã®å‘ŠçŸ¥
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã®é€šã‚Šã€ä»Šå¹´æœ«ã‚’ç›®å‡¦ã«ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã‚’çµ‚äº†äºˆå®šã§ã‚ã‚‹æ—¨ã‚’ãŠçŸ¥ã‚‰ã›ã—ã¦ãŠã‚Šã¾ã—ãŸã€‚ 2019å¹´æœ«ã‚’ç›®å‡¦ã«ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®æä¾›ã‚’çµ‚äº†ã™ã‚‹äºˆå®šã§ã™ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã“ã®ãŸã³ã€æ£å¼ã«çµ‚äº†æ—¥ã‚’æ±ºå®šã„ãŸã—ã¾ã—ãŸã®ã§ã€ä»¥ä¸‹ã®é€šã‚Šã”ç¢ºèªãã ã•ã„ã€‚ çµ‚äº†æ—¥: 2020å¹´1æœˆ31æ—¥(é‡‘) ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆå¸Œæœ›ç”³è«‹æœŸé™:2020å¹´1æœˆ31æ—¥(é‡‘) çµ‚äº†æ—¥ä»¥é™ã¯ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®é–²è¦§ãŠã‚ˆã³æŠ•ç¨¿ã¯è¡Œãˆã¾ã›ã‚“ã€‚æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãŒå¿…è¦ãªæ–¹ã¯ä»¥ä¸‹ã®è¨˜äº‹ã«ã—ãŸãŒã£ã¦æ‰‹ç¶šãã‚’ã—ã¦ãã ã•ã„ã€‚ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã«æŠ•ç¨¿ã•ã‚ŒãŸæ—¥è¨˜ãƒ‡ãƒ¼ã‚¿ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã«ã¤ã„ã¦ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã”åˆ©ç”¨ã®ã¿ãªã•ã¾ã«ã¯ã”è¿·æƒ‘ã‚’ãŠã‹ã‘ã„ãŸã—ã¾ã™ãŒã€ã©ã†ãžã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ 2020-06-25 è¿½è¨˜ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãƒ‡ãƒ¼ã‚¿ã¯2020å¹´2æœˆ28
reptam 2011/12/28
dom

event

javascript
ãƒªãƒ³ã‚¯
MouseEvent: initMouseEvent() method - Web APIs | MDN
UI EventsMouseEventConstructorMouseEvent()Static propertiesWEBKIT_FORCE_AT_FORCE_MOUSE_DOWN Non-standard WEBKIT_FORCE_AT_MOUSE_DOWN Non-standard Instance propertiesaltKeybuttonbuttonsclientXclientYctrlKeylayerX Non-standard layerY Non-standard metaKeymovementXmovementYmozInputSource Non-standard offsetXoffsetYpageXpageYrelatedTargetscreenXscreenYshiftKeywebkitForce Non-standard xyInstance methodsg
reptam 2011/12/28
mouse

event

javascript
ãƒªãƒ³ã‚¯
Google Enterprise Solutions - Google Search Appliance
Millions of websites and apps use Google Maps Platform to power location experiences for their users.
reptam 2011/12/25
googleMaps

api

javascript
ãƒªãƒ³ã‚¯
AJAX APIs Playground
Google APIs Explorer Stay organized with collections Save and categorize content based on your preferences. The Google APIs Explorer is a tool available on most REST API reference documentation pages that lets you try Google API methods without writing code. The APIs Explorer acts on real data, so use caution when trying methods that create, modify, or delete data. For more details, read the APIs
reptam 2011/12/25
ãã®å ´ã§Google Ajax APIã‚’è©¦ã›ã‚‹

google

javascript

api

netservice
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
reptam 2011/12/25
google

javascript

api

netservice
ãƒªãƒ³ã‚¯
Google Libraries API - Google Code
How do I start? Check out the developer's guide to get the Libraries API up and running on your website or application. Play with the code in our code playground. Want to talk to other developers using this API? Check out the Google API discussion group. You can also interact with developers in realtime on our IRC channel. What is the Google Libraries API? The Libraries API is a content distributi
reptam 2011/12/25
google

javascript

api
ãƒªãƒ³ã‚¯
html5ã®FileReaderã§ãƒ‰ãƒ©ãƒƒã‚°&ãƒ‰ãƒãƒƒãƒ—ãªãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ - end0tknr's kipple - webå†™çµŒé–‹ç™º
html5ã§ã¯ã€file apiãŒè¿½åŠ ã•ã‚ŒãŸç‚ºã€ãƒ‰ãƒ©ãƒƒã‚°ã‚¢ãƒ³ãƒ‰ãƒ‰ãƒãƒƒãƒ—ã§fileã‚’é–‹ã‘ã‚‹ã‚ˆã†ã«ãªã£ãŸã‚ˆã†ãªã®ã§ã€è©¦ã—ã«æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ â€»html5ã§ã¯ã€FileReaderã‚¯ãƒ©ã‚¹ã¨FormDataã‚¯ãƒ©ã‚¹ã‚’ä½¿ã†ã‚ˆã†ã§ã™ãŒã€firefox3.6ã§ã¯ã€FormDataãŒä½¿ç”¨ã§ããªã„ã‚ˆã†ãªã®ã§ã€base64å½¢å¼+jquery.param()ãªãƒ‡ãƒ¼ã‚¿ã‚’jquery.post()ã§ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¦ã„ã¾ã™ã€‚ â€»drag&dropã§ã¯ç”»åƒã®ã‚µãƒ ãƒã‚¤ãƒ«ã‚„ãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã®å†…å®¹ã‚‚ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã§ãã¾ã™ ã‚µãƒ¼ãƒå´ã®å‹•ä½œã¯ç¢ºèªã—ã¦ã„ã¾ã›ã‚“ãŒã€ãªã‚“ã¨ãªãç†è§£ã§ããŸæ°—ãŒã—ã¾ã™ã€‚ <html> <head> <meta charset="utf-8"> <title>drag & drop file upload</title> <script type="text/javascript" src="jquery-1.4
reptam 2011/12/24
FileAPI

javascript

html5
ãƒªãƒ³ã‚¯
W3C File APIã‚’ä½¿ã£ã¦JavaScriptã§ãƒ•ã‚¡ã‚¤ãƒ«åŠ å·¥ - ã—ã°ãã‚“ãƒŽãƒ¼ãƒˆ
ç¾åœ¨W3Cã§ä»•æ§˜ç–å®šãŒé€²ã‚ã‚‰ã‚Œã¦ã„ã‚‹File APIã‚’ä½¿ã†ã¨ã€JavaScriptã‹ã‚‰ãƒãƒ¼ã‚«ãƒ«ãƒ•ã‚¡ã‚¤ãƒ«ã®æƒ…å ±ã‚„å†…å®¹ã«ã‚¢ã‚¯ã‚»ã‚¹å‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ Firefoxã§ã¯3.0æ™‚ä»£ã‹ã‚‰ä¼¼ãŸã‚ˆã†ãªæ©Ÿèƒ½ãŒå®Ÿè£…ã•ã‚Œã¦ã„ãŸã‚ˆã†ã§ã™ãŒ*1ã€ä»Šå›žã‚„ã‚„ä»•æ§˜ã‚’å¤‰æ›´ã—ãŸä¸Šã§æ¨™æº–åŒ–ã•ã‚Œã¾ã™ã€‚ ã¾ã ãƒ¯ãƒ¼ã‚ãƒ³ã‚°ãƒ‰ãƒ©ãƒ•ãƒˆã®æ®µéšŽã§ã™ãŒã€Firefox 3.6 RC1*2ã«æ—¢ã«ã»ã¨ã‚“ã©ã®APIãŒå®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã®ã§ã€ä»Šã™ãã«ä½¿ã£ã¦ã¿ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãã“ã§ã€è©¦ã—ã«ã“ã‚“ãªã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚Firefox 3.6ã§ä»¥ä¸‹ã®ãƒšãƒ¼ã‚¸ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ JavaScriptã§ãƒã‚¬ãƒã‚¸åè»¢ ãƒ•ã‚¡ã‚¤ãƒ«é¸æŠžæ¬„ã§ãƒ“ãƒƒãƒˆãƒžãƒƒãƒ—ãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆ.bmpï¼‰ã‚’é¸æŠžã€ã‚ã‚‹ã„ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã«ãƒ‰ãƒ©ãƒƒã‚°ã‚¢ãƒ³ãƒ‰ãƒ‰ãƒãƒƒãƒ—ã™ã‚‹ã¨ã€ãã®ç”»åƒã‚’ãƒã‚¬ãƒã‚¸åè»¢ï¼ˆéšŽèª¿ã®åè»¢ï¼‰ã—ã¦è¡¨ç¤ºã—ã¾ã™ã€‚è¤‡æ•°é¸æŠžã‚‚å¯ã§ã™ã€‚*3 *4 â†“å®Ÿè¡Œä¾‹ ãƒ•ã‚¡ã‚¤ãƒ«åŠ å·¥ã®éš›ã«ã‚µãƒ¼ãƒã¨ä¸€åˆ‡é€šä¿¡
reptam 2011/12/24
FileAPI

html5

javascript
ãƒªãƒ³ã‚¯
HTML5 ã® Drag and Drop API ã¨ File API ã‚’ä½¿ã£ã¦ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚’å®Ÿè£…ã™ã‚‹ - ã—ã°ã‚„ã‚“é›‘è¨˜
HTML5 ã® Drag and Drop API ã‚’ä½¿ã†ã“ã¨ã§ã€ãƒ–ãƒ©ã‚¦ã‚¶ã«ãƒ‰ãƒãƒƒãƒ—ã•ã‚ŒãŸãƒ•ã‚¡ã‚¤ãƒ«ã®æƒ…å ±ã‚’æ‰±ã†ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ãã—ã¦ File API ã‚’çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ã§ã€ãƒ•ã‚¡ã‚¤ãƒ«ã®ä¸èº«ã¾ã§æ‰±ã†ã“ã¨ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ãã—ã¦ FormData ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¨ XHR ã‚’çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ã§ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰å‡¦ç†ã¾ã§ã‚’å®Ÿè£…ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚å®Œæˆå›³ã¯ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ ä»Šå›žã¯ JavaScript ã®å‡¦ç†ãŒä¸å¿ƒã§ã™ã€‚jQuery ã‚’ä½¿ã£ã¦ã„ã‚‹ã®ã§è¿½åŠ ã—ã¦ãã ã•ã„ãã€‚ $(function () { var uploadFiles = function (files) { // FormData ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ç”¨æ„ var fd = new FormData(); // ãƒ•ã‚¡ã‚¤ãƒ«æƒ…å ±ã‚’è¿½åŠ ã™ã‚‹ for (var i = 0; i < files.length; i++) { fd.append(
reptam 2011/12/24
FileAPI

html5

D&D

javascript
ãƒªãƒ³ã‚¯
hinata.in
This domain may be for sale!
reptam 2011/12/23
thread.js Operaé™å®š

javascript

WebWorkers

@library
ãƒªãƒ³ã‚¯
jQuery Deferredã¨HTML5 Web Workersã§ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ãªä¸¦åˆ—ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’ | ã‚†ã£ãã‚Šã¨â€¦
ã€ŒjQueryã®Deferredã¨Promiseã§å¿œç”æ€§ã®è‰¯ã„ã‚¢ãƒ—ãƒªã‚’ãƒ¼å®Ÿè·µç·¨ã€ ã§è¿°ã¹ã¾ã—ãŸãŒã€Deferred ã«ã¯æ¬¡ã®æ§˜ãªã†ã‚Œã—ã•ãŒã‚ã‚Šã¾ã™ã€‚ éžåŒæœŸãªå‡¦ç†ã‚’ã™ã‚‹éƒ¨åˆ†ã¨ã€ãã®çµæžœã‚’ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã™ã‚‹éƒ¨åˆ†ã‚’åˆ†é›¢ã™ã‚‹äº‹ã«ã‚ˆã£ã¦ã€ï¼ˆç‰¹ã«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«è¿‘ã„éƒ¨åˆ†ã§ï¼‰ ã‚³ãƒ¼ãƒ‰ã®å¯èªæ€§ãŒé«˜ã¾ã‚‹ è¤‡æ•°ã® Deferred ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ã¾ã¨ã‚ã¦ç›£è¦–å‡ºæ¥ã‚‹ ä¸€æ–¹ Web Workers ã«ã¯ã€window ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚„ DOM ã¸ã®ã‚¢ã‚¯ã‚»ã‚¹ãŒå‡ºæ¥ãªã„ãªã©ã€ã¡ã‚‡ã£ã¨å¼•ã„ã¦ã—ã¾ã†åˆ¶é™ãŒã‚ã‚Šã¾ã™ãŒã€è€ƒãˆã‚ˆã†ã«ã‚ˆã£ã¦ã¯ã€è¡¨ç¤ºã‚„ãƒžã‚¦ã‚¹å…¥åŠ›ã‚’æ‰±ã† ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ»ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ãªå‡¦ç† ã¨ã€ãã®ä¸èº«ã® ç´”ç²‹ã«ãƒ‡ãƒ¼ã‚¿çš„ãªéƒ¨åˆ†ã‚’æ‰±ã†å‡¦ç† ã¨ã‚’åˆ†é›¢ã—ã¦ Web ã‚¢ãƒ—ãƒªã‚’ä½œã‚‹ã¨ã„ã†ã€ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘çš„ãªè€ƒãˆæ–¹ã¨æ¥µã‚ã¦è¦ªå’Œæ€§ãŒè‰¯ã„ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ã¨ã„ã†ã“ã¨ã§ä»Šå›žã¯ã€ã€ŒDeferred ã¨ Web Workers
reptam 2011/12/23
jquery

deferred

WebWorkers

javascript
ãƒªãƒ³ã‚¯
JavaScriptã§ä¸¦åˆ—å‡¦ç†ãŒã§ãã‚‹ã€ŒWeb Workersã€ (1/5)
HTML 4æ™‚ä»£ã®JavaScriptã¯ä¸»ã«Webãƒšãƒ¼ã‚¸ã®è£…é£¾ã«ä½¿ã‚ã‚Œã¦ã„ãŸã®ã§ã€ãƒžã‚·ãƒ³ã‚„ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã¸ã®è² æ‹…ã¯ãã‚Œã»ã©é«˜ããªãã€JavaScriptã®å‡¦ç†ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒå¾…ãŸã•ã‚Œã‚‹ã“ã¨ã¯ã»ã¨ã‚“ã©ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ã¨ã“ã‚ãŒã€ŒWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã€ã¨ä½ç½®ä»˜ã‘ã‚‰ã‚Œã‚‹HTML5æ™‚ä»£ã«ãªã‚‹ã¨ã€JavaScriptã®ãƒ—ãƒã‚°ãƒ©ãƒ ã¯å·¨å¤§ã§è¤‡é›‘ã«ãªã‚Šã¾ã™ã€‚ãã®ãŸã‚ã€å„ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ãƒ™ãƒ³ãƒ€ãƒ¼ã¯JavaScriptã‚¨ãƒ³ã‚¸ãƒ³ã‚’é«˜é€ŸåŒ–ã—ã€è¤‡é›‘ã§æ™‚é–“ã®ã‹ã‹ã‚‹å‡¦ç†ã‚’ç´ æ—©ãã“ãªã›ã‚‹ã‚ˆã†ã«åŠªåŠ›ã—ã¦ãã¾ã—ãŸã€‚ ã—ã‹ã—ã€ã„ãã‚‰é«˜é€ŸåŒ–ã—ã¦ã‚‚å›žé¿ã§ããªã„ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚å¾“æ¥ã®JavaScriptã¯Javaã®ã‚ˆã†ãªã‚¹ãƒ¬ãƒƒãƒ‰å‡¦ç†ãŒã§ããªã„ã®ã§ã€æ™‚é–“ã®ã‹ã‹ã‚‹å‡¦ç†ã‚’å®Ÿè¡Œã™ã‚‹ã¨ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ãŒåœæ¢çŠ¶æ…‹ã«ãªã£ã¦ã—ã¾ã„ã€ãã®é–“ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯UIæ“ä½œãŒã¾ã£ãŸãã§ããªããªã‚‹å•é¡ŒãŒã‚ã‚Šã¾ã—ãŸã€‚ ãã“ã§ã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§è¤‡æ•°ã®å‡¦ç†ã‚’ä¸¦è¡Œã—ã¦å®Ÿè¡Œã•ã›ã‚‹
reptam 2011/12/23
WebWorkers

javascript
ãƒªãƒ³ã‚¯
1 2 3 4 5 æ¬¡ã®ãƒšãƒ¼ã‚¸