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

modal_soul id:modal_soul

fluxã«é–¢ã™ã‚‹modal_soulã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

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

Reactã¨Fluxã®ã“ã¨ // Speaker Deck
http://inside.pixiv.net/entry/2015/04/27/170944
modal_soul 2015/05/12
react

flux
ãƒªãƒ³ã‚¯
React.js ã‚’ç”¨ã„ãŸ HipChat ã®å†æ§‹ç¯‰ | Atlassian Japan å…¬å¼ãƒ–ãƒã‚° | ã‚¢ãƒˆãƒ©ã‚·ã‚¢ãƒ³æ ªå¼ä¼šç¤¾
è¦ç´„ : ç§ãŸã¡ã¯ã€React.js ã¨ Fluxã€ãã‚Œã«ä»–ã®ã„ãã¤ã‹ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ç”¨ã„ã¦ HipChat ã® Web ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚’æ ¹æœ¬çš„ã«å†æ§‹ç¯‰ã—ã€ç´ æ™´ã‚‰ã—ã„çµæžœã‚’å¾—ã¾ã—ãŸï¼ æ˜¯éžè©¦ã—ã¦ã¿ã¾ã›ã‚“ã‹ï¼Ÿ HipChat ãŒã‚¢ãƒˆãƒ©ã‚·ã‚¢ãƒ³ã«åŠ ã‚ã£ãŸã¨ãã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã¯ã€Webã€Adobe Air (Windowsã€OS Xã€Linux)ã€iOSã€ãã—ã¦ Android ã‚¢ãƒ—ãƒªã® 4 ã¤ã§ã—ãŸã€‚HipChat ãƒãƒ¼ãƒ ãŒæœ€åˆã«æŽ²ã’ãŸç›®æ¨™ã®ã²ã¨ã¤ãŒã€Air ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚’ OS Xã€Windowsã€Linux ã®ãƒã‚¤ãƒ†ã‚£ãƒ–ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«ç½®ãæ›ãˆã‚‹ã“ã¨ã§ã—ãŸã€‚ç§ãŸã¡ã¯ (ãã®å½“æ™‚ã¯) å°ã•ã„ãƒãƒ¼ãƒ ã ã£ãŸãŸã‚ã—ã°ã‚‰ãã¯ã“ã®ä»•äº‹ã§æ‰‹ä¸€æ¯ã§ã—ãŸã€‚ã“ã®ã‚ˆã†ã«æœ€é«˜ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æä¾›ã™ã‚‹ã“ã¨ã«é›†ä¸ã—ãŸå½±éŸ¿ã§ã€Web ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«å¯¾ã—ã¦ã¯ç§ãŸã¡ãŒè¡Œã£ãŸæ§˜ã€…ãªé–‹ç™ºã®æˆæžœã‚’åæ˜ ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã›ã‚“
modal_soul 2015/04/06
React.js

flux
ãƒªãƒ³ã‚¯
ä»Šè©±é¡Œã®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
modal_soul 2015/03/04
react.js

flux
ãƒªãƒ³ã‚¯
æŒèˆžä¼Žåº§.tech#6ã€ŒVirtualDOMã¨Reactã€ ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ãƒ¡ãƒ¢
æŒèˆžä¼Žåº§.tech#6ã€ŒVirtualDOMã¨Reactã€ - connpass ã«å‚åŠ ã—ã¦æ¥ãŸã®ã§ãƒ¡ãƒ¢ã€‚ ã™ã¹ã¦ã®CSSã«æ»ã‚’ï¼ã“ã‚Œã¯JSerã®å«ã³ï¼- @kyo_ago ã‚¹ãƒ©ã‚¤ãƒ‰: CSSã«æ»ã‚’ï¼ã“ã‚Œã¯JSerã®å«ã³ï¼ #kbkz_tech CSSãŒè¾›ã„ CSSã¯ã‚«ãƒ—ã‚»ãƒ«åŒ–ã¨ã‹ç¶™æ‰¿ã¨ã‹ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã‹ã‚‰ã®æ¦‚å¿µãŒãã®ã¾ã¾æŒã£ã¦ã“ã‚Œãªã„ ReactStyle js-next/react-style JSå†…ã«Styleã‚’åŸ‹ã‚è¾¼ã‚€ã“ã¨ãŒã§ãã‚‹ ãã®ã¾ã¾ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆçš„ã«å…¥ã‚Œã‚‰ã‚Œã‚‹ Template Stringsã¨åˆã‚ã›ã‚Œã°ãã®å ´ã§CSSã‚’å…¥ã‚Œã‚‹ã“ã¨ãŒã§ãã‚‹ styles=ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å…¥ã‚Œã‚‹ ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ã‚ã¾ã‚Šè€ƒãˆãªãã¦ã„ã„ styleå±žæ€§ã§ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã™ã‚‹ æ“¬ä¼¼è¦ç´ ã€æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ãŒå…¨æ»… :hover :active ãªã©ãŒä½¿ãˆãªã„ã€‚ CSSã®ç¶™æ‰¿ãªã©ã®æ¦‚å¿µãŒæ¶ˆãˆã‚‹ è‡ªåˆ†ã§é ‘å¼µã‚‹å¿…è¦ãŒã‚ã‚‹ ãƒ¦ãƒ¼ã‚¶ãƒ—ãƒ¬
modal_soul 2015/02/17
JavaScript

react.js

flux

virtual-dom
ãƒªãƒ³ã‚¯
1