[B! JS] htk291ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

htk291 id:htk291

JSã«é–¢ã™ã‚‹htk291ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

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

[JS]ã‚¢ãƒ©ãƒ¼ãƒˆã‚„ã‚³ãƒ³ãƒ•ã‚¡ãƒ¼ãƒ ãªã©ã®é€šçŸ¥ãƒ€ã‚¤ã‚¢ãƒã‚°ã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’è¡¨ç¤ºã™ã‚‹ãƒ‘ãƒãƒ«ã‚‚ç°¡å˜ã«å®Ÿè£…ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -alertifyjs
ã‚¢ãƒ©ãƒ¼ãƒˆã‚„ã‚³ãƒ³ãƒ•ã‚¡ãƒ¼ãƒ ã‚„ãƒ—ãƒãƒ³ãƒ—ãƒˆã®é€šçŸ¥ãƒ€ã‚¤ã‚¢ãƒã‚°ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒOKã‚„Cancelã‚’ã‚¯ãƒªãƒƒã‚¯ã—ãŸã“ã¨ã‚’ä¼ãˆã‚‹ãƒ‘ãƒãƒ«ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¿ãƒ³ãƒ‰ã‚¢ãƒãƒ¼ãƒ³ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ alertifyjs alertifyjs -GitHub alertifyjsã®ç‰¹å¾´ alertifyjsã®ãƒ‡ãƒ¢ alertifyjsã®ä½¿ã„æ–¹ alertifyjsã®ç‰¹å¾´ alertifyjsã¯ç°¡å˜ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒã§ãã‚‹é€šçŸ¥ã‚·ã‚¹ãƒ†ãƒ ã‚’å®Ÿè£…ã§ãã‚‹JavaScriptã§ã™ã€‚ alert, confirm, promptã®å…¨é€šçŸ¥ãƒ€ã‚¤ã‚¢ãƒã‚°ã¯ãƒ•ãƒ«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒå¯èƒ½ã€‚ é€šçŸ¥ã‚·ã‚¹ãƒ†ãƒ ã‚‚ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒå¯èƒ½ã€‚ OKã¨Cancelã®ä¸¡æ–¹ã®ãƒœã‚¿ãƒ³ã«ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã«å¯¾å¿œã€‚ ãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’é€£æºã•ã›ã‚‹ã“ã¨ã‚‚å¯èƒ½ã€‚ alertifyjsã®ãƒ‡ãƒ¢ promptã®é€šçŸ¥ãƒ€ã‚¤ã‚¢ãƒã‚°ã¨é€šçŸ¥ã‚·ã‚¹ãƒ†ãƒ ã‚’è¡¨ç¤º alertifyjsã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤
htk291 2012/12/05
HTML

ã‚·ã‚¹ãƒ†ãƒ

javascript

ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º

ã‚¢ãƒ©ãƒ¼ãƒˆ

é€šçŸ¥

JS
ãƒªãƒ³ã‚¯
HTML5ã§çµ„ã‚“ã§ã‚‹ãªã‚‰ã“ã®é”æ³•ã®jsã‚‚å…¥ã‚Œã¦ãŠã‘ã£ã¦ã„ã†è©±
ç¾åœ¨ã€A!@attripã•ã‚“ç™ºã§è©±é¡Œã«ãªã£ã¦ã„ã‚‹ã€ŒãŸã£ãŸ2è¡Œã§IE5.5ï½žIE8ã‚’ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã®æŒ™å‹•ã«ã™ã‚‹é”æ³•ã®JSã€ã¨ã„ã†è¨˜äº‹ã€‚ Webãƒ‡ã‚¶ã‚¤ãƒ³ç•Œéšˆã§ã¯å½“ãŸã‚Šå‰ã®ã‚‚ã®ã§ã™ãŒã€å®Ÿã¯ã‚‚ã†ã²ã¨ã¤è¿½åŠ ã—ã¦ãŠãã¨ã„ã„ã‹ã‚‚ã—ã‚Œãªã„jsãŒã‚ã£ãŸã‚Šã—ã¾ã™ã€‚ Photo:html5 By michael pollak IE8ä»¥å‰ã®ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã©ã†ã«ã‚‚ã“ã†ã«ã‚‚é–‹ç™ºè€…æ³£ã‹ã›ãªã‚ã‘ã§ã™ãŒã€ie9.jsã¨css3-mediaqueries.jsã‚’çªã£è¾¼ã‚€ã“ã¨ã§ã€ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã¨åŒã˜æŒ™å‹•ã«ã™ã‚‹ã“ã¨ãŒã§ãã¡ã‚ƒã„ã¾ã™ã€‚ ã‚‚ã†å°‘ã—å…·ä½“çš„ã«æ›¸ãã¨ã€ie9.jsã‚’çµ„ã¿è¾¼ã‚€ã“ã¨ã§ã€ position:fixed;ã«å¯¾å¿œ max-widthã€max-heightã«å¯¾å¿œ å±žæ€§ã‚»ãƒ¬ã‚¯ã‚¿ã€æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã«å¯¾å¿œ margin:0 auto;ã§ã®ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚°ã«å¯¾å¿œ é€éŽPNGã«å¯¾å¿œ opacityã«å¯¾å¿œ ã¨ã„ã£ãŸã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚è¦ã¯CS
htk291 2012/12/03
JS

Media

IE

CSS3

webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³

javascript

HTML5

css
ãƒªãƒ³ã‚¯
[JS]ãƒžã‚¸ã‚·ãƒ£ãƒ³ãŒãƒˆãƒ©ãƒ³ãƒ—ã‚’åºƒã’ã‚‹ã‚ˆã†ã«è¤‡æ•°ã®ãƒ‘ãƒãƒ«ã‚’è¯éº—ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§åºƒã’ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Baraja
ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«é‡ããŸã‚Šã‚‚ã§ãã¾ã™ Barajaã®ä½¿ã„æ–¹ å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯headå†…ã«é…ç½®ã—ã¾ã™ã€‚ <link rel="stylesheet" type="text/css" href="css/baraja.css" /> <script type="text/javascript" src="http://ajax.google apis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.baraja.js"></script> HTML å„ã‚¢ã‚¤ãƒ†ãƒ ã¯ãƒªã‚¹ãƒˆè¦ç´ ã§ã€ç”»åƒã‚„è¦‹å‡ºã—ãƒ»ãƒ†ã‚ã‚¹ãƒˆã‚’è‡ªç”±ã«é…ç½®ã§ãã¾ã™ã€‚ <ul id="baraja-el" cl
htk291 2012/11/15
jquery

JS

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

javascript

å‹•çš„

css
ãƒªãƒ³ã‚¯
JavaScriptã®ãƒ†ã‚¹ãƒˆãƒ„ãƒ¼ãƒ«ã€Œtestemã€ãŒç´ æ™´ã‚‰ã—ã„ãž - Mach3.laBlog
ã“ã®è¨˜äº‹ã¯è³žå‘³æœŸé™åˆ‡ã‚Œã§ã™ã€‚ï¼ˆæ›´æ–°ã‹ã‚‰1å¹´ãŒçµŒéŽã—ã¦ã„ã¾ã™ï¼‰ JavaScriptãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆä¸€å¹´ç”Ÿã®ç§ãŒã€Nettuts+ ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§çŸ¥ã£ãŸãƒ†ã‚¹ãƒˆãƒ„ãƒ¼ãƒ« ã€Œtestemã€ã®ãŠé™°ã§å¤§å¤‰æ—ã£ãŸã®ã§æ˜¯éžãŠå‹§ã‚ã—ãŸãã€ã“ã“ã§ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ testem ã£ã¦ãªã« testem via GitHub : airportyh/testem Unit testing in Javascript can be tedious and painful, but Testem makes it so easy that you will actually want to write tests. è¦ã™ã‚‹ã«ã€é¢å€’ãªJSã®ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆã‚’ã‚ˆã‚Šå¿«é©ã«ã—ã¦ã¿ã‚“ãªã§ãƒãƒƒãƒ”ãƒ¼ã«ãƒ†ã‚¹ãƒˆæ›¸ã“ã†ã‚ˆï¼ã¨ã„ã†ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ testemè‡ªä½“ã¯node.jsãƒ™ãƒ¼ã‚¹ã§å‹•ä½œã—ã€Jasmine/QUnit/Mochaã«å¯¾å¿œã—ã¦
htk291 2012/10/31
JS

ãƒ†ã‚¹ãƒˆ

Node.js

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

javascript

programming

testem

testing
ãƒªãƒ³ã‚¯
ä»Šæ—¥ã‹ã‚‰ã¯ã˜ã‚ã‚‹JS UnitTest
ãªãœã€Œãƒ†ã‚¹ãƒˆã‚’æ›¸ãç†ç”±ã€ãŒé‡è¦ãªã®ã‹ ãƒ†ã‚¹ãƒˆã‚‚ãƒ—ãƒã‚°ãƒ©ãƒ ã®ä¸€éƒ¨ ãŸã ã—ã€ç›´æŽ¥ã¯æ©Ÿèƒ½ã‚’è¿½åŠ ã—ãªã„ ã—ã‹ã‚‚ã€ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚³ã‚¹ãƒˆã¯é«˜ã„
htk291 2012/06/13
JS

JavaScript

ãƒ†ã‚¹ãƒˆ

ãƒ—ãƒã‚°ãƒ©ãƒ

test
ãƒªãƒ³ã‚¯
ã‚¹ãƒˆãƒ¬ã‚¹ç„¡ã—ã§Googleãƒžãƒƒãƒ—ã‚’ä½¿ã£ãŸã‚µã‚¤ãƒˆãŒä½œã‚Œã‚‹ã€Œgmaps.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
gmaps.js ? the easiest way to use Google Maps ã‚¹ãƒˆãƒ¬ã‚¹ç„¡ã—ã§Googleãƒžãƒƒãƒ—ã‚’ä½¿ã£ãŸã‚µã‚¤ãƒˆãŒä½œã‚Œã‚‹ã€Œgmaps.jsã€ Googleãƒžãƒƒãƒ—ã®ã‚µã‚¤ãƒˆã¸ã®å®Ÿè£…ãŒæœ¬å½“ã«ç°¡å˜ã§ã€ã‹ã¤å¤šæ©Ÿèƒ½ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ã”ç´¹ä»‹ã§ã™ ç°¡å˜ãªãƒžãƒƒãƒ—ã‚’å‡ºã™ã®ã«å¿…è¦ãªã‚³ãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã€‚ è¡¨ç¤ºã•ã›ã‚‹divã¨ç·¯åº¦çµŒåº¦ã‚’æŒ‡å®šã™ã‚‹ã ã‘ã§ã™ å‡ºæ¥ã‚‹ã“ã¨ãƒªã‚¹ãƒˆã¯ä»¥ä¸‹ ãƒžãƒƒãƒ—ã®ã‚¯ãƒªãƒƒã‚¯ã€ãƒ‰ãƒ©ãƒƒã‚°æ™‚ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©å®Ÿè£… ãƒžãƒ¼ã‚«ãƒ¼ä»˜ä¸Ž ã‚¸ã‚ªãƒã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ã‚¸ã‚ªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° ãƒžãƒƒãƒ—ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ ãƒžãƒƒãƒ—ä¸Šã®ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£… åœ°å›³ä¸Šã®åŒºç”»æŒ‡å®š ç›®çš„åœ°ã¾ã§ã®ãƒ«ãƒ¼ãƒˆæç”» é™çš„ãªç”»åƒã‚’ãƒžãƒƒãƒ—è¡¨ç¤º ãªã©ãªã©è¶…å¤šæ©Ÿèƒ½ã€‚ Googleãƒžãƒƒãƒ—ä½¿ã†ã‹ã‚‚ã—ã‚Œãªã„å ´åˆã¯è¦šãˆã¦ãŠã„ã¦æã¯ã‚ã‚Šã¾ã›ã‚“ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Googleãƒžãƒƒãƒ—é–¢é€£ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›† ã‚¹ãƒžãƒ›ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã§Googleãƒžãƒƒãƒ—é¢¨
htk291 2012/06/05
google

JS

webåˆ¶ä½œ

GoogleMap

googlemaps

map
ãƒªãƒ³ã‚¯
JavaScriptã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å‘ã‘ï¼ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§å‹•ããƒ–ãƒ©ã‚¦ã‚¶ã‚²ãƒ¼ãƒ ã®ä½œã‚Šæ–¹
è‡ªå·±ç´¹ä»‹ ã©ã‚‚ã€‚KAYACã§JSæ›¸ã„ã¦ã‚‹@kyo_agoã§ã™ åŽ»å¹´ï¼ˆ2011å¹´ï¼‰ã¯SVG Girlï¼ˆSVGå¥³åï¼‰ã¨ã‹ã€HTML5èŠ±ç«å¤§ä¼šï¼ˆã®ãƒ™ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ï¼‰ã¨ã‹ã€HTML5å®ŸåŠ›ãƒ†ã‚¹ãƒˆï¼ˆã®JSå•é¡Œï¼‰ã¨ã‹ã€www.kayac.comã®JSæ›¸ã„ãŸã‚Šã¨ã‹ã€html5ã¨ã‹å‹‰å¼·ä¼šã§è©±ã—ãŸã‚Šã¨ã‹ã—ã¦ã¾ã—ãŸã€‚ æœ€è¿‘ã¯ã‚¹ãƒžãƒ›ç’°å¢ƒã§è‰²ã€…JSæ›¸ã„ã¦ã¾ã™
htk291 2012/01/23
JS

kayac

HTML

HTML5

javascript

html5

game

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
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
htk291 2012/01/08
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

MVC

javascript

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

framework

JS

programming

é–‹ç™º
ãƒªãƒ³ã‚¯
1