[B! *javascript] sleepin-sheepã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

sleepin-sheep id:sleepin-sheep

*javascriptã«é–¢ã™ã‚‹sleepin-sheepã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (151)

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

Backbone.JSã‹ã‚‰Angular2ã¾ã§ã€å…¨9å¤§JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’æ›¸ãæ¯”ã¹ãŸ! - paiza times
(English article is here.) ã“ã‚“ã«ã¡ã¯ã€å‰å²¡([twitter:@yoshiokatsuneo])ã§ã™ã€‚ ã‚¦ã‚§ãƒ–é–‹ç™ºã«æ¬ ã‹ã›ãªã„JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ãŒã€æ—¥ã€…ç™ºå±•ã—ã¦ãŠã‚ŠReact.js, Ractive.js, Aurelia.js, AngularJS2.0ãªã©æ¬¡ã€…ã¨æ–°ã—ã„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒå‡ºã¦ãã¦ã„ã¾ã™ã€‚ ä¸€ä½“ã©ã‚Œã‚’ä½¿ãˆã°ã„ã„ã®ã‹ï¼Ÿä½•ãŒé•ã†ã®ã‹ï¼Ÿä½•ã‹ã‚‰èª¿ã¹ã¦ã„ã„ã®ã‹è¿·ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ãã“ã§ã€ç¾æ™‚ç‚¹ã§äº‹å®Ÿä¸Šå…¨ã¦ã¨ãªã‚‹ã€ï¼™å¤§ä¸»è¦ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ã¤ã„ã¦ã€å®Ÿéš›ã«ä½¿ã£ã¦ã¿ã¦æ¯”è¼ƒã‚’è¡Œã„ã¾ã™ã€‚ Backbone.js Ember.js Knockout.js AngularJS(1.x) React.js Ractive.js vue.js Aurelia.js AngularJS2.0(ã‚¢ãƒ«ãƒ•ã‚¡ç‰ˆ) ã“ã‚Œã‚‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªæ©Ÿèƒ½ãŒå®Ÿç¾ã•
sleepin-sheep 2016/05/16
*javascript

framework
ãƒªãƒ³ã‚¯
snabbt.js
Introduction snabbt.js is a minimalistic javascript animation library. It focuses on moving things around. It will translate, rotate, scale, skew and resize your elements. By including matrix multiplication operations, transf orms can be combined in any way you want. The end result is then set via CSS3 transf orm matrices. snabbt.js is built to be fast. It will only animate things that modern browse
sleepin-sheep 2015/01/15
*javascript
ãƒªãƒ³ã‚¯
è¦šé†’!JavaScript
7æœˆ19æ—¥ã«è¡Œã£ãŸã€Œè¦šé†’ï¼JavaScriptã€å‹‰å¼·ä¼šã§ä½¿ç”¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ http://connpass.com/event/7082/Read less
sleepin-sheep 2014/08/11
*javascript
ãƒªãƒ³ã‚¯
JavaScriptã«ãŠã‘ã‚‹æ•°å€¤â‡”æ–‡å—åˆ—ã®åž‹å¤‰æ›ã‚ã‚Œã“ã‚Œ - console.lealog();
æ°—ã«ãªã£ãŸã‚‰å³èª¿ã¹ã‚‹ãŒå‰ã€ã¨ã„ã†ã“ã¨ã§ã€‚ æ•°å€¤â†’æ–‡å—åˆ— var num = 123; // ã‚ã‹ã‚Šã‚„ã™ã„ String(num); // "123" num.toString(10); // "123" // ã“ã®ç”¨é€”ã§ã¯ä½¿ã£ãŸã“ã¨ç„¡ã„ num.toFixed() // "123" // ãªã‚‹ã»ã© num + ''; // "123" æ–‡å—åˆ—â†’æ•°å€¤ var str = '123'; // ã‚ã‹ã‚Šã‚„ã™ã„ Number(str); // 123 parseInt(str, 10); // 123 parseFloat(str); // 123 // ãªã‚‹ã»ã© str - 0; // 123 str * 1; // 123 str / 1; // 123 // ã™ã£ãã‚Šã‚„ã‘ã©çŸ¥ã‚‰ã‚“äººã¯èªã‚ãªã„ +str; // 123 -(-str); // 123 ~~str; // 123 str&-1;
sleepin-sheep 2013/12/16
*javascript
ãƒªãƒ³ã‚¯
2012å¹´æœ«ã«è¦³ã¦ãŠããŸã„JavaScript20é¸: githubã§watchæ•°ã®å¤šã„200ä»¶ã‹ã‚‰ - memo.yomukaku.net
Githubã§JavaScriptã®ã‚³ãƒ¼ãƒ‰ã¨ã—ã¦åˆ†é¡žã•ã‚Œã¦ãŠã‚Šã€ç¾æ™‚ç‚¹ã§watchæ•°ã®å¤šã„200ä»¶ã®ä¸ã§ã€å®Ÿéš›ã«ä½¿ã£ãŸã“ã¨ãŒã‚ã‚Šä¾¿åˆ©ã¾ãŸã¯é¢ç™½ã„ã¨æ„Ÿã˜ãŸ20ä»¶ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ backbone-boilerplateã€requirejsã€yeomanã€lodashã®ã‚ˆã†ãªå®šç•ªã«ãªã£ã¦ãã¦ã„ã‚‹ã‚‚ã®ã‹ã‚‰ã€TimelineJSã®ã‚ˆã†ãªå…¨ãæ±Žç”¨æ€§ã®ãªã„ã‚‚ã®ã¾ã§ã‚ã‚Šã¾ã™ã€‚ d3.js Data-Driven Documentsã€‚ã‚µãƒ³ãƒ—ãƒ«é›†ã‚’è¦³ã‚‹ã®ãŒæ‰‹ã£å–ã‚Šæ—©ã„ã¨æ€ã„ã¾ã™ã€‚ pdf.js JavaScriptã ã‘ã§PDFã‚’ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã§ãã‚‹æ™‚ä»£ã§ã™ã€‚1å¹´åŠã»ã©å‰ã«ãã‚‰ã¹ã‚‹ã¨ã€ã‹ãªã‚ŠPDFè£½ä½œè€…ã®æœŸå¾…é€šã‚Šã«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¦ã„ã¾ã™ã€‚ backbone-boilerplate Backbone.jsã‚’ä½¿ã£ãŸã‚¢ãƒ—ãƒªã®éª¨æ ¼æ§‹é€ ã€‚ã‚µãƒ¼ãƒãƒ¼å´ã§ã„ã‚ã‚†ã‚‹MVC2ã®ã‚¢ãƒ—ãƒªã‚’ä½œã£ã¦ã„ã‚‹äººã«ã¯B
sleepin-sheep 2012/12/14
*javascript
ãƒªãƒ³ã‚¯
JavaScriptã§ã†ã£ã‹ã‚Šã‚„ã£ã¦ã—ã¾ã„ãã†ãªã“ã¨è‰²ã€…
ã“ã‚“ã«ã¡ã¯ã€ä¸å·ã§ã™ã€‚ ä»Šå›žã¯JavaScriptã§é–‹ç™ºã—ã¦ã„ã‚‹ã¨ã€ã†ã£ã‹ã‚Šãƒãƒžã£ã¦ã—ã¾ã†ã¡ã‚‡ã£ã¨ã—ãŸç½ ãŸã¡ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ JavaScriptã§ã®é–‹ç™ºçµŒé¨“è€…ã§ã‚ã‚Œã°ã€ã©ã‚Œã‹ä¸€åº¦ã¯ã²ã£ã‹ã‹ã£ãŸã“ã¨ãŒã‚ã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ï¼Ÿ String â—String#replace()ã¯æ–‡å—åˆ—æŒ‡å®šã§ã¯å…¨éƒ¨ç½®ãæ›ãˆãªã„ å¯¾è±¡æ–‡å—åˆ—ã‚’ä¸€æ‹¬ã—ã¦ç½®ãæ›ãˆãŸã„ãªã©ã§String#replace()ã‚’ä½¿ã„ã¾ã™ãŒã€ æ¤œç´¢å¯¾è±¡ã‚’æ–‡å—åˆ—ã§æŒ‡å®šã—ã¦ã—ã¾ã†ã¨æœ€åˆã«ä¸€è‡´ã—ãŸéƒ¨åˆ†ã—ã‹ç½®æ›ã—ã¾ã›ã‚“ã€‚
sleepin-sheep 2012/12/07
*javascript
ãƒªãƒ³ã‚¯
çŸ¥ã£ã¦ã¦å½“ç„¶ï¼Ÿåˆç´šè€…ã®ãŸã‚ã®JavaScriptã§ä½¿ã†å³æ™‚é–¢æ•°(function(){...})()ã®å…¨ã¦
(function(){...})()ã¯ã€ (function($){ $.hoge = function() { }; })(jQuery) ã¿ãŸã„ã«ä½¿ã‚ã‚Œã¦ã„ãŸã‚Šã™ã‚‹ã‚³ãƒ¼ãƒ‰ã€‚Greasemonkeyã¨ã‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã‹ã€ã‚ã‚Œã“ã‚Œè¦‹ã‹ã‘ã‚‹ã“ã¨ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã“ã®è©±é¡Œã¯ã„ãã¤ã‹Webã§ã‚‚å–ã‚Šä¸Šã’ã‚‰ã‚Œã¦ã„ã¾ã™ãŒä½•ãŒã©ã†ãªã£ã¦ã‚“ã®ã‹ã¡ã‚‡ã£ã¨é›£ã—ã„ã§ã™ãã€‚ã—ã‹ã—ã€èª°ã§ã‚‚ç†è§£ã§ãã‚‹ãƒ¬ãƒ™ãƒ«ã§ã¯ã‚ã‚Šã¾ã™ã€‚ã¨ã„ã†ã®ã‚‚ã€ã“ã†ã„ã†ç¨®ã®é›£ã—ã•ã¯ä½“ç³»çš„ãªçŸ¥è˜ãŒå‚™ã‚ã£ã¦ã„ã‚‹ã‹å¦ã‹ã¨ã„ã†ã“ã¨ãªã®ã§ã™ã€‚ ã§ã‚‚ã€ã“ã®çŸ¥è˜ã‚’ä½“ç³»åŒ–ã™ã‚‹ä½œæ¥ã£ã¦çµæ§‹ã—ã‚“ã©ãã¦ã€é›£ã—ãã¦ã€ã¾ãƒ¼ãƒã‚²ã‚‹ã»ã©æ‚©ã‚€ã“ã¨ã‚‚ã‚ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã€‚ãã‚Œã¯ãã£ã¨ã€ã¨ã¦ã‚‚æ¯›æ ¹ã«æ‚ªã„ã‹ã‚‚ã—ã‚Œãªã„ã€‚ã‚¹ã‚«ãƒ«ãƒ—Dã‚‚çœŸã£é’ã®çŠ¶æ³ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã€‚ãã‚Œã¯ã€æ‚²ã—ã„ã“ã¨ãªã®ã ã¨æ€ã†ãƒ»ãƒ»ãƒ»ã£ï¼ æ¯›æ ¹ã«ã¯ã“ã‚Œã‹ã‚‰ã‚‚ãŒã‚“ã°ã£ã¦ã»ã—ã„ï¼ã„ã¤ã ã£ã¦é ã‚’æ¸©ã‹ã„ã¾ãªã–ã—ã§è¦‹å®ˆ
sleepin-sheep 2012/12/03
*javascript
ãƒªãƒ³ã‚¯
Masato Kinugawa Security Blog: location.hrefã®ç›²ç‚¹
å¤ã¨ã„ã†ã“ã¨ã§ã€æ€–ã„è©±ã‚’ã—ã¾ã™ã€‚ Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºè€…ã®çš†ã•ã‚“ã€èžã„ã¦ä¸‹ã•ã„ã€‚ æ™‚é–“ãŒãªã„äººã‚„ã€ä»–ã®äººã«å•é¡Œã‚’èª¬æ˜Žã™ã‚‹ã¨ããªã©ã«ã¯ç°¡æ½”ã«ã¾ã¨ã‚ãŸç‰ˆã‚’ã©ã†ãžã€‚ ã“ã‚Œã¯2011å¹´12æœˆ27æ—¥ã«Appleã«å ±å‘Šã—ãŸSafariã®å•é¡Œã§ã™ã€‚Appleã‹ã‚‰ã¯ä¿®æ£ã™ã‚‹äºˆå®šã¯ãªã„ã¨ã„ã†å›žç”ã‚’è²°ã£ã¦ã„ã¾ã—ãŸãŒã€2012å¹´7æœˆ25æ—¥ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸMacã®Safari 6ã®ã‚¢ãƒ‰ãƒã‚¤ã‚¶ãƒªã«ã‚ˆã‚‹ã¨ã©ã†ã‚‚Macã®Safari 6ã§ã¯ä¿®æ£ã•ã‚ŒãŸã‚ˆã†ã§ã™ã€‚ About the security content of Safari 6 http://support.apple.com/kb/HT5400 WebKit Available for: OS X Lion v10.7.4, OS X Lion Server v10.7.4 Impact: Visiting a maliciously crafted
sleepin-sheep 2012/08/03
xss

*javascript
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®JavaScriptã€jQueryã®å‹‰å¼·æ³• - DESIGNMAP
ã¾ã£ãŸãã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°åˆå¿ƒè€…ã®æ–¹ã‚’å¯¾è±¡ã«JavaScriptã®ç‹¬å¦æ–¹æ³•ã‚’ã®ã¹ã¦ã„ããŸã„ã€‚ä»Šå›žã¨ã‚Šã‚ã’ã‚‹JavaScriptã®å‹‰å¼·æ³•ã¯ã‚ãã¾ã§Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘ï¼ˆã‚‚ã—ãã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å‘ã‘ï¼‰ãªã®ã§ã€Node.jsã®ã‚ˆã†ãªã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰JavaScriptã¯ã¨ã‚Šã‚ã’ã¦ã„ãªã„ã€‚ JavaScriptã¨jQueryã‚’ã©ã¡ã‚‰ã‹ã‚‰å‹‰å¼·ã™ã‚‹ã¹ãã‹ã€‚ä»Šå›žã¯ã‚ãˆã¦é‚ªé“ã¨ã‚ã‹ã£ã¦ã„ãªãŒã‚‰ã‚‚jQueryã«ãµã‚Œã‚‹ã¨ã„ã†é †ç•ªã‚’ã¨ã£ãŸã€‚æœ¬æ¥ã¯ã€JavaScriptã®åŸºç¤Žã‚’ã—ã£ã‹ã‚ŠãŠã•ãˆã¦ã‹ã‚‰jQueryã«ã™ã™ã‚€ã®ãŒæ£çµ±ã§ã‚ã‚‹ã€‚ä»Šå›žã¯ãƒˆãƒƒãƒ—ãƒ€ã‚¦ãƒ³æ–¹å¼ã§å®Ÿè·µã«ãµã‚Œã¦ã‹ã‚‰ã€åŸºç¤Žã«æˆ»ã‚‹å¦ç¿’æ³•ã‚’ææ¡ˆã—ãŸã„ã€‚ jQueryã¯JavaScriptã‚’æ¥½ã«é–‹ç™ºã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã€jQueryè‡ªä½“ã¯JavaScriptã®ã‚³ãƒ¼ãƒ‰ã§ã§ãã¦ã„ã‚‹ã€‚æœ€åˆã«ã„ããªã‚ŠjQueryã«ãµã‚Œã¦ã€HTMLã‚’å‹•çš„ã«æ“ä½œã™ã‚‹ï¼ˆã“ã‚Œã‚’DOMæ“ä½œã¨
sleepin-sheep 2012/07/14
*javascript
ãƒªãƒ³ã‚¯
null.ly - a really cool domain parked on Park.io
The domain name null.ly is being parked on Park.io. Contact the domain owner to make an offer right now...
sleepin-sheep 2012/06/19
*javascript
ãƒªãƒ³ã‚¯
JSã§ã®ã‚¿ã‚¤ãƒžãƒ¼å‡¦ç†ãŒã‚‚ã£ã¨ç°¡å˜ã«ãªã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œtimingã€:phpspoté–‹ç™ºæ—¥èªŒ
timing: a jQuery plugin JSã§ã®ã‚¿ã‚¤ãƒžãƒ¼å‡¦ç†ãŒã‚‚ã£ã¨ç°¡å˜ã«ãªã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œtimingã€ setTimeoutã‚„setIntervalã¯ã‚¿ã‚¤ãƒžãƒ¼é–¢é€£ã®é–¢æ•°ã§ã™ãŒã€æ²¢å±±ä½¿ã†ã¨ã©ã“ã§ä½•ã‚„ã£ã¦ã‚‹ã‹ã‚ã‹ã‚Šã«ãããªã£ã¦ç®¡ç†ãŒã‚ã‚“ã©ãã•ã„ã§ã™ãã€‚ timingãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ãˆã°ã€æ¬¡ã®ã‚ˆã†ã«æ›¸ã‘ã° 0.3ç§’ã”ã¨ã«ã‚¯ãƒ©ã‚¹ã‚’ã¤ã‘ãŸã‚Šæ¶ˆã—ãŸã‚Šã¨ã„ã†ã“ã¨ãŒå¯èƒ½ã€‚ã“ã‚Œã«ã‚ˆã‚Šæ–‡å—ã‚’ç‚¹æ»…ã•ã›ãŸã‚Šã™ã‚‹å‡¦ç†ãŒç°¡å˜ã«ã‹ã‘ã¾ã™ $('.example1').repeat(300).toggleClass('blink'); repeat ã¯ setIntervalã«ã‚ãŸã‚Šã€ä½•åº¦ã‚‚å®Ÿè¡Œã•ã›ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ã§ã‚ã‚Šã¾ã™ãŒã€setTimeoutã®å¯¾å¿œã¨ã—ã¦waitãƒ¡ã‚½ãƒƒãƒ‰ãŒã‚ã‚Šã¾ã™ã€‚ æ¬¡ã®ã‚ˆã†ã«æ›¸ã‘ã°ã€0.5ç§’å¾Œã«ã‚¯ãƒ©ã‚¹ã‚’è¿½åŠ ã—ã€ãã®0.2ç§’å¾Œã«ã‚¯ãƒ©ã‚¹ã‚’å‰Šé™¤ã¨ã„ã†ã‚ˆã†ãªå‡¦ç†ãŒå¯èƒ½ã§ã™ã€‚ã“ã‚Œã‚’setTim
sleepin-sheep 2012/06/15
*javascript

jQuery
ãƒªãƒ³ã‚¯
jQueryã‚’ä½¿ã„å§‹ã‚ãŸã¨ãã«æ„Ÿã˜ã‚‹13ã®ç–‘å• : tech.kayac.com - KAYAC engineers' blog
æ¥é€±ã¯ç§ãŒå¤ä¼‘ã¿ãªã®ã§æ›´æ–°ã¯ãªã„äºˆå®šã§ã™ã€‚agoã§ã™ã€‚ æœ€è¿‘ã€äººã«jQueryã‚’è§£èª¬ã™ã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã®ã§ã€æ˜”ã‚’æ€ã„å‡ºã—ã¦jQueryã‚’ä½¿ã„å§‹ã‚ãŸé ƒã«æ„Ÿã˜ã‚‹ç–‘å•ã‚’æ›¸ã„ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 1 ãã‚‚ãã‚‚ä½•ã§ä½¿ã†ã®ï¼Ÿã„ã¾ã§ã‚‚å›°ã£ã¦ãªã„ã‚ˆ ä½œæˆã™ã‚‹å†…å®¹ã«ã‚‚ã‚ˆã‚Šã¾ã™ãŒã€æ…£ã‚Œã‚‹ã¨ä½¿ç”¨ã—ãªã„å ´åˆã«æ¯”ã¹ã¦è¨˜è¿°ã™ã‚‹ã‚³ãƒ¼ãƒ‰é‡ãŒ3åˆ†ã®1ç¨‹åº¦ã¾ã§æ¸›ã‚Šã¾ã™ã€‚ ã¾ãŸã€å¤‰æ•°ã€æ¡ä»¶åˆ†å²ã€ç¹°ã‚Šè¿”ã—ãŒæ¸›ã‚‹ã®ã§ãƒã‚°ãŒç™ºç”Ÿã—ã«ãããªã‚Šã¾ã™ã€‚ 2 ä½•ã‹ç‰¹æ®Šãªã“ã¨ãŒã§ãã‚‹ï¼Ÿ çµå±€ã§ãã‚‹ã“ã¨ã¯å¤‰ã‚ã‚Šã¾ã›ã‚“ã€‚ jQueryè‡ªä½“JSã§æ›¸ã‹ã‚Œã¦ã¾ã™ã—ã€è¨˜è¿°ã®è‡ªç”±åº¦ã‚‚JSã®åˆ¶ç´„ã«åˆ¶é™ã•ã‚Œã¾ã™ã€‚ 3 ä½•ãŒé›£ã—ã„ã®ï¼Ÿ æ–‡æ³•ãŒã‚„ã‚„jQueryçš„ã«ãªã‚Šã¾ã™ã€‚ å‚è€ƒ jQueryè¨€èªžå…¥é–€ jQueryè‡ªä½“ã®ã‚³ãƒ¼ãƒ‰é‡ã¯å°‘ãªã„ã®ã§ã™ãŒã€ç‹¬ç‰¹ã®è¨˜è¿°æ³•ãŒå¤šãæ…£ã‚Œã‚‹ã¾ã§å¤šå°‘æ™‚é–“ãŒã‹ã‹ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ã¾ãŸã€CSS Selectorã®çŸ¥è˜ã¯ã»ã¼å¿…é ˆã§ã™ã€‚ ç‰¹ã«ãƒž
sleepin-sheep 2012/06/15
*javascript

jQuery
ãƒªãƒ³ã‚¯
TwitterãŒãƒšãƒ¼ã‚¸è¡¨ç¤ºæ™‚é–“ã‚’5åˆ†ã®1ã«é«˜é€ŸåŒ–ã€‚ã©ã®ã‚ˆã†ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ä½¿ã£ãŸã®ã‹ï¼Ÿ
TwitterãŒãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã‚’è¦‹ç›´ã—ã€Webãƒšãƒ¼ã‚¸ã®èªã¿è¾¼ã¿é€Ÿåº¦ã‚’æ”¹å–„ã—ãŸã“ã¨ã‚’ãƒ–ãƒã‚°ã§æ˜Žã‚‰ã‹ã«ã—ã¦ã„ã¾ã™ã€‚ æ–°ã—ã„ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã§ã¯ã€ã“ã‚Œã¾ã§Webãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§JavaScriptã®å‡¦ç†ã«ã‚ˆã£ã¦è¡Œã£ã¦ããŸWebãƒšãƒ¼ã‚¸ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’è¦‹ç›´ã—ã€ã‚µãƒ¼ãƒå´ã§ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°æ¸ˆã¿ã®HTMLãƒšãƒ¼ã‚¸ã‚’é€ä¿¡ã—è¡¨ç¤ºã™ã‚‹ã“ã¨ã«ã—ã¦ã„ã¾ã™ã€‚ã“ã‚Œã«ã‚ˆã£ã¦Webãƒšãƒ¼ã‚¸ã®èªã¿è¾¼ã¿ã‹ã‚‰æœ€åˆã®ãƒ„ã‚¤ãƒ¼ãƒˆã®è¡¨ç¤ºã¾ã§ã®æ™‚é–“ãŒå¤§å¹…ã«çŸç¸®ã•ã‚Œã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ When we shipped #NewTwitter in September 2010, we built it around a web application architecture that pushed all of the UI rendering and logic to JavaScript running on our usersâ€™
sleepin-sheep 2012/05/31
*javascript
ãƒªãƒ³ã‚¯
JavaScriptã®ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³å•é¡Œå¯¾å¿œæ–¹æ³•
<!DOCTYPEÂ html> <htmlÂ lang="ja"> <head> <metaÂ http-equiv="Content-Type"Â content="text/html;Â charset=utf-8"Â /> <title>JS_CrossDomainãƒ†ã‚¹ãƒˆ</title> <scriptÂ language="javascript"> <!-- varÂ winEntPopup; //ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãŒé€ã‚‰ã‚ŒãŸã¨ãã«åå¿œã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆãƒªã‚¹ãƒŠãƒ¼ window.addEventListener("message",Â receiveData,Â false); //ãƒ‡ãƒ¼ã‚¿ã‚’å—ã‘å–ã‚‹é–¢æ•° functionÂ receiveData(e)Â { document.FormTest.bro_info.valueÂ =e.data; } //ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã§å‘¼ã³å‡ºã— functionÂ fnc_popupWindo
sleepin-sheep 2012/05/18
*javascript
ãƒªãƒ³ã‚¯
JavaScript ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³
JavaScript ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã¯ä½•ï¼Ÿ ãƒ“ãƒ¥ãƒ¼ã‚’å°‘ã—ãšã¤å›žè»¢ã€æ‹¡å¤§ç¸®å°ã€ç§»å‹•ã€å¤‰è‰²ãªã©ã‚’è¡Œã„ã€é€£ç¶šçš„ãªå‹•ãã‚’ä½œã‚‹ ã“ã‚“ãªæ„Ÿã˜ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; setInterval(function() { el.style.opacity -= 0.01; }, 10); </script> ãªã‚“ã§ã€ã‚ã‚“ãªæ„Ÿã˜ã®æ›¸ãæ–¹ã«ãªã‚‹ã®ï¼Ÿ setInterval ã®æ„å‘³ãŒåˆ†ã‹ã‚‰ãªã„ ã“ã‚“ãªæ„Ÿã˜ã§æ›¸ã‘ãªã„ã®ï¼Ÿ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; w
sleepin-sheep 2012/05/15
*javascript
ãƒªãƒ³ã‚¯
JavaScriptã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ã‚’æ°—è»½ã«ãƒã‚§ãƒƒã‚¯
ã“ã‚“ã«ã¡ã¯ã€ä¸å·ã§ã™ã€‚ ä»Šå›žã¯ã€ŒGoogle JavaScript Style Guideã€ã‚’æ°—è»½ã«ãƒã‚§ãƒƒã‚¯ã§ãã‚‹Closure Linterã‚’ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ http://google-styleguide.googlecode.com/svn/trunk/javascript guide.xml Google JavaScript Style Guideã®ã„ã„ã¨ã“ã‚ã§ã™ãŒã€ è¦ç´„ã ã‘ã§ãªãã€ã—ã£ã‹ã‚Šã—ãŸãƒ„ãƒ¼ãƒ«ã‚‚æƒã£ã¦ã„ã‚‹ã¨ã“ã‚ãŒç´ æ™´ã‚‰ã—ã„ã¨æ€ã„ã¾ã™ã€‚ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ã¯ã‚ã£ãŸã¨ã—ã¦ã‚‚ã€ãã‚Œã«å¾“ã£ã¦ã„ã‚‹ã‹å®šæœŸçš„ã«ç°¡å˜ã«ãƒã‚§ãƒƒã‚¯ã™ã‚‹æ–¹æ³•ãŒãªã„ã¨ã€ ã„ã¤ã—ã‹å®ˆã‚‰ã‚Œãªã„ã¾ã¾é–‹ç™ºã•ã‚Œã¦ã—ã¾ã†ã“ã¨ã«ãªã‚Šã¾ã™ãã€‚ â€»ä»Šå›žã®å†…å®¹ã¯Macã«ã¦å‹•ä½œç¢ºèªã‚’è¡Œãªã£ã¦ã„ã¾ã™ã€‚
sleepin-sheep 2012/05/15
*javascript
ãƒªãƒ³ã‚¯
ãƒªãƒƒãƒãªHTML5ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒCreateJSã€ãŒå…¬å¼ã‚µã‚¤ãƒˆã‚’å…¬é–‹ | ClockMaker Blog
Flashã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦è‘—åãªGrant Skinneræ°ãŒé–‹ç™ºã—ã¦ã„ã‚‹ã€ã€ŒCreateJSã€ã®å…¬å¼ã‚µã‚¤ãƒˆãŒã‚ªãƒ¼ãƒ—ãƒ³ã—ã¾ã—ãŸã€‚ http://www.createjs.com/ CreateJSã¯HTML5ã‚’ä»‹ã—ã¦ãƒªãƒƒãƒãªã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®åˆ¶ä½œã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ã€JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ãƒ„ãƒ¼ãƒ«ã®ã‚¹ã‚¤ãƒ¼ãƒˆã§ã™ã€‚CreateJSÂ Suiteã«ã¯EaselJSã€TweenJSã€SoundJSã€PreloadJSã€ã¨Zoeã®ãƒ„ãƒ¼ãƒ«ãŒã‚ã‚Šã¾ã™ã€‚ ç§ã®ãƒ–ãƒã‚°ã§ã‚‚EaselJSã€TweenJSã‚’ä½¿ã£ãŸã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ãƒ‡ãƒ¢ã‚’å¹¾ã¤ã‹åˆ¶ä½œã—ã¦ç´¹ä»‹ã—ã¦ãã¾ã—ãŸãŒã€Flashã§åŸ¹ã‚ã‚ŒãŸæŠ€è¡“ãŒãã®ã¾ã¾åˆ©ç”¨ã§ãã‚‹ç‚¹ã§éžå¸¸ã«ä½¿ã„å‹æ‰‹ã®ã„ã„ãƒ„ãƒ¼ãƒ«ç¾¤ã ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ EaselJSã¨TweenJSã§ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ•ã‚§ã‚¯ãƒˆ EaselJSã‚’ä½¿ã£ãŸæµä½“ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«å…¥é–€ ä»Šå›žã¯å…¬å¼ã‚µã‚¤ãƒˆã§æ˜Žã‚‰ã‹ã«ãªã£
sleepin-sheep 2012/04/19
*javascript

framework
ãƒªãƒ³ã‚¯
ç¬¬1å›žã€€Node.jsã¨ã¯ | gihyo.jp
ã¯ã˜ã‚ã« æœ¬é€£è¼‰ã§ã¯ã€æ³¨ç›®ã‚’é›†ã‚ã‚‹Node.jsã‚’ä½¿ã£ã¦ã€Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§˜ã€…ãªã‚¯ãƒ©ã‚¦ãƒ‰ç’°å¢ƒã§å‹•ã‹ã™ã“ã¨ã‚’æœ€çµ‚ç›®çš„ã«ã—ã¦ã„ã¾ã™ã€‚Node.jsã«è§¦ã‚ŒãŸã“ã¨ãŒãªã„Javaã‚„PHPãªã©æ™®æ®µã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§é–‹ç™ºã•ã‚Œã¦ã„ã‚‹æ–¹ã‚’ä¸»ãªå¯¾è±¡ã¨ã—ã¦ã€ã¾ãšNode.jsã®æ¦‚è¦ã‹ã‚‰ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ Node.jsã¨ã¯ Node.jsã¨ã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶Google Chromeç”¨ã«é–‹ç™ºã•ã‚ŒãŸJavaScriptã‚¨ãƒ³ã‚¸ãƒ³V8ãŒã‚µãƒ¼ãƒä¸Šã§ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’å®Ÿè¡Œã§ãã‚‹ã‚ˆã†ã«ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚„ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯I/Oãªã©å¤šãã®æ©Ÿèƒ½ã‚’è¿½åŠ ã—ãŸã‚‚ã®ã§ã™ã€‚è»½é‡ã§åŠ¹çŽ‡ã‚ˆãå¤šãã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’å‡¦ç†ã™ã‚‹ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®æ§‹ç¯‰ãŒã§ãã‚‹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã«ãªã£ã¦ã„ã¾ã™ã€‚ã„ã‚ã‚†ã‚‹ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰JavaScriptã®ä»£åè©žã¨ã—ã¦æ³¨ç›®ã‚’é›†ã‚ã¦ã„ã¾ã™ã€‚ Node.jsã§ã¯â€œâ è»½é‡ã§åŠ¹çŽ‡è‰¯ãâ â€ã¨ã„ã†ã®ã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã«æ¬¡ã®2ã¤ã®ãƒ¢ãƒ‡ãƒ«ã‚’æŽ¡ç”¨ã—ã¦ã„ã¾ã™ã€‚
sleepin-sheep 2012/04/18
*javascript

node.js
ãƒªãƒ³ã‚¯
ã“ã„ã¤ã¯ã‚„ã¹ãˆã€‚JavaScriptã§Githubãƒªãƒã‚¸ãƒˆãƒªã®èªã¿è¾¼ã¿ï¼†æ›¸ãè¾¼ã¿Â·github.js MOONGIFT
github.jsã¯JavaScriptã‚’ä½¿ã£ã¦GitHubãƒªãƒã‚¸ãƒˆãƒªã®æ“ä½œã‚’è¡Œã†ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ GitHubã¯Web APIã‚’å…¬é–‹ã—ã¦ã„ã‚‹å¸Œæœ‰ãªã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ãƒªãƒã‚¸ãƒˆãƒªã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ãã‚“ãªGitHubã®APIã‚’ä½¿ã£ã¦ä½œã‚‰ã‚ŒãŸã®ãŒgithub.jsã§ã™ã€‚ãªã‚“ã¨JavaScriptã ã‘ã§GitHubãƒªãƒã‚¸ãƒˆãƒªã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚“ã ã‚Šæ›¸ãè¾¼ã‚“ã ã‚Šã§ãã¾ã™ã€‚ åŸºæœ¬çš„ãªä½¿ã„æ–¹ã§ã™ã€‚ ãƒ•ã‚¡ã‚¤ãƒ«ã®èªã¿è¾¼ã¿ã§ã™ã€‚ å®Ÿéš›ã«æ›¸ãè¾¼ã‚“ã ã¨ã“ã‚ã§ã™ã€‚æ›¸ã‘ã‚‹ã€æ›¸ã‘ã‚‹ãžï¼ Basicèªè¨¼ã§ã®åˆ©ç”¨ãªã®ã§ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã‚’è¨˜è¿°ã—ãªã„ã¨ã„ã‘ãªã„ã®ãŒã¡ã‚‡ã£ã¨æ€–ã„ã§ã™ãŒã€JavaScriptã ã‘ã§GitHubãƒªãƒã‚¸ãƒˆãƒªã‚’æ“ä½œã§ãã¦ã—ã¾ã†ã®ã¯ã‹ãªã‚Šé¢ç™½ã„ã§ã™ã€‚ä½¿ã„æ–¹æ¬¡ç¬¬ã§ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç®¡ç†ä»˜ããƒ†ã‚ã‚¹ãƒˆã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã¨ã—ã¦ã‹ãªã‚ŠéŠã¹ãã†ã§ã™ã€‚ github.jsã¯JavaScriptè£½ã€BSD Licenseã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§
sleepin-sheep 2012/04/01
*javascript
ãƒªãƒ³ã‚¯
history.pushStateã§ãƒšãƒ¼ã‚¸é·ç§»ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³æ›¸ã„ãŸ - Webtech Walker
history.pushStateã§ã®ãƒšãƒ¼ã‚¸é·ç§»ã‚’ã‚„ã‚Šã‚„ã™ãã™ã‚‹ãŸã‚ã«jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã—ã¦jquery.smarthistory.jsã¨ã„ã†ã®ã‚’æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ jquery.smarthistory.js history.pushStateã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯history.pushStateã‚’ä½¿ã£ã¦ã€ã‚µãƒãƒ¼ãƒˆã—ã¦ãªã„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯ä½•ã‚‚ã—ã¾ã›ã‚“ï¼ˆæ™®é€šã«é·ç§»ã™ã‚‹ï¼‰ã€‚ä»Šã ã¨chromeã€safariã€iOSã€Firefox4ã§å‹•ãã¨æ€ã„ã¾ã™ã€‚ ã“ã‚“ãªæ„Ÿã˜ã§ä½¿ã„ã¾ã™ã€‚ $('a').smarthistory({ defaultData: $('html').html(), target: function() { return $(this).attr('href') }, before: function() { // ajaxå‰ã®å‡¦ç† }, change: function
sleepin-sheep 2011/12/27
*javascript

jQuery

plugin
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 æ¬¡ã®ãƒšãƒ¼ã‚¸