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

t100 id:t100

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

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

phiary
phi I'm a Game Programmer and Frontend Engineer passionate about programming education. Math / C / C++ / C# / JavaScript / HTML5 / CSS3 / Python ã¯ã˜ã‚ã« ã€Œwebpack ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¨ã„ã¦ãƒ¼ã€, ã€Œgulp å°Žå…¥ã—ã¦ watch ã—ãªãŒã‚‰é–‹ç™ºã—ã¦ãƒ¼ã€, ã€ŒReact ã ã‹ã‚‰ ES6 ã§ã‚³ãƒ¼ãƒ‰æ›¸ã„ã¦ãƒ¼ã€ æœ€è¿‘ã“ã‚“ãªä¼šè©±ãŒå½“ãŸã‚Šå‰ã®ã‚ˆã†ã«ç¾å ´ã§é£›ã³äº¤ã£ã¦ã„ã¾ã™. ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºè€…ã«ã¯ HTML, CSS ã«ç‰¹åŒ–ã—ã¦ã„ã‚‹äºº (coder, markup engineer) JavaScript ã¯å¾—æ„ã ã‘ã© CSS ã¯ã¡ã‚‡ã£ã¨å¼±ã„äºº (javascripter) HTML, CSS, JavaScript å…¨ã¦ã‚’çµ±ã¹ã‚‹è€… (frontend
t100 2016/06/01
ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

html

css

javascript

ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢
ãƒªãƒ³ã‚¯
ã‚‚ã†Babelã˜ã‚ƒãªã„ - Bubleã ã€‚ - Qiita
JavaScript ã‚’æ›¸ãã¨ãã€ã‚‚ã¯ã‚„æ–°ã—ã„ ES ã§ãªã„ã¨ã‚¹ãƒˆãƒ¬ã‚¹ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ã ã‹ã‚‰ã“ãåƒ•ã‚‰ã¯æ–°ã—ã„ ES ã§é–‹ç™ºã—ã¦ã‹ã‚‰ã€ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®ãŸã‚ã« Babel ã‚’ä½¿ã£ã¦ ES5 ã«ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ«ã™ã‚‹ã¨ã„ã†ã®ãŒå®šçŸ³ã¨ãªã£ã¦ã„ã¾ã—ãŸã€‚ ã—ã‹ã—ã€å¿…è¦æœ€å°é™ã®æ©Ÿèƒ½ã«çµžã£ã¦é«˜é€Ÿãªãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ«ã‚’å®Ÿç¾ã™ã‚‹ Buble 1 ãŒç™»å ´ã—ã¾ã—ãŸã€‚ TL;DR Buble ã¯ã€ Babel ã‚„ãã®ä»–ã®ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ©ã¨æ¯”ã¹ã¦ä»¥ä¸‹ã®ç‚¹ã§ç•°ãªã‚Šã¾ã™ã€‚ ä»•æ§˜ã¸ã®æº–æ‹ ã§ã¯ãªããƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ãã“ã¨ã‚’ç›®æŒ‡ã™ è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã¯ä¸è¦ é«˜é€Ÿãªãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ« Babel ã¯æ–°ã—ã„ ES ã§æ›¸ã‹ã‚ŒãŸã‚³ãƒ¼ãƒ‰ã‚’ ES5 ( ãªã© )ã®ä»•æ§˜ã«æº–æ‹ ã—ãŸã‚³ãƒ¼ãƒ‰ã«ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ«ã™ã‚‹ã“ã¨ãŒç›®çš„ã§ã™ã€‚ä¸€æ–¹ã§ã€æ–°ã—ã„ ES ã‹ã‚‰ ES5 ã¸ã® â€œå®Œå…¨â€ ãªå¤‰æ›ã¯ä¸å¯èƒ½ã§ã™ã€‚ ãã“ã§ Buble ã®å–ã£ãŸã‚¢ãƒ—ãƒãƒ¼ãƒã¯ã€ä»–ä»•æ§˜ã¸ã®ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ«ã§ã¯
t100 2016/05/21
javascript

babel
ãƒªãƒ³ã‚¯
JavaScript(ES2015)ã§varã‚„letã‚’ä½¿ã†å¿…è¦ã¯ã»ã¼ç„¡ã„ - id:anatooã®ãƒ–ãƒã‚°
ES2015ã§varã‚„letã‚’ä½¿ã†å ´é¢ã¯ã»ã¨ã‚“ã©ç„¡ã„ã®ã§ã€ã¾ãšconstã‚’ä½¿ã†ã€‚constã ã¨ãƒ€ãƒ¡ãªå ´åˆã«ã¯letã‚’ä½¿ã†ã€‚ èƒŒæ™¯ ES2015ã§ã¯ã€å¤‰æ•°ã‚’å®£è¨€ã™ã‚‹ãŸã‚ã®æ–‡æ³•ã¨ã—ã¦constã¨letãŒå°Žå…¥ã•ã‚ŒãŸã€‚ const foo = 'foo'; let bar = 'bar'; constã¯å†ä»£å…¥ã§ããªã„å¤‰æ•°ã‚’å®£è¨€ã§ãã‚‹ã€‚letã¯å†ä»£å…¥ã§ãã‚‹å¤‰æ•°ã‚’å®£è¨€ã§ãã‚‹ã€‚ const foo = 'foo'; foo = 'hoge'; // ERROR let bar = 'bar'; bar = 'hoge'; // OK ã‚ã‚Œã€ã˜ã‚ƒã‚varã¨letã¯åŒã˜ãªã®ï¼Ÿã£ã¦ã„ã†ã¨ãã†ã§ã¯ãªãã€letã‚„constã¯varã¨ã¯é•ã£ã¦ã€é–¢æ•°ã‚¹ã‚³ãƒ¼ãƒ—ã‚ˆã‚Šã‚‚ç´°ã‹ãªãƒ–ãƒãƒƒã‚¯å˜ä½ã®ã‚¹ã‚³ãƒ¼ãƒ—ã‚’æä¾›ã™ã‚‹ã€‚ä¾‹ãˆã°constã‚„letã‚’ä½¿ã†ã¨ã€ifæ–‡ã‚„foræ–‡ãªã©ã®ãƒ–ãƒãƒƒã‚¯ä¸ã§ã®ã¿æœ‰åŠ¹ãªå¤‰æ•°ã‚’å®£è¨€ã§ãã‚‹ã€‚ ã§ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«
t100 2016/04/18
javascript

è¦ç´„

ã‚ã¨ã§èªã‚€

TypeScript
ãƒªãƒ³ã‚¯
1å¹´é–“çœŸå‰£ã«JavaScriptã«å–ã‚Šçµ„ã‚“ã è©± - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 1å¹´é–“çœŸå‰£ã«JavaScriptã«å–ã‚Šçµ„ã‚“ã è©± ã¾ãˆãŒã JavaScriptã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã®æœ€çµ‚æ—¥ã‚’ã‚„ã‚‰ã›ã¦é ‚ã„ã¦å…‰æ „ã§ã™ã€‚ http://qiita.com/advent-calendar/2015/javascript â€»å…ƒã€…ã¯2ã®æœ€çµ‚æ—¥ã‚’æ‹…å½“ã™ã‚‹ã¤ã‚‚ã‚Šã§ã—ãŸãŒã€æœ¬å®¶ãŒç©ºã„ã¦ãŠã‚Šã¾ã—ãŸã®ã§å¤±ç¤¼ã•ã›ã¦ã„ãŸã ã„ã¦ãŠã‚Šã¾ã™ã€‚ 2015å¹´ã€è‡ªåˆ†ã®ä¸ã§ä¸€ç•ªä½•ã«å¤¢ä¸ã ã£ãŸã‹ã¨ã„ã„ã¾ã™ã¨ã€ãƒ¢ãƒ³ãƒãƒ³ã‹JavaScript(Node.js)ã ã£ãŸãªãã¨æ€ã„ã¾ã™ã€‚ ãã‚“ãªã§ä»Šå›žã¯1å¹´é–“ã©ã‚“ãªæ„Ÿã˜ã«JavaScriptã¨ã˜ã‚ƒã‚Œã¦ããŸã®ã‹ã‚’ãƒ¢ã‚¯ãƒ¢ã‚¯
t100 2016/01/06
javascript

node.js

Qiita
ãƒªãƒ³ã‚¯
Reactæ¦‚è«–
React meetup #1 ã§ã®ç™ºè¡¨è³‡æ–™
t100 2015/04/27
javascript

React.js

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
2015å¹´ã«å‘ã‘ãŸJavaScriptã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ Part 1 | POSTD
ç§ã¯ã‹ã¤ã¦è‡ªåˆ†ã¯ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒˆã ã¨åä¹—ã£ãŸã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã‚’è£ä»˜ã‘ã‚‹ãŸã‚ã€ä»Šã‚„ã‚¦ã‚½ã ã‚‰ã‘ã®è¤‡é›‘ãªè©±ã‚’è¨è¨ˆã—ãªãã¦ã¯ãªã‚‰ãªããªã£ã¦ã„ã‚‹ã®ã§ã€ã‚ã‚‹æ„å‘³ã“ã‚Œã¯æœ¬å½“ã®ã“ã¨ã§ã™ãã€‚å†—è«‡ã¯ã•ã¦ãŠãã€2015å¹´ã‚’ç›®å‰ã¨ã—ã¦JavaScriptã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã®çŠ¶æ³ã«ã¤ã„ã¦ç›®ã‚’å‘ã‘ã¦ã¿ã‚‹ã®ã¯æœ‰ç›Šãªã“ã¨ã ã¨æ€ã„ã¾ã™ã€‚åˆæˆã€é–¢æ•°åž‹ã®å¢ƒç•Œã€ãƒ¢ã‚¸ãƒ¥ãƒ©ãƒªãƒ†ã‚£ã€ä¸å¤‰ãƒ‡ãƒ¼ã‚¿æ§‹é€ ã€CSPã®ãƒãƒ£ãƒãƒ«ã¨ã€ãã®ä»–ã«é–¢é€£ã™ã‚‹ã„ãã¤ã‹ã®ãƒˆãƒ”ãƒƒã‚¯ã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ åˆæˆ ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã®ãƒ¬ãƒ™ãƒ«ã§ã¯ã€JavaScriptã§å¤§è¦æ¨¡ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã™ã‚‹æ–¹æ³•ã«é–¢ã—ã¦ã“ã“æ•°å¹´ã§å°‘ãªãã¨ã‚‚ä¸€ã¤ã®æ ¹æœ¬çš„ãªå¤‰æ›´ãŒã‚ã‚Šã¾ã—ãŸã€‚æ©Ÿæ¢°ã®ç´°ã‹ã„é•ã„ã«ã‚ˆã‚Šç”Ÿã¿å‡ºã•ã‚Œã‚‹å˜ä¸€æŒ‡å‘æ€§ã® ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã€ä¸å¤‰ãƒ‡ãƒ¼ã‚¿æ§‹é€ ã¨ã€ä»®æƒ³DOM ï¼ˆã©ã‚Œã‚‚èˆˆå‘³æ·±ã„å•é¡Œã§ã™ãï¼‰ãªã©ã‚’é™¤ã‘ã°ã€å¤šãã®é–‹ç™ºè€…ãŒä¸€ã¤ã®ã‚ãƒ¼ã‚³ãƒ³ã‚»ãƒ—ãƒˆ
t100 2015/03/06
javascript

ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£
ãƒªãƒ³ã‚¯
ä»Šè©±é¡Œã®React.jsã¯ã©ã®ã‚ˆã†ãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«é©ã—ã¦ã„ã‚‹ã‹ï¼Ÿ Introduction To Reactâ”€ Frontrend Conference
ä»Šè©±é¡Œã®React.jsã¯ã©ã®ã‚ˆã†ãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«é©ã—ã¦ã„ã‚‹ã‹ï¼Ÿ Introduction To Reactâ”€ Frontrend Conference å¤–æ‘ å’Œä»ï¼ˆæ ªå¼ä¼šç¤¾ ãƒ”ã‚¯ã‚»ãƒ«ã‚°ãƒªãƒƒãƒ‰ï¼‰ æœ¬è¨˜äº‹ã¯ã€2015/2/21ã«è¡Œã‚ã‚ŒãŸFrontrend Conferenceã®ã€ŒIntroduction To Reactã€ã®å†…å®¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å½“æ—¥ã®è³‡æ–™ã¯ä»¥ä¸‹ã«ã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„ã¾ã™ã®ã§ã€ã“ã¡ã‚‰ã‚‚å‚ç…§ã—ã¦ãã ã•ã„ã€‚ Introduction To React // Speaker Deck React.jsã¨ã¯ä½•ã‹ React.jsã¯Facebookè£½ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ http://facebook.github.io/react/ å…¬å¼ã‚µã‚¤ãƒˆã«ã€ã€ŒA JavaScript library for building user interfacesã€ã¨ã‚ã‚‹ã‚ˆã†ã«ã€R
t100 2015/03/04
ã‚ã¨ã§èªã‚€

JavaScript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

React.js
ãƒªãƒ³ã‚¯
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã„ã„æ„Ÿã˜ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’çˆ†é€ŸåŒ–ã§ãã‚‹ç’°å¢ƒæ§‹ç¯‰ã®æ‰‹é † | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ä»Šå¹´ã‚‚HTML5 Minutesã«ç™»å£‡ã—ã¦ãã¾ã—ãŸã€‚ã“ã‚“ã«ã¡ã¯ã€å…ˆç”Ÿã§ã™ã€‚ å½“æ—¥ã¯ã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚¹ãƒ”ãƒ¼ãƒ‰ã‚’ã‚ã’ã‚‹ãŸã‚ã®ç’°å¢ƒã‚’ä½œã£ã¦ã¿ãŸè©±ã€ã‚’ã—ã¦ãã¾ã—ãŸã€‚ ä»Šå›žã¯ãã®ç’°å¢ƒã‚’ä½¿ã£ã¦ã¿ã‚‹ã¾ã§ã®æ‰‹é †ã‚’æ›¸ã„ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ å¿…è¦ãªã‚‚ã®ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« NodeJS Gulp WebPack Bower PhantomJS NodeJSã¨Gulpã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯éŽåŽ»ã®è¨˜äº‹ã€ŒGulp.jså…¥é–€ â€“ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’10å€é€Ÿãã™ã‚‹ç’°å¢ƒã‚’ä½œã‚‹æ–¹æ³•ã¾ã¨ã‚ã€ã‚’ã”è¦§ãã ã•ã„ã€‚ WebPackã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« WebPackã¯ã•ã¾ã–ã¾ãªå½¢å¼ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’é™çš„ãªãƒ•ã‚¡ã‚¤ãƒ«ã«ã¾ã¨ã‚ã¦å‡ºåŠ›ã—ã¦ãã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã§ã€æ‹¡å¼µæ€§ãŒé«˜ãæœ€è¿‘å¥½ã‚“ã§ä½¿ã£ã¦ã„ã¾ã™ã€‚ WebPack http://webpack.github.io/ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯npmã‚’ä½¿ã£ã¦ç°¡å˜ã«ã§ãã¾ã™ã€‚ npm install webpack -g â€» macã¯
t100 2015/02/04
ã‚ã¨ã§èªã‚€

javascript

é–‹ç™º
ãƒªãƒ³ã‚¯
JavaScriptã®ãƒ‡ãƒãƒƒã‚°æ–¹æ³• â€“ JSã‚’å«Œã„ã«ãªã‚‰ãªã„ãŸã‚ã®Tips | POSTD
ã“ã®è¨˜äº‹ã®ã‚ªãƒªã‚¸ãƒŠãƒ«ã¯ voxxed ã«æŠ•ç¨¿ã•ã‚ŒãŸã‚‚ã®ã§ã™ã€‚ JavaScripté–¢é€£ã®å•é¡Œã‚’æŠ±ãˆã‚‹ãƒãƒ¼ãƒ ã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ä»•äº‹ã‚’é€šã˜ã¦ã€ã„ãã¤ã‹å…±é€šã®å•é¡Œç‚¹ãŒã‚ã‚‹ã“ã¨ã«æ°—ã¥ãã¾ã—ãŸã€‚ã‚‚ã—ã‚ãªãŸã‚‚JavaScriptã«å¯¾ã™ã‚‹ã‚¤ãƒ©ã‚¤ãƒ©ã‚’æ„Ÿã˜ã¦ã„ã‚‹ã®ã§ã‚ã‚Œã°ã€ã“ã®è¨˜äº‹ã¯ä½•ã‚‰ã‹ã®åŠ©ã‘ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ãŠã“ã¨ã‚ã‚Šï¼šç§ãŒãŠæ•™ãˆã™ã‚‹ãƒ’ãƒ³ãƒˆã¯ã™ã§ã«ã”å˜çŸ¥ã®ã‚‚ã®ã‚‚ã‚ã‚‹ã¨ã¯æ€ã„ã¾ã™ãŒã€ã†ã¾ãã„ã‘ã°ã€å¤šå°‘ãªã‚Šã¨ã‚‚æœ‰ç”¨ãªæƒ…å ±ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ç‰¹ã«ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚ºã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚„CMSã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹ç¯‰ã™ã‚‹éš›ã«æœ‰åŠ¹ãªãƒ’ãƒ³ãƒˆã§ã™ã€‚ãƒãƒ¼ãƒ ã®èª°ã‚‚ãŒè©±ã—ãŸãŒã‚‰ãªã„CMSã®ã‚³ãƒ¼ãƒ‰ã«ã¤ã„ã¦ãŠè©±ã—ã—ã¾ã™ã€‚ã„ãšã‚Œã‚‚å¿…è¦ã«å¿œã˜ã¦æŽ¡ç”¨ã§ãã‚‹ã‚‚ã®ã§ã™ã€‚ debuggerã‚¹ãƒ†ãƒ¼ãƒˆãƒ¡ãƒ³ãƒˆ å¤§åŠã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã‚‹ã«ã‚‚ã‹ã‹ã‚ã‚‰ãšã€JavaScriptã‚’æ›¸ãéš›ã«æœ€ã‚‚æ´»ç”¨ã—ãã‚Œã¦ã„ãªã„æ©Ÿèƒ½ã®1ã¤ã§ã™ã€‚debuggerã‚¹ãƒ†ãƒ¼ãƒˆãƒ¡
t100 2015/02/03
javascript

ãƒ‡ãƒãƒƒã‚°
ãƒªãƒ³ã‚¯
rot.js: ROguelike Toolkit in JavaScript
rot.js: ROguelike Toolkit in JavaScript ############### ##### #.............# #...# #.............# #...# - GitHub #.............# #.?.# - Download | npm ############################.............# #...# - Interactive manual #======.....+............../.............# #+### - Autogenerated documentation #====.......##########.#####.............# #.# - Tutorial #===........# #.# ####/########## #.# -
t100 2013/03/05
javascript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
The Royal Wedding
_______________________________________________ / / \ / This deed confirms /___ \ | that you have been invited to attend | /_\ | | |_\___/ | THE ROYAL WEDDING | | | | (an introductory Rogue-like game) | | | | | | Please confirm your concern | | (and start the game) | | by hitting any key | | | | | | | | | | | | | | | | | | | | | | Created by OndÅ™ej Å½Ã¡ra | | using rot.js | | forkable at GitHub | __
t100 2013/03/05
JavaScript

game
ãƒªãƒ³ã‚¯
Getting Started With TypeScript | Envato Tuts+
In late 2012, Microsoft introduced TypeScript, a typed superset for JavaScript that compiles into plain JavaScript. TypeScript is gaining popularity these days because it adds enhanced features to JavaScript and is also used in JavaScript frameworks such as Angular. TypeScript improves the developer experience, allows for the creation of highly scala ble large applications, and allows for easy trac
t100 2013/01/21
JavaScript

TypeScript
ãƒªãƒ³ã‚¯
Minecraft4kJS - jsdo.it - Share JavaScript, HTML5 and CSS
A quick port of Minecraft4k to test what's possible in JS and HTML5. Because of the nature of this project (it was originally meant as an entry for the Java4k competition, which focuses on executable size), the code is HORRIBLE, but fairly small. You may use the code in here for any purpose in any way you want, at your own risk. var ctx; var pixels; var w = 200; var h = 200; var map = new Array(64
t100 2012/12/06
html5

javascript

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Replicating Bootstraps main nav and subnav
I need to quickly knock up the functionality of the twitter bootstraps main navigation and sub navigation e.g. http://twitter.github.com/bootstrap/scaffolding.html (when you scroll the subnav becomes fixed to that main navigation) Has anyone implemented this or are there any tutorials?
t100 2012/08/26
javascript

twitter
ãƒªãƒ³ã‚¯
ç¬¬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ã¤ã®ãƒ¢ãƒ‡ãƒ«ã‚’æŽ¡ç”¨ã—ã¦ã„ã¾ã™ã€‚
t100 2012/04/18
javascript

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
Node.js ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« | Node ãƒ“ã‚®ãƒŠãƒ¼ã‚ºãƒ–ãƒƒã‚¯
æœ¬æ›¸ã«ã¤ã„ã¦ æœ¬æ›¸ã¯ã€Node.jsã§ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã‚’å§‹ã‚ã‚ˆã†ã¨ã™ã‚‹çš†ã•ã‚“ã«ã€ â€é«˜åº¦ãªâ€JavaScriptã«ã¤ã„ã¦çŸ¥ã‚‹ã¹ãã‚ã‚‰ã‚†ã‚‹ã“ã¨ã‚’è§£èª¬ã—ã¾ã™ã€‚ ã‚ˆãã‚ã‚‹â€Hello Worldâ€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®ã€ã¯ã‚‹ã‹ä¸Šã‚’ã„ãã‚‚ã®ã§ã™ã€‚ ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ è²´æ–¹ãŒèªã‚“ã§ã„ã‚‹ã®ã¯ã€æœ¬æ›¸ã®ã„ã‚ã‚†ã‚‹æœ€çµ‚ç‰ˆã¨ãªã‚Šã¾ã™ã€‚ ã¤ã¾ã‚Šæœ¬æ›¸ã¯ã€é–“é•ã„ãŒè¦‹ã¤ã‹ã£ãŸå ´åˆã‚„ã€ Node.jsã®æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ãŠãˆã‚‹å¤‰æ›´ç‚¹ã‚’åæ˜ ã™ã‚‹æ™‚ã®ã¿ã€æ”¹è¨‚ã•ã‚Œã¾ã™ã€‚ æœ€çµ‚æ›´æ–°æ—¥ã¯2012å¹´2æœˆ12æ—¥ã§ã™ã€‚ æœ¬æ›¸å†…ã®ã‚³ãƒ¼ãƒ‰ã®ã‚µãƒ³ãƒ—ãƒ«ã¯ã€Node.jsã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³0.6.10ã§ãƒ†ã‚¹ãƒˆã—ã¦ã„ã¾ã™ã€‚ ã‚¿ãƒ¼ã‚²ãƒƒãƒˆèªè€… æœ¬æ›¸ã¯ã€Rubyã€Pythonã€PHPã€Javaã®ã‚ˆã†ãªã€å°‘ãªãã¨ã‚‚ã²ã¨ã¤ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘è¨€èªžã‚’ç†è§£ã—ã¦ãŠã‚Šã€ JavaScriptã«ã¤ã„ã¦ã¯ã‚ã¾ã‚ŠçµŒé¨“ãŒãªãã€Node.jsã«ã¤ã„ã¦ã¯å…¨ãçµŒé¨“ãŒãªã„ã¨ã„ã†ã€ è‘—è€…ã¨åŒã˜ã‚ˆã†ãªãƒãƒƒ
t100 2012/04/18
javascript

node.js

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
ãƒ¢ãƒ€ãƒ³ãªJSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆã¾ã¨ã‚ - CODESCRIBBLE
JavaScriptã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’æ–°ã—ãä½œã‚‹ã«ã‚ãŸã£ã¦ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆã‚’ã©ã†ã™ã‚‹ã‹æ‚©ã‚“ã ã®ã§ã€ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãªã©ã‚’å‚è€ƒã«ã™ã‚‹ã“ã¨ã«ã€‚ã¨ã„ã†ã“ã¨ã§ã€ãƒ¢ãƒ€ãƒ³ãªJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ»ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ãƒ¢ãƒ€ãƒ³ã¨è¨€ã£ã¦ã¯ã„ã¾ã™ãŒã€å…¨ç„¶ãƒ¢ãƒ€ãƒ³ã˜ã‚ƒãªã„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚‚æ··ã–ã£ã¦ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã§ã™ã€‚ jQuery jquery â”œâ”€â”€ build â”‚Â Â â””â”€â”€ lib â”œâ”€â”€ speed â”œâ”€â”€ src â”‚Â Â â”œâ”€â”€ ajax â”‚Â Â â””â”€â”€ sizzle â””â”€â”€ test â”œâ”€â”€ data â”‚Â Â â”œâ”€â”€ offset â”‚Â Â â”œâ”€â”€ selector â”‚Â Â â””â”€â”€ support â”œâ”€â”€ qunit â””â”€â”€ unit jQuery Mobile jquery-mobile â”œâ”€â”€ build â”œâ”€â”€ css â”‚Â Â â”œâ”€â”€ structure
t100 2012/02/22
jQuery

javascript

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
Understanding JavaScript OOP â€” Sorella's Basement
Understanding JavaScript OOP â€”Prototypical inheritance on awesomeness! JavaScript is an object oriented (OO) language, with its roots in the Self programming language, although it's (sadly) designed to look like Java. This makes the language's really powerful and sweet features stay covered by some pretty ugly and counter-intuitive work-arounds. One such affected feature is the implementation of p
t100 2012/01/11
javascript
ãƒªãƒ³ã‚¯
ã¯ã¦ãªãƒ–ãƒã‚° | ç„¡æ–™ãƒ–ãƒã‚°ã‚’ä½œæˆã—ã‚ˆã†
ãƒ•ã‚¡ãƒ³ãƒ‡ã‚’æŽ¢ã—ã¦ä¸‰åƒé‡Œ in 2024å¤ ãƒ™ã‚¹ãƒˆãƒ•ã‚¡ãƒ³ãƒ‡æŽ¢ã—ã®æ—… RMK ãƒªã‚¯ã‚¤ãƒ‰ãƒ•ã‚¡ãƒ³ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ ãƒ•ãƒãƒ¼ãƒ¬ã‚¹ã‚«ãƒãƒ¬ãƒƒã‚¸ï¼ˆâ˜…â˜…â˜†ï¼‰ RMK ã‚¯ãƒªãƒ¼ãƒ ãƒ•ã‚¡ãƒ³ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¢ã‚¯ã‚¢ãƒ†ã‚£ãƒƒã‚¯ã‚°ãƒã‚¦ï¼ˆâ˜…â˜…â˜…ï¼‰ è³‡ç”Ÿå ‚ ã‚¨ãƒƒã‚»ãƒ³ã‚¹ ã‚¹ã‚ãƒ³ã‚°ãƒã‚¦ ãƒ•ã‚¡ãƒ³ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆâ˜…â˜…â˜†ï¼‰ IPSA ãƒªã‚ãƒƒãƒ‰ãƒ•ã‚¡ã‚¦ãƒ³ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆâ˜…â˜…â˜…ï¼‰ ã‚³ã‚¹ãƒ¡ãƒ‡ã‚³ãƒ«ãƒ† ã‚¼ãƒ³â€¦
t100 2011/10/24
javascript
ãƒªãƒ³ã‚¯
Google Maps API V3ã§ã‚«ã‚¹ã‚¿ãƒ OverlayViewã‚’ä½¿ã†
ã¨ã‚Šã‚ãˆãšä»Šå›žã®ã‚µãƒ³ãƒ—ãƒ«ã§ã¯ã€å…ˆäººï¼ˆãƒªãƒƒãƒãƒ¼ã¨ã‹ï¼‰ã¸ã®æ•¬æ„ã‚’è¾¼ã‚ã¦ã€åº§æ¨™ã‚’æŒ‡å®šã—ã¦ã€ŒHello Worldã€ã‚’Mapä¸Šã«å‡ºåŠ›ã—ã¾ã™ã€‚ ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ã‚ã¾ã‚Šç›®ç«‹ãŸãªã„ã§ã™ãŒã€èµ¤å—ã§hello worldã¨å‡ºåŠ›ã—ã¦ã„ã¾ã™ã€‚ ã“ã®åœ°å›³ã®ã‚³ãƒ¼ãƒ‰ã¯ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ <html> <head> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> window.onload = initialize; /* ãƒžãƒƒãƒ—ï¼ˆgoogle.maps.Mapï¼‰ã‚’å…¥ã‚Œã‚‹äºˆå®š */ var map; /* ã‚«ã‚¹ã‚¿ãƒ ãƒžãƒ¼ã‚«ãƒ¼ã‚’å…¥ã‚Œã‚‹äºˆå®š */ var marker; /* ãƒžãƒƒãƒ—åˆæœŸåŒ–ã€‚onloadæ™‚ã«å‘¼ã³å‡ºã•ã‚Œã‚‹ã€‚ *
t100 2011/10/23
Gmaps API v3

JavaScript

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸