[B! js] serihiroã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

serihiro id:serihiro

jsã«é–¢ã™ã‚‹serihiroã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (17)

${{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/12/31) - Qiita
yarn ã¨ã‚Šã‚ãˆãš yarn install ã¨ yarn start ã ã‘ã§å‹•ã npm(yarn) scripts babel/webpack ã§ã®å¤šæ®µãƒ“ãƒ«ãƒ‰ build:js ã¯Chromeã§ã ã‘ã§å‹•ããƒ“ãƒ«ãƒ‰ã‚’åãï¼ˆãƒ‡ãƒãƒƒã‚°ã‚’å®¹æ˜“ã«ã™ã‚‹ãŸã‚ï¼‰ build:js:production ã¯IE11+ ava/nyc/istanbul ã§ãƒ†ã‚¹ãƒˆã¨ã‚«ãƒãƒ¬ãƒƒã‚¸ postcssã§CSSã®ãƒ“ãƒ«ãƒ‰ uglify-js/csswring ã§åœ§ç¸® CircleCI eslint, flow, ava release ãƒ–ãƒ©ãƒ³ãƒã« push ã§ gh-pages ã«ãƒ‡ãƒ—ãƒã‚¤ ## ã‚„ã£ã¦ãªã„ã“ã¨ React ã‚‚ Angular ã‚‚ jQuery ã‚‚ä½•ã‚‚å…¥ã£ã¦ãªã„ã€‚ã‚ãã¾ã§ãã‚Œä»¥å‰ã«ã‚„ã‚‹ã“ã¨ã‚’ã¾ã¨ã‚ãŸã€‚ å‚è€ƒã«ãªã‚‹ã ã‚ã†ã‘ã©ã€äººã«ã‚ˆã£ã¦ã¯ä½¿ã‚ãªã„ãƒ„ãƒ¼ãƒ«ã‚‚å¤šã„ã¨æ€ã‚ã‚Œã‚‹ã®ã§ã€é©å½“ã«å‰Šã£ã¦ãã ã•ã„ã€‚ ã“ã†ã„ã†ã®
serihiro 2016/12/31
js
ãƒªãƒ³ã‚¯
ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°å†…ã®thisã‚’æŸç¸›ã™ã‚‹ - Qiita
ä»Šå›žã¯Backbone.jsãŒä¾å˜ã™ã‚‹underscore.jsã«é–¢ã™ã‚‹è©±é¡Œã§ã™ã€‚ Backbone.jsã«é™ã‚‰ãšã€JavaScriptã§ã¯ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°å†…ã§thisãŒã‚°ãƒãƒ¼ãƒãƒ«ã®windowã‚’å·®ã—ã¦ã—ã¾ã†ãŸã‚ã€ã“ã®å•é¡Œã«å¯¾å‡¦ã™ã‚‹ãŸã‚ã«ã€ä»¥ä¸‹ã®ã‚ˆã†ã«thatã‚„selfã¨ã„ã£ãŸå¤‰æ•°ã«thisã‚’ä»£å…¥ã—ã¦ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯å†…ã§ä½¿ã†ã¨ã„ã†ã“ã¨ã‚’ã™ã‚‹ã“ã¨ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ function () { var that = this; someFunc(function () { this; // window that; // å¤–å´ã®this }); }
serihiro 2016/11/25
js

bind
ãƒªãƒ³ã‚¯
æœ«å°¾å‘¼ã³å‡ºã—æœ€é©åŒ–ãŒå®Ÿè£…ã•ã‚ŒãŸ - JS.next
æ¦‚è¦ ã‚ã‚‹é–¢æ•°Aã‹ã‚‰åˆ¥ã®é–¢æ•°Bã‚’å‘¼ã³å‡ºã™ã¨ãã€å‡¦ç†ç³»ã¯å¾Œã§æˆ»ã£ã¦æ¥ã‚Œã‚‹ã‚ˆã†ã«ä¸€æ—¦Aã®çŠ¶æ…‹ã‚’ä¿å˜ã—ã€é–¢æ•°Bã®å‡¦ç†ã«å…¥ã‚‹ã€‚ ã“ã‚ŒãŒå•é¡Œã«ãªã‚‹ã®ã¯å†å¸°ã®æ™‚ã§ã€æ•°ä¸‡å›žç¨‹åº¦ã®å†å¸°ã§ã‚¹ã‚¿ãƒƒã‚¯ãŒä¸€æ¯ã«ãªã‚Šã€ã‚¨ãƒ©ãƒ¼ã¨ãªã£ã¦ã—ã¾ã†ã€‚ ã—ã‹ã—ã€ã‚‚ã—é–¢æ•°Bå‘¼ã³å‡ºã—ã®éš›ã«ã€é–¢æ•°Aã«æˆ»ã£ã¦ãã¦å‡¦ç†ã‚’ç¶šã‘ã‚‹å¿…è¦ã®ãªã„å½¢ã§å‘¼ã³ã ã•ã‚Œã¦ã„ã‚Œã°ã€ çŠ¶æ…‹ã®ä¿å˜ã‚’çœç•¥ã—ã¦é–¢æ•°Bã«ç§»è¡Œã™ã‚‹æœ€é©åŒ–ãŒå¯èƒ½ã§ã‚ã‚Šã€ES2015ã§ãã®è©³ç´°ãŒå®šç¾©ã•ã‚Œã‚‹ã“ã¨ã¨ãªã£ãŸã€‚ ä¾‹ å…·ä½“çš„ã«ã¯ã€strictãƒ¢ãƒ¼ãƒ‰ã®é–¢æ•°ã§ã€ã€Œ return fn() ã€ã¨ã„ã†å½¢ã§ã®å‘¼ã³å‡ºã—ã«ã¤ã„ã¦æœ€é©åŒ–ãŒæœ‰åŠ¹ã«ãªã‚‹ã€‚ æœ€é©åŒ–ãŒåŠ¹ãä¾‹ï¼š function fn( n ) { 'use strict' if ( n <= 0 ) { return 'done!' } return fn( n - 1 ) // ã“ã®é–¢æ•°ãŒã™ã‚‹å‡¦ç†ã¯ã“ã‚Œä»¥ä¸Šãªã„ } fn( 1e6 ) //
serihiro 2016/01/29
js
ãƒªãƒ³ã‚¯
GopherJSã®ç´¹ä»‹
Javascriptã‚’æ›¸ããŸããªã„ã§ã”ã–ã‚‹ï¼ãªäººå‘ã‘ã€‚ GopherJSã£ã¦ãªã«ï¼Ÿ Goã®è¨˜è¿°ã‚’100%Javascriptã«å¤‰æ›ã—ã¦ãã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã€‚ ã‚µã‚¤ãƒˆ: http://www.gopherjs.org GopherJSã®ç‰¹å¾´ pure-Goãªã‚³ãƒ¼ãƒ‰ã‚’JSã®ä¸–ç•Œã§å‹•ãã‚ˆã†ã«å¤‰æ›ã™ã‚‹ã€‚ goroutineã‚„chanã‚‚è«–ç†çš„ã«å‹•ä½œã™ã‚‹ã‚ˆã†ã«å¤‰æ›ã€‚ å¤–éƒ¨ãƒã‚¤ãƒŠãƒª(.soãªã©)ã¸ã®ä¾å˜ã®ã‚ã‚‹å®Ÿè£…ã®å¤‰æ›ã¯ã§ãã¾ã›ã‚“ã€‚ CGOã‚‚ã‚‚ã¡ã‚ã‚“NGã€‚ ã‚ªãƒ³ãƒ¡ãƒ¢ãƒªæ“ä½œã®ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ãªã©ã¯100%å‹•ãã€‚ jsã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã¨ã—ã¦ãƒ“ãƒ«ãƒ‰ã•ã‚Œã€GOPATHã‚’æ—¢å˜ã®ã‚‚ã®ã¨å…±å˜å¯èƒ½ã€‚ Goã¨GopherJSä¸¡å¯¾å¿œã®ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã‚‚å¢—ãˆã¦ããŸã€‚ GopherJSå¯¾å¿œãƒ©ã‚¤ãƒ–ãƒ©ãƒª honnef.co/go/js/dom github.com/goxjs/gl github.com/goxjs/glfw github.com/go
serihiro 2015/10/19
äººé¡žã®altjsã¸ã®æ¬²æ±‚ã¯ç•™ã¾ã‚‹ã¨ã“ã‚ã‚’çŸ¥ã‚‰ãªã„

js

altjs
ãƒªãƒ³ã‚¯
Sprocketså†è€ƒ ãƒ¢ãƒ€ãƒ³ãªJSã®ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã¨Railsã®ã‚ˆã‚Šè‰¯ã„é–¢ä¿‚ã‚’æŽ¢ã™ - Qiita
ã™ã„ã¾ã›ã‚“ã€‚ç· åˆ‡å®ˆã‚Œã¾ã›ã‚“ã§ã—ãŸâ€¦ã€‚ ã‚„ã£ã±ã€java-jaã®å¿˜å¹´ä¼šã®ç¿Œæ—¥ã¯è¾›ã„â€¦ã€‚ ã¯ã˜ã‚ã« Webã‚·ã‚¹ãƒ†ãƒ ã‚’é–‹ç™ºã—ã¦ã„ã‚‹ã¨åˆ‡ã£ã¦ã‚‚åˆ‡ã‚Œãªã„ã®ãŒJavaScriptã§ã™ã€‚ Railsã¯ã‹ãªã‚Šæ—©ã„æ™‚æœŸã‹ã‚‰alt-JSã‚„çµåˆã€minifyç‰ã‚’çµ„ã¿è¾¼ã‚ã‚‹ã‚ˆã†ã«ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ãã‚Œã‚’å–ã‚Šå…¥ã‚Œã¦ãã¾ã—ãŸã€‚ ãã‚Œã‚’æ”¯ãˆã¦ã„ã‚‹ã®ãŒRails3.1ã‹ã‚‰å°Žå…¥ã•ã‚ŒãŸsprocketsã§ã™ã€‚ ãã‚Œã«ä¼´ãªã£ã¦JSã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ã©ã†ã‚„ã£ã¦ç®¡ç†ã™ã‚‹ã‹ã¨ã„ã†ç‚¹ã«ã¤ã„ã¦ã€ç‹¬è‡ªã®è·¯ç·šã‚’å–ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ JSã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’åŒæ¢±ã—ãŸgemãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã«ãƒ©ãƒƒãƒ—ã—ã¦rubygemsã¨ã—ã¦ç®¡ç†ã™ã‚‹æ–¹æ³•ã§ã™ã€‚ ã‚ã‚‹ç¨‹åº¦ã¯ä¸Šæ‰‹ãã„ã£ã¦ã„ãŸã—ã€ä»Šã‚‚ãã®æµã‚Œã¯ç¶šã„ã¦ã„ã‚‹ã‚“ã§ã™ãŒã€æ™‚ã€…å•é¡Œã«ãªã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚ ä¾‹ãˆã°ãƒ¡ãƒ³ãƒ†ãƒŠã®å¯¾å¿œæ™‚æœŸãŒã‚ºãƒ¬ã¦ã¦å¤ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ã¾ã¾ã ã£ãŸã‚Šã€ä¼¼ãŸã‚ˆã†ãªgemãŒä¹±ç«‹ã—ã¦ã‚„ã‚„ã“ã—ããªã£ãŸã‚Šã€‚(backbon
serihiro 2015/08/22
rails

sprockets

js
ãƒªãƒ³ã‚¯
Angular jsã®ç¶™ç¶šçš„ãªãƒã‚™ãƒ¼ã‚·ã‚™ãƒ§ãƒ³ã‚¢ãƒƒãƒ•ã‚š
ç¬¬1å›žãƒšãƒ‘ãƒœãƒ†ãƒƒã‚¯ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ http://pepabo.connpass.com/event/13208/ #pbtech AngularJSã®ç¶™ç¶šçš„ãªãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—Read less
serihiro 2015/04/19
Angularjs

js
ãƒªãƒ³ã‚¯
JavaScriptã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®é¸å®šã«ã¤ã„ã¦
ã¯ã˜ã‚ã¾ã—ã¦ã€‚JavaScriptã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ã¤ã„ã¦è³ªå•ã—ã¾ã™ã€‚ Angularã‚„Emberã‚„Backboneãªã©ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒã‚ã‚Šã¾ã™ãŒã€ ã¿ãªã•ã‚“ã¯ã©ã†ã„ã£ãŸç†ç”±ãƒ»è¦³ç‚¹ã‹ã‚‰ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’é¸å®šã—ã¾ã™ã‹ï¼Ÿ ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ç¨®åˆ¥ã¨ãƒ‹ãƒ¼ã‚ºã«å¿œã˜ã¦é¸ã¶ã¹ãã ã¨æ€ã†ã®ã§ã™ãŒã€ ä¾‹ãˆã°ã©ã‚“ãªã¨ãã«ã€ä½•ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’é¸ã¹ã°ã‚ˆã‚ã—ã„ã®ã§ã—ã‚‡ã†ã‹ï¼Ÿ
serihiro 2014/12/25
js

mvvm
ãƒªãƒ³ã‚¯
ãƒªã‚¢ãƒ«ãª DOM ã¯ãªãœé…ã„ã®ã‹ - steps to phantasien
ã“ã‚Œã¯ VirtualDOM Advent Calendar 2014 ã«å‹æ‰‹ã«å‚åŠ ã™ã‚‹è¨˜äº‹ã§ã™ã€‚ ã‚ãŸãŸã‹ã„æ˜¥ã®æ˜¼ä¸‹ãŒã‚Šã®ã“ã¨ã€ã‚ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ãƒ™ãƒ³ãƒ€ã®ç¤¾å†…ã‚’ä¸ç©ãªå™‚ãŒé§†ã‘å·¡ã£ãŸã€‚ ã€ŒReact.js ãªã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ã©ã†ã‚‚ä»®æƒ³ DOM ã¨ã„ã†ã‚„ã¤ã®ã›ã„ã§é€Ÿã„ã‚‰ã—ã„ãžã€ ã‚‚ã†ãƒªã‚¢ãƒ«ãª DOM ã¯ãŠå½¹å¾¡å…ã€ãƒ–ãƒ©ã‚¦ã‚¶ã‚‚å•†å£²ä¸ŠãŒã£ãŸã‚Šã‹ãƒ»ãƒ»ãƒ»ã€‚é›‡ç”¨ã«ä¸å®‰ã‚’è¦šãˆã‚‹äºº(ç§)ãŒã„ã‚‹ä¸€æ–¹ã€ ãã®ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’ã¨ã‚Šã“ã‚“ã§ãƒ–ãƒ©ã‚¦ã‚¶ã® DOM ã‚’é€Ÿãå‡ºæ¥ãªã„ã‹ã¨è€ƒãˆã‚‹äººãŸã¡ã‚‚ã„ãŸã€‚ ä»®æƒ³ DOM ã¯ãªãœé€Ÿã„ã®ã‹ã€‚èª°ã‹ã®ã¤ã¦ã‚’è¾¿ã£ã¦ React.js ãƒãƒ¼ãƒ ã«ãŠã„ã§ã„ãŸã ãã€é€Ÿã•ã®ç§˜å¯†ã‚’ãƒ†ãƒƒã‚¯ãƒˆãƒ¼ã‚¯ã—ã¦ã‚‚ã‚‰ã†ã€‚ ã‚¤ãƒŸãƒ¥ãƒ¼ã‚¿ãƒ–ãƒ«ãªãƒ‡ãƒ¼ã‚¿æ§‹é€ ã«ã‚ˆã‚‹å˜ç´”åŒ–ã€éžåŒæœŸé©ç”¨ã«ã‚ˆã‚‹å‡¦ç†ã®ãƒãƒƒãƒåŒ–ã€å·®åˆ†ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã«ã‚ˆã‚‹å‰¯ä½œç”¨ã®æœ€å°åŒ–â€¦ ã„ãã¤ã‹ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚‰ã¯ã©ã†ã«ã‚‚ãªã‚‰ãªã„ãŒã€ãŸã¨ãˆã°éžåŒæœŸåŒ–ãªã‚“ã‹ã¯å½¢ã¯é•ãˆã©ãƒ–ãƒ©ã‚¦ã‚¶
serihiro 2014/12/12
js

reactjs
ãƒªãƒ³ã‚¯
gulp.jsã‚’ä½¿ã£ã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ“ãƒ«ãƒ‰ã‚’ã™ã‚‹ã€webpack, stylusã€‘ - yutaponã®ãƒ–ãƒã‚°
ã“ã®è¨˜äº‹ã¯Iwate Developers Advent Calendar 2014ã®6æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ Iwate Developers Advent Calendar 2014 - Qiita è¨˜äº‹ã®å†…å®¹ã¯ã¨ã„ã†ã¨ã€å²©æ‰‹ã«ã¾ã£ãŸãé–¢ä¿‚ã‚ã‚Šã¾ã›ã‚“ã€‚ å¦ç”Ÿã®é ƒã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’è»½è¦–ã—ã¦ã‚¯ã‚½ã‚³ãƒ¼ãƒ‰ã‚’é‡ç”£ã—ã¦ã„ãŸã®ã§ã€ä»Šã®å¦ç”Ÿã®æ–¹ã«ã“ã‚“ãªé¢¨ã«ä½œã‚Šå§‹ã‚ã‚‹ã¨ã„ã„ã‚ˆã£ã¦ç´¹ä»‹ã™ã‚‹æ„Ÿã˜ã§æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« æ˜¨ä»Šã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã¯ã¨ã«ã‹ãè¤‡é›‘ã«ãªã£ã¦ãã¦ã„ã¦ã€å¦ç¿’ã‚³ã‚¹ãƒˆãŒåŠç«¯ãªããªã£ã¦ãã¦ã¾ã™ã€‚ angularã¨ã‹backbone.jsã¨ã‹ã€æœ€è¿‘ã§ã¯react+fluxãªã©ã€ãƒˆãƒ¬ãƒ³ãƒ‰ã®ç§»ã‚Šå¤‰ã‚ã‚ŠãŒæ¿€ã—ã„ã§ã™ã€‚ ã¾ãŸGruntã‚„gulp.jsãªã©ã®ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã®æ´»ç”¨ãŒãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ã¯æ¬ ã‹ã›ãªããªã£ã¦ã„ã¦ã€ä½¿ã£ã¦ãªã„ãªã‚‰ä»Šã™ãå°Žå…¥ã™ã¹ãã€ã¨ã‚‚è¨€ãˆã¾ã™ã€‚ æœ€è¿‘gulp.jsã‚’ä½¿ã£ã¦ã„ã¦ã€gu
serihiro 2014/12/06
gulp

js
ãƒªãƒ³ã‚¯
async vs defer attributes
The async and defer attributes for the <script> element have great support now, so itâ€™s time to learn exactly what they do! <script> Letâ€™s start by defining what <script> without any attributes does. The HTML file will be parsed until the script file is hit, at that point parsing will stop and a request will be made to fetch the file (if itâ€™s external). The script will then be executed before pars
serihiro 2014/09/25
ã‚ã¨ã§èªã‚€

js
ãƒªãƒ³ã‚¯
Grunt: The JavaScript Task Runner
Why use a task runner?In one word: automation. The less work you have to do when performing repetitive tasks like minification, compilation, unit testing, linting, etc, the easier your job becomes. After you've configured it through a Gruntfile, a task runner can do most of that mundane work for youâ€”and your teamâ€”with basically zero effort. Why use Grunt?The Grunt ecosystem is huge and it's growin
serihiro 2014/02/24
js

Build
ãƒªãƒ³ã‚¯
AngularJSã§Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚ã†ã¨æ€ã£ãŸæ™‚ã«æ§‹æˆã«æ‚©ã‚“ã ã‚‰ã€generator-angular-fullstackã‹ã‚‰ã¯ã˜ã‚ã‚‹ã®ãŒè‰¯ã„ã®ã§ã¯ | mah365
HOMEã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢é–‹ç™ºAngularJSã§Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚ã†ã¨æ€ã£ãŸæ™‚ã«æ§‹æˆã«æ‚©ã‚“ã ã‚‰ã€generator-angular-fullstackã‹ã‚‰ã¯ã˜ã‚ã‚‹ã®ãŒè‰¯ã„ã®ã§ã¯ AngularJSã§Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚ã†ã¨æ€ã£ãŸæ™‚ã«æ§‹æˆã«æ‚©ã‚“ã ã‚‰ã€generator-angular-fullstackã‹ã‚‰ã¯ã˜ã‚ã‚‹ã®ãŒè‰¯ã„ã®ã§ã¯ AngularJSã¯ã‚ãã¾ã§ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãªã®ã§ã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã‚’ã©ã†ã—ã‚ˆã†ã‹ãªãƒ¼ã¨æ‚©ã‚€ã“ã¨ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚RailsãŒå¾—æ„ãªã‚‰Railsã«çµ„ã¿è¾¼ã‚€ã®ã‚‚ã„ã„ã‚“ã§ã™ãŒã€Railsã¯ãƒ“ãƒ¥ãƒ¼ãƒ˜ãƒ«ãƒ‘ãƒ¼ãŒç•°æ§˜ã«å……å®Ÿã—ã¦ã„ã‚‹ã®ã§ã€Railsä¸Šã§AngularJSã®ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦ã‚‹ã¨Railsã®è‰¯ã„ã¨ã“ã‚ãŒ10%ã‚‚ç”Ÿã‹ã›ã¦ãªã„æ°—ãŒã—ã¦è¾›ã„æ°—æŒã¡ã«ãªã£ã¦ãã¾ã™ã€‚ã†ãƒ¼ã‚“ã€ã©ã†ã—ã‚ˆã†ã€‚ ãã‚“ãªé¢¨ã«æ‚©ã‚“ã ã‚‰Yeomanã®generatorã§ã‚ã‚‹gener
serihiro 2014/02/19
Angularjs

js
ãƒªãƒ³ã‚¯
JavaScript MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒAngularJS 1.2ã€ãƒªãƒªãƒ¼ã‚¹ã€‚è¦æœ›ã®å¤šã‹ã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ãŒè¿½åŠ ã€è„†å¼±ãªã‚³ãƒ¼ãƒ‰ã‚’åˆ¶é™ã™ã‚‹ãƒ¢ãƒ¼ãƒ‰ã‚‚
JavaScript MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒAngularJS 1.2ã€ãƒªãƒªãƒ¼ã‚¹ã€‚è¦æœ›ã®å¤šã‹ã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ãŒè¿½åŠ ã€è„†å¼±ãªã‚³ãƒ¼ãƒ‰ã‚’åˆ¶é™ã™ã‚‹ãƒ¢ãƒ¼ãƒ‰ã‚‚ JavaScriptã®MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯Backbone.jsã‚„Ember.jsãªã©å¤šãã®ç¨®é¡žãŒç™»å ´ã—ã¦ã„ã¾ã™ãŒã€Backbone.jsã‚„Ember.jsãªã©ãŒæ¯”è¼ƒçš„ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’æŒ‡å‘ã—ã¦ã„ã‚‹ã®ã«å¯¾ã—ã¦ã€AngularJSã®ç‰¹å¾´ã¯UIãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã‚’å«ã‚€ãƒªãƒƒãƒãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã—ã¦é–‹ç™ºã•ã‚Œã¦ã„ã‚‹ã“ã¨ã§ã™ï¼ˆã¡ãªã¿ã«AngularJSã®Webã‚µã‚¤ãƒˆã§ã¯ã€ŒMVWãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ã¨åä¹—ã£ã¦ã„ã¾ã™ã€‚MVWã®Wã¯Whateverã‚‰ã—ã„ã§ã™ï¼‰ã€‚ AngularJSã§ã¯ã€HTMLã«JavaScriptã®ã‚³ãƒ¼ãƒ‰ã‚’æ··ãœè¾¼ã¾ãªãã¨ã‚‚ã€è˜åˆ¥åã‚’å·®ã—è¾¼ã‚€ã ã‘ã§ã€ãã®è˜åˆ¥åã«å¯¾å¿œã—ãŸãƒ¢ãƒ‡ãƒ«ã®ãƒ‡ãƒ¼ã‚¿ã‚’è‡ªå‹•çš„ã‹ã¤ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«è¡¨ç¤ºã—ã¦ãã‚Œã¾ã™ã€‚é€†ã«ã€HT
serihiro 2013/11/11
Angularjs

js
ãƒªãƒ³ã‚¯
D3.js
D3The JavaScript library for bespoke data visualization Create custom dynamic visualizations withÂ unparalleledÂ flexibility
serihiro 2013/05/27
å¤šå½©ãªã‚°ãƒ©ãƒ•ã‚’ä½œæˆ

js
ãƒªãƒ³ã‚¯
typeahead.js
typeahead.js a flexible JavaScript library that provides a strong foundation for building robust typeaheads
serihiro 2013/02/25
twitterè£½ã®ãƒ•ã‚©ãƒ¼ãƒ ã‚µã‚¸ã‚§ã‚¹ãƒˆjãƒ©ã‚¤ãƒ–ãƒ©ãƒª

js

twitter

å…¥åŠ›è£œå®Œ
ãƒªãƒ³ã‚¯
JSé–‹ç™ºã«ãŠã‘ã‚‹TDDã¨è‡ªå‹•ãƒ†ã‚¹ãƒˆãƒ„ãƒ¼ãƒ«åˆ©ç”¨ã®å‹˜æ‰€
1. JSé–‹ç™ºã«ãŠã‘ã‚‹ TDDã¨è‡ªå‹•ãƒ†ã‚¹ãƒˆ ãƒ„ãƒ¼ãƒ«åˆ©ç”¨ã®å‹˜æ‰€ 2012.12.06 æ ªå¼ä¼šç¤¾ãƒžãƒ”ã‚ªãƒ³ ä¸æ‘ æµ©å£« 12å¹´12æœˆ5æ—¥æ°´æ›œæ—¥ 2. è‡ªå·±ç´¹ä»‹ ä¸æ‘ æµ©å£« ( @kozy4324 ) æ ªå¼ä¼šç¤¾ãƒžãƒ”ã‚ªãƒ³æ‰€å±ž ä¸»ã«Webã‚¢ãƒ—ãƒªã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™º JavaScript, ActionScript 12å¹´12æœˆ5æ—¥æ°´æ›œæ—¥
serihiro 2012/12/07
slideshare

js

TDD
ãƒªãƒ³ã‚¯
http://jsoniq.org/index.html
serihiro 2012/10/01
JSONiq

json

js
ãƒªãƒ³ã‚¯
1