[B! ES6] atsumoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

atsumo id:atsumo

ES6ã«é–¢ã™ã‚‹atsumoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

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

2016å¹´ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã‚¼ãƒã‹ã‚‰React/Reduxã‚’å¦ç¿’ã—ãŸã¨ãã®æ–¹æ³•ã‚’æŒ¯ã‚Šè¿”ã‚‹
ã“ã‚“ã«ã¡ã¯ã€‚ã‚¹ã‚¿ã‚¸ã‚ªãƒ»ã‚¢ãƒ«ã‚«ãƒŠã®ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãªã£ã¡ã‚ƒã‚“(@natsumican63)ã§ã™ã€‚ ã“ã®è¨˜äº‹ã¯React Advent Calendar 2016ã®13æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ ãã‚Œã¯2016å¹´ã‚‚å¾ŒåŠã¸å·®ã—æŽ›ã‹ã£ãŸã‚ã‚‹æ—¥ã®ã“ã¨ã§ã—ãŸâ€¦ ä¸Šå¸ã€Œæ¬¡ã®æ¡ˆä»¶ã€ã“ã®è¾ºã®æŠ€è¡“ä½¿ã†ã‹ã‚‰è»½ãå‹‰å¼·ã—ã¦ãŠã„ã¦ãƒ¼ã€ ã¤ React.js + Redux.js + redux-saga + Cordova + ES6 + Babel + OnsenUI + Gulp + Webpack (ã€€ï¾ŸÐ´ï¾Ÿ) (ã¤Ð´âŠ‚)ï½ºï¾žï½¼ï½ºï¾žï½¼ (ï¼›ï¾Ÿ Ð”ï¾Ÿ) !?!? (; ï¾ŸÐ´ï¾Ÿ)ã€Œâ€¦ã‚ã€ã‚ã‹ã‚Šã¾ã—ãŸã€ â€»ã€Œä½•ã§ã‚‚ã‚„ã‚Šã¾ã™ï¼ã‚„ã‚‰ã›ã¦ãã ã•ã„ï¼ã€ãŒç§ã®å£ç™–ãªã®ã§ã€æ±ºã—ã¦ç„¡èŒ¶æŒ¯ã‚Šã—ã¦ãã‚‹å¼Šç¤¾ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã‚ˆï¼ã»ã‚“ã¨ã ã‚ˆï¼ï¼ æ–¯ãã—ã¦2016å¹´ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã¯ã˜ã‚ã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¸ã®é–€æˆ¸ã‚’é–‹ãã“ã¨ã¨ãªã£ãŸéš›ã®å¦
atsumo 2016/12/14
ã†ã¾ãã¾ã¨ã¾ã£ã¦ã‚‹

react

babel

ES6

javascript
ãƒªãƒ³ã‚¯
ECMAScript6ã§ä½•ãŒå¤‰ã‚ã‚‹ã®ã‹ ã¾ã¨ã‚ #ecma262 - by shigemk2
ECMA-262 Edition 5.1ã‚’èªã‚€ ä½œè€…: ç«¹è¿«è‰¯ç¯„å‡ºç‰ˆç¤¾/ãƒ¡ãƒ¼ã‚«ãƒ¼: ç§€å’Œã‚·ã‚¹ãƒ†ãƒ ç™ºå£²æ—¥: 2013/09/25ãƒ¡ãƒ‡ã‚£ã‚¢: å˜è¡Œæœ¬ã“ã®å•†å“ã‚’å«ã‚€ãƒ–ãƒã‚°ã‚’è¦‹ã‚‹ ã€å®Œå…¨æ—¥æœ¬èªžè¨³ï¼‹è§£èª¬ã€‘ECMA-262 Edition 5.1ã‚’èªã‚€ 5åˆ†ã§åˆ†ã‹ã‚‹ã‚¯ã‚¤ã‚ºã€‚ç”ãˆã¯é©å½“ã«ã€‚ ãƒ’ãƒ³ãƒˆ æ¡æ•°åˆ¶é™ã¨ã‹ã‚ã‚‹ã‚„ã¤ã‚ã‚‹ã‹ã‚‰ã€æ°—ã‚’ã¤ã‘ã¦ã e æ–‡å—åˆ—é€£çµ æ–‡æ³• ES6ã§ã¯ä»Šã¾ã§ã®æ–‡æ³•ãŒå¤‰ã‚ã‚‹ã‘ã©ã€ã™ãã«é–‹ç™ºãŒå¤‰ã‚ã‚‹ã‚ã‘ã§ã¯ãªã„ leanpub.com github.com JSã‚’ECMAã‚¤ãƒ³ã‚¿ãƒ¼ãƒŠã‚·ãƒ§ãƒŠãƒ«ã§æ¨™æº–åŒ–ã—ãŸã®ãŒEcmaScript ISOã®ä»•æ§˜ ECMA6ã ã¨ã„ã‚ã„ã‚æ–‡æ³•ãŒå‡ºã¦ãã‚‹ Arrows CoffeeScriptã§å‡ºã¦ãã‚‹ã‚„ã¤ã§ã€ãƒ©ãƒ ãƒ€ãŒç°¡å˜ã«æ›¸ã‘ã‚‹ã‚„ã¤ ã“ã†ã„ã†æ›¸ãæ–¹ãŒå‡ºæ¥ã‚‹ã€‚ var odds = evens.map(v => v + 1); nums.foreach(v =>
atsumo 2015/06/01
ã‚ã¨ã§èªã‚€

ES6

javascript
ãƒªãƒ³ã‚¯
Hello, ES6 ~ã“ã‚Œã‹ã‚‰è¿Žãˆã‚‹JSã®ãƒŸãƒ©ã‚¤~ - @yoshiko_pg
atsumo 2015/04/25
ã‚ã‹ã‚Šã‚„ã™ã„è³‡æ–™

ES6
ãƒªãƒ³ã‚¯
ãƒ¢ãƒ€ãƒ³ã½ã„JavaScriptãƒ†ã‚¹ãƒˆç’°å¢ƒã®æ§‹ç¯‰ãƒ¡ãƒ¢ - maru source
ã“ã‚“ã«ã¡ã¯ä¸¸å±±@h13i32maruã§ã™ã€‚ ES6ã§ã‚¢ãƒ—ãƒªã‚³ãƒ¼ãƒ‰ã€ãƒ†ã‚¹ãƒˆã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦ãƒ†ã‚¹ãƒˆã‚’ã™ã‚‹ãŸã‚ã®ç’°å¢ƒã‚’ä½œã£ãŸã®ã§ã€ãã®ãƒ¡ãƒ¢ã§ã™ã€‚ ç›®æ¨™ ES6ã§æ›¸ã„ãŸã‚¢ãƒ—ãƒªã‚³ãƒ¼ãƒ‰ã¨ãƒ†ã‚¹ãƒˆã‚³ãƒ¼ãƒ‰ã‚’npm run testã§ãƒ†ã‚¹ãƒˆã™ã‚‹ æœ€çµ‚çš„ãªç’°å¢ƒ æœ€çµ‚çš„ã«ã¯ã“ã‚“ãªç’°å¢ƒã«ãªã£ãŸã€‚ãƒªãƒã‚¸ãƒˆãƒª ECMAScript6 Google Chrome Travis CI npm traceur-compiler mocha espower-cli karma karma-cli karma-mocha karma-chrome-launcher bower power-assert ä»Šå›žã¯grunt/gulpã®ã‚ˆã†ãªãƒ“ãƒ«ãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã¯å…¥ã‚Œã¦ã„ãªã„ã€‚npm runã‚’ã‚¿ã‚¹ã‚¯å®Ÿè¡Œã®ãƒ•ãƒãƒ³ãƒˆã¨ã™ã‚‹ã“ã¨ã§ã‚¿ã‚¹ã‚¯è‡ªä½“ã¯ãŠæ‰‹è»½ã«shã§æ›¸ã„ãŸã€‚shã ã¨windowsãŒåŽ³ã—ã„ã‘ã©ã€ã¾ã‚ã¨ã‚Šã‚ãˆãšè‡ªåˆ†ã®ç’°å¢ƒç”¨ã ã—ã„ã„ã‹ãªã¨ã€‚ ä»¥é™ã§
atsumo 2014/12/30
ES6

javascript
ãƒªãƒ³ã‚¯
æ¬¡ä¸–ä»£JavaScriptã§ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ï¼š Object.observe() ã‚’è©¦ã™ - ã¼ã¡ã¼ã¡æ—¥è¨˜
1. ã¯ã˜ã‚ã«ã€ æœ¬è¨˜äº‹ã¯ã€HTML5 Advent Calendar 2012ã®å‚åŠ ï¼ˆ6æ—¥ç›®ï¼‰ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã™ã€‚ å½“åˆã¯æ˜¨å¹´ã®ã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã§ãƒ†ãƒ¼ãƒžã«ã—ãŸãƒžã‚¤ãƒŠãƒ¼APIã‚’ãƒã‚¿ã«ã—ã¦æ›¸ã“ã†ã‹ã¨è€ƒãˆã¦ã„ãŸã®ã§ã™ãŒã€æŽ¢ã—ã¦ã‚‚ã‚ã¾ã‚Šãƒ”ãƒ³ã¨ãã‚‹ã‚‚ã®ãŒãªãã€ã„ã¤ã‚‚ã®ã”ã¨ãæ–°æŠ€è¡“ãƒã‚¿ã«é£›ã³ã¤ã„ã¦ã—ã¾ã†ç¿’æ€§ãŒã§ã¦ã—ã¾ã£ãŸã®ã§ä»Šå›žæ¬¡ä¸–ä»£JavaScript(ES.harmony)ãƒã‚¿(Object.observe)ã‚’æ›¸ã‹ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ç¾æ™‚ç‚¹ã§ã¯ç›´æŽ¥HTML5ã¨ã¯é–¢ä¿‚ã‚ã‚Šã¾ã›ã‚“ãŒã€æ¨™æº–ã§åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã‚‰çš†ã•ã‚“ãŒãŠä¸–è©±ã«ãªã‚‹æ©Ÿä¼šãŒå¿…ãšå¢—ãˆã‚‹ã¨äºˆæ„Ÿã—ã¦ã„ã¾ã™ã€‚ä»Šã®æ™‚ç‚¹ã§çŸ¥ã£ã¦ãŠã„ã¦ã‚‚ã‚‰ã£ã¦ã‚‚çµ¶å¯¾æã¯ãªã„ã¨æ€ã„ã¾ã™ã®ã§ã©ã†ã‹ã”äº†æ‰¿ãã ã•ã„ã€‚ ï¼ˆï¼¿ï¼¯ï¼¿ï¼‰ 2. Object.observe() ã¨ã¯ä½•ã‹ï¼Ÿ å…ˆæ—¥ã®HTML5å‹‰å¼·ä¼šã§ã‚‚å–ã‚Šä¸Šã’ã‚‰ã‚Œã¾ã—ãŸãŒã€æœ€è¿‘ JavaScript ã® MVC ãƒ•ãƒ¬
atsumo 2012/12/07
ES6ã§observe()

ES6

javascript
ãƒªãƒ³ã‚¯
1