[B! flux] sugimoriã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

sugimori id:sugimori

fluxã«é–¢ã™ã‚‹sugimoriã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

è¤‡é›‘ãªJavaScriptã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è€ƒãˆãªãŒã‚‰ä½œã‚‹è©±
autoscale: true theme: Plain Jane,5 è¤‡é›‘ãªJavaScriptã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è€ƒãˆãªãŒã‚‰ä½œã‚‹è©± è‡ªå·±ç´¹ä»‹ Name : azu Twitter : @azu_re Website: Web scratch, JSer.info #jsprimerã‚’æ›¸ã„ã¦ã„ã¾ã™ JavaScriptå…¥é–€æ›¸ã«èˆˆå‘³ã‚ã‚‹äººã¯ã‚¦ã‚©ãƒƒãƒ :star: :warning: æ³¨æ„ :warning: ä½œæˆã™ã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ã‚ˆã£ã¦å¿…è¦ãªæ§‹é€ ã¯ç•°ãªã‚Šã¾ã™ ä»Šå›žã®è©±ã¯ã‚ã‚‹ç¨‹åº¦ã®è¦æ¨¡ã§è¤‡é›‘æ€§ã‚’æŒã¤ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªæŠœãã§æ•°ä¸‡LOC >= é•·æœŸçš„ã«ãƒ¡ãƒ³ãƒ†ãƒ³ãƒŠãƒ³ã‚¹ã‚„å¤‰æ›´ãŒç™ºç”Ÿã™ã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¯ã—ãªã„ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ 3è¡Œã§OK è¤‡é›‘ãªJavaScriptã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ã«ã‚ãŸã‚Šãƒ‰ãƒ¡ã‚¤ãƒ³ãƒ¢ãƒ‡ãƒ«ã‚’ã©ã†å®Ÿè£…ã™ã‚‹ã‹æ‚©ã‚“ã è‰²ã€…ã¨è©¦è¡ŒéŒ¯èª¤ã—ãŸ
sugimori 2018/08/21
flux

ãƒ‰ãƒ¡ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Frontend Meetup vol.1 ã§é©å‘½ã¨ç§©åºã¨SPAã¨ã„ã†ç™ºè¡¨ã‚’ã—ã¦ããŸ - Please Drive Faster
FiNCã•ã‚“ä¸»å‚¬ã®Frontend Meetupã¨ã„ã†ã‚¤ãƒ™ãƒ³ãƒˆã§é©å‘½ã¨ç§©åºã¨SPAã¨ã„ã†ç™ºè¡¨ã‚’ã—ã¦ããŸã€‚ connpass.com æœ‰å¿—ã®æ–¹ãŒã¾ã¨ã‚ã‚’æ›¸ã„ã¦ãã ã•ã£ã¦ã„ã‚‹ã®ã§ã€ãã¡ã‚‰ã‚‚ãœã²ã€‚ www.chirashiura.com qiita.com åƒ•ã®ç™ºè¡¨è³‡æ–™ã¯ã“ã¡ã‚‰ã€‚ speakerdeck.com ä¸»å‚¬ã®FiNCã•ã‚“ã€ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ å†…å®¹ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ‘ãƒ©ãƒ€ã‚¤ãƒ ã‚·ãƒ•ãƒˆã¨freeeã®é–¢ã‚ã‚Šæ–¹ã¨ã€ä»Šã®ã‚¹ã‚¿ãƒƒã‚¯ã§ã‚ã‚‹React + FluxUtils + Frowtypeã«ã¤ã„ã¦ã®ãŠè©±ã€‚ ã©ã¡ã‚‰ã‹ã¨ã„ãˆã°å¾ŒåŠã®Flowtypeã®é©ç”¨ã«ã¤ã„ã¦ã®æ–¹ã«åŠ›ã‚’å…¥ã‚Œã¦ãŠè©±ã—ã—ãŸã€‚ å€‹äººçš„ãªæ„Ÿè¦šã‚‚ã‚ã‚‹ã‘ã©ã€Flowtypeã¯ã“ã“1å¹´ã§å¤§åˆ†æ‰±ã„ã‚„ã™ããªã£ã¦ã„ã‚‹ã€‚å½“åˆã¯Reactã®APIã®åž‹å®šç¾©ãŒæƒã£ã¦ã„ãªã‹ã£ãŸã‚Šã—ãŸã‘ã©ã€ç¾çŠ¶ã§ã¯åž‹å®šç¾©ã®ãªã„APIã¯è¦‹å½“ãŸã‚‰ãªã„ã€‚ æ„å‘³ã®ã‚ã‹ã‚‰ãªã„ã‚¨ãƒ©ãƒ¼ã«
sugimori 2016/09/26
è‡ªåˆ†ãŸã¡ãªã‚Šã®ç”ãˆã‚’å‡ºã—ã¦ã‚‹ã®ãŒã„ã„ã

javascript

typescript

react

flux
ãƒªãƒ³ã‚¯
Fluxã¨DDDã®çµ±åˆæ–¹æ³• - ã‹ã¨ã˜ã‚…ã‚“ã®æŠ€è¡“æ—¥èªŒ
ãŠã¯ã“ã‚“ã°ã‚“ã«ã¡ã¯ã€ã‹ã¨ã˜ã‚…ã‚“ã§ã™ã€‚ ä¹…ã—ã¶ã‚Šã«ãƒ–ãƒã‚°ã‚’æ›¸ãâ€¦ã€‚æœ€è¿‘ã€è¶£å‘³ã§Angular2ã‚„ã‚‰Reactã‚„ã‚‰ã‚„ã£ã¦ã„ã¾ã™ã€‚ã‚„ã£ã¨Webpackã«ãªã‚Œã¾ã—ãŸâ€¦ã€‚ ã•ã¦ã€ä»Šå›žã®ãŠé¡Œã¯ã€ŒFluxã¨DDDã®çµ±åˆæ–¹æ³•ã€ã«ã¤ã„ã¦ã€‚Angular2ã‚’å…ˆã«è§¦ã£ã¦ã„ã¾ã—ãŸãŒã€Fluxã¨ã„ãˆã°ã‚„ã¯ã‚ŠReactã ã‚ã†ã¨ã„ã†ã“ã¨ã§é€”ä¸ã§æµ®æ°—ã—ã¦Reactã§è€ƒãˆã¦ã„ã¾ã™ã€‚Angular2ã§ã‚‚ã§ãã‚‹ã¯ãšã§ã™ãŒã€ä»Šå›žã¯Reactã§çµ±åˆæ–¹æ³•*1ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ä¸€ã¤æ–ã£ã¦ãŠãã¨ã€Fluxã¯DDDã¨çµ±åˆã™ã‚‹ã“ã¨ã‚’æƒ³å®šã—ã¦ã„ãªã„è¨è¨ˆãƒ‘ã‚¿ãƒ¼ãƒ³ãªã‚“ã§äº‘ã€…ã¨ã‹ã¯ã“ã“ã§ã¯è€ƒãˆã¦ã„ã¾ã›ã‚“ã€‚ãã‚Œã¯ã“ã®ãƒ–ãƒã‚°è¨˜äº‹ã‚’èªã‚€èªã¾ãªã„ã«é–¢ã‚ã‚‰ãšã”è‡ªèº«ã§åˆ¤æ–ã•ã‚Œã¦ãã ã•ã„ã€‚ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã«ã¤ã„ã¦ã¯ã€Githubã¸ã®ãƒªãƒ³ã‚¯ã‚’ä¸€ç•ªä¸‹ã«æ›¸ã„ã¦ã‚ã‚‹ã®ã§èˆˆå‘³ãŒã‚ã‚‹äººã¯å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ Fluxã£ã¦ä½•ï¼Ÿ ã¾ãšåŸºç¤Žã¨ã„ã†ã“ã¨ã§ã€Flux i
sugimori 2016/09/10
DDD

flux

react

ãƒ‰ãƒ¡ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
DDD + Flux?
READY FOR THE BATTLE? -Introduction to Live Coding-
sugimori 2016/06/14
DDD

flux

react
ãƒªãƒ³ã‚¯
React.js ã¨ Validation - fukajun - åƒ•ã¯vimã§è¡Œãã¾ã™ -
æ¦‚è¦ react.js + redux ã§ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ + ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®çµæžœè¡¨ç¤ºã«ã¤ã„ã¦æ¨¡ç´¢ã—ã¦ã‚‹ æœ€åˆã¯ã€formç³»ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§è‰¯ã•ãã†ãªã„ã®ã‹èª¿ã¹ã¦ãŸ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¿ã¦ã—ã£ãã‚Šæ¥ãªã‹ã£ãŸã®ã§ãã‚‚ãã‚‚fluxã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã®ã©ã“ã§ã‚„ã‚‹ã®ãŒã‚„ã‚Šã‚„ã™ã„ã®ã‹ï¼Ÿè€ƒãˆã¦ã¿ãŸ èƒŒæ™¯ React.jsã§ãƒ•ã‚©ãƒ¼ãƒ ã«å…¥åŠ›ã•ã‚ŒãŸå€¤ã®ãƒã‚§ãƒƒã‚¯ã‚’è¡Œã†ã‚ˆã†ãª Validationå‡¦ç†ã£ã¦ã©ã†ã‚„ã£ã¦ä½œã‚‹ã®ãŒã„ã„ã‚“ã ã‚ã†ï¼Ÿã¨ã„ã†ã¨ã“ã‚ ã‹ã‚‰èª¿ã¹å§‹ã‚ãŸ.... æœ€åˆã¯ã€ã„ããªã‚Šredux + React.jsã§ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³å‡¦ç†ã‚’ä½œã‚‹ã‚Œã‚‹ã‚ˆã†ã« ã„ã‚ã„ã‚èª¿ã¹ã¦ãŸã‚“ã ã‘ã©React.jså˜ä½“ã§ã‚‚ã©ã†ã—ã¦ã„ã„ã®ã‹ã‚ã‹ã‚‰ãªã‹ã£ãŸ ã®ã§ã²ã¨ã¾ãšreact.jsã¨ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’çµ„ã¿åˆã‚ã›ã¦ã€ã©ã†ã‚„ã‚‹ã®ãŒè‰¯ã„ã®ã‹ èª¿ã¹ãŸ reactã§ã®formã‚’validateã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãªã© ã–ã£ã¨ä¸‹è¨˜ã®ã‚ˆ
sugimori 2016/06/13
ç”ãˆã¯å‡ºã¦ãªã„æ„Ÿã˜ã‹ï¼Ÿ

react

React.js

validation

flux
ãƒªãƒ³ã‚¯
1