[B! react][web] mizdraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mizdra id:mizdra

reactã¨webã«é–¢ã™ã‚‹mizdraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (11)

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

Framer Motion is now independent, introducing Motion - Motion Blog
Framer Motion is now independent, introducing Motion First, some personal news: Next week will be my last at Framer. Writing that feels pretty wild. Making Framer Motion has been the best job of my life. To do so for six years within the best product team in the world, both a massive learning experience and a privilege. However, that leads to some news that I'm incredibly excited to share. With Fr
mizdra 2024/11/18
React ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã® Framer Motion ãŒ Framer (ä¼šç¤¾) ã‹ã‚‰ç‹¬ç«‹ã—ã¦é–‹ç™ºã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ã¨ã„ã†è©±ã€‚ç‹¬ç«‹ã—ãŸãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã¯ Motion ã¨ã„ã†åå‰ã§ã€Vanilla JS API ã‚’æä¾›ã—ã€æ§˜ã€…ãª View ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«å¯¾å¿œã™ã‚‹äºˆå®šã€‚

react

web
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒˆã‚™ã®ç¾åœ¨åœ°ã¨ã“ã‚Œã‹ã‚‰
YAPC::Hakodate 2024 https://fortee.jp/yapc-hakodate-2024/proposal/a2e39821-a91c-4d10-9db7-1e4d624d47ff
mizdra 2024/10/06
ã“ã‚Œã¯å‹•ç”»ã§è¦³ãŸã„ã‚„ã¤ã

react

frontend

web
ãƒªãƒ³ã‚¯
https://akifumisato.github.io/slide-of-web-developer-conference-2024/1
mizdra 2024/09/10
browser

web

react
ãƒªãƒ³ã‚¯
Reactãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹2: SWRã‚’æ£ã—ãä½¿ã†ã«ã¯ - Hello Tech
javascripter ã§ã™ã€‚ãƒãƒãƒ¼ã§ã¯ã€åˆæœŸãƒ¡ãƒ³ãƒãƒ¼ã¨ã—ã¦ãƒ—ãƒãƒ€ã‚¯ãƒˆã®ãƒãƒ¼ãƒ³ãƒå‰ã‹ã‚‰AutoReserve ã®é–‹ç™ºã«é–¢ã‚ã£ã¦ã„ã¾ã™ã€‚ å‰å›žã®è¨˜äº‹ã«å¼•ãç¶šãã€ç†è€…ãŒç¤¾å†…ã§æ›¸ã„ã¦ã„ã‚‹æŠ€è¡“ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ã¯ã˜ã‚ã« ãƒãƒãƒ¼ã§ã¯ã€é«˜å“è³ªãªã‚³ãƒ¼ãƒ‰ã‚’ç¶æŒã—ã€é–‹ç™ºãƒãƒ¼ãƒ ã®æŠ€è¡“ãƒ¬ãƒ™ãƒ«å‘ä¸Šã‚’å›³ã‚‹ãŸã‚ã€ãƒãƒ¼ãƒ æ¨ªæ–çš„ã«ã€æœ‰ç”¨ãªæŠ€è¡“Tipsã€ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ãƒ»ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ãªã©æƒ…å ±ã‚’Notionä¸Šã«é›†ç´„ã—ã€è‡ªç”±ã«ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒé–²è¦§ãƒ»ç·¨é›†ã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã“ã®å–ã‚Šçµ„ã¿ã®ç›®çš„ã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ï¼š ã‚³ãƒ¼ãƒ‰å“è³ªã®å‘ä¸Šã¨çµ±ä¸€ é–‹ç™ºãƒãƒ¼ãƒ ãƒ¡ãƒ³ãƒãƒ¼ã®æŠ€è¡“ã‚¹ã‚ãƒ«å‘ä¸Š ã€Œã©ã†ã€ç›´ã™ã‹ã§ã§ã¯ãªãã€Œãªãœã€ãã†ä¿®æ£ã™ã¹ãã‹ã¾ã§ç†è§£ã—ã¦ã‚‹äººã‚’å¢—ã‚„ã™ åŠ¹çŽ‡çš„ãªé–‹ç™ºãƒ—ãƒã‚»ã‚¹ã®ç¢ºç«‹ å‰å›žã®è¨˜äº‹ã«ã¤ã„ã¦ã¯ã€ã“ã¡ã‚‰ã‚’å‚ç…§ä¸‹ã•ã„ã€‚ Reactãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹: react-hooks/exhaustive-de
mizdra 2024/07/06
Local Reasoning ã¨ã„ã†åå‰ä»˜ã„ã¦ãŸã‚“ã

web

react
ãƒªãƒ³ã‚¯
ã‚¤ãƒ™ãƒ³ãƒˆã®ãƒãƒ–ãƒªãƒ³ã‚°ã¯ DOM ãƒ„ãƒªãƒ¼ã§ã¯ãªã React ãƒ„ãƒªãƒ¼ã«å¾“ã†
ã‚¤ãƒ™ãƒ³ãƒˆã®ãƒãƒ–ãƒªãƒ³ã‚°ã¯ DOM ãƒ„ãƒªãƒ¼ã§ã¯ãªã React ãƒ„ãƒªãƒ¼ã«å¾“ã† 2022.10.08 ã‚¤ãƒ™ãƒ³ãƒˆã®ãƒãƒ–ãƒªãƒ³ã‚°ã¨ã¯ã€ã‚ã‚‹è¦ç´ ã§ç™ºç”Ÿã—ãŸã‚¤ãƒ™ãƒ³ãƒˆãŒãã®è¦ªè¦ç´ ã¾ã§ä¼æ’ã™ã‚‹ã“ã¨ã§ã™ã€‚React ã§ãƒãƒ¼ã‚¿ãƒ«ã‚’ä½¿ç”¨ã—ãŸå ´åˆã€DOM ãƒ„ãƒªãƒ¼çŠ¶è¦ªåé–¢ä¿‚ã§ãªã‹ã£ãŸã¨ã—ã¦ã‚‚ã€React ãƒ„ãƒªãƒ¼ä¸Šè¦ªåé–¢ä¿‚ã§ã‚ã‚Œã°ã‚¤ãƒ™ãƒ³ãƒˆãŒãƒãƒ–ãƒªãƒ³ã‚°ã•ã‚Œã¾ã™ã€‚ ã‚¤ãƒ™ãƒ³ãƒˆã®ãƒãƒ–ãƒªãƒ³ã‚°ã¨ã¯ ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã‚¤ãƒ™ãƒ³ãƒˆãŒç™ºç”Ÿã—ãŸã¨ãã€ã‚ãƒ£ãƒ—ãƒãƒ£ãƒªãƒ³ã‚°ã¨ãƒãƒ–ãƒªãƒ³ã‚°ã® 2 ã¤ã®æ®µéšŽã«åˆ†ã‘ã¦å‹•ä½œã—ã¾ã™ã€‚ã‚ãƒ£ãƒ—ãƒãƒ£ãƒªãƒ³ã‚°ã§ã¯ã¾ãšæœ€ä¸Šä½ã®è¦ªè¦ç´ ï¼ˆé€šå¸¸ <html>ï¼‰ã«ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ãŒç™»éŒ²ã•ã‚Œã¦ã„ã‚‹ã‹èª¿ã¹ã¦ã€ã‚ã‚Œã°ãã‚Œã‚’å®Ÿè¡Œã—ã¾ã™ã€‚æ¬¡ã«å†…å´ã®è¦ç´ ã«å†™ã£ã¦åŒæ§˜ã®ã“ã¨ã‚’ç¹°ã‚Šè¿”ã—ã€å®Ÿéš›ã«ã‚¤ãƒ™ãƒ³ãƒˆãŒç™ºç”Ÿã—ãŸè¦ç´ ãŒåˆ°é”ã™ã‚‹ã¾ã§ç¹°ã‚Šè¿”ã—ã¾ã™ã€‚ãƒãƒ–ãƒªãƒ³ã‚°ã®æ®µéšŽã§ã¯ã‚ãƒ£ãƒ—ãƒãƒ£ãƒªãƒ³ã‚°ã®é€†ã®ã“ã¨ãŒèµ·ã“ã‚Šã¾ã™ã€‚å®Ÿéš›ã«ã‚¤ãƒ™ãƒ³ãƒˆãŒç™ºç”Ÿã—ãŸè¦ç´ ã«ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ãŒã‚ã‚‹ã‹
mizdra 2022/10/10
react

web
ãƒªãƒ³ã‚¯
N äºˆå‚™æ ¡ã« Visual Regression Testing ã‚’å°Žå…¥ã—ãŸè©± + tips - ãƒ‰ãƒ¯ãƒ³ã‚´æ•™è‚²ã‚µãƒ¼ãƒ“ã‚¹é–‹ç™ºè€…ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€‚N äºˆå‚™æ ¡ Web ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºãƒãƒ¼ãƒ ã® berlysia ã§ã™ã€‚ N äºˆå‚™æ ¡ã® Web ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«ã€ Storycap + reg-suit ã«ã‚ˆã‚‹ Visual Regression Testing ã‚’å°Žå…¥ã—ã¾ã—ãŸã€‚è¨å®šã®å·¥å¤«ã‹ã‚‰ã€è¨å®šä¸ã‚„é‹ç”¨ã—ã¦ã—ã°ã‚‰ãã®é–“ã«å®Ÿéš›ã«ç™ºç”Ÿã—ãŸãƒãƒžã‚Šã©ã“ã‚ã‚’æŒ™ã’ã€ç°¡å˜ã«æ³¨æ„ç‚¹ã‚„å¯¾å‡¦ä¾‹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ èƒŒæ™¯ Näºˆå‚™æ ¡ã«ã¤ã„ã¦ N äºˆå‚™æ ¡ã¯ãƒ‰ãƒ¯ãƒ³ã‚´ãŒæä¾›ã™ã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³å¦ç¿’ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚å¤§å¦å—é¨“å¯¾ç–ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã€æ©Ÿæ¢°å¦ç¿’ãªã©å¤šæ§˜ãªã‚³ãƒ¼ã‚¹ãŒã‚ã‚Šã¾ã™ã€‚ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§ã®åˆ©ç”¨ã«åˆã‚ã›ãŸæ•™æã‚„ã€è¬›å¸«ãŒç”Ÿæ”¾é€ã§è¡Œã†æŽˆæ¥ã€å—è¬›è€…åŒå£«ã§ã‚‚è³ªå•ã—æ•™ãˆã‚ãˆã‚‹ãƒ•ã‚©ãƒ¼ãƒ©ãƒ ã‚’å‚™ãˆã¦ã„ã¾ã™ã€‚ www.nnn.ed.nico å‘¨è¾ºçŠ¶æ³ N äºˆå‚™æ ¡ã® Web ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã¨ãã‚Œã‚’å–ã‚Šå·»ãçŠ¶æ³ã«ã¯ã€æ¬¡ã®ã‚ˆã†ãªç‰¹å¾´ãŒã‚ã‚Šã¾ã™ã€‚ React ã«ã‚ˆã‚‹
mizdra 2021/04/30
è‰¯ã„ / dockeråŒ–ã—ãŸã‚‰localã§ã‚‚codebuildä¸Šã§ã‚‚åŒã˜ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°çµæžœã«ãªã£ã¦ã€localã§ã‚‚Visual Regression Testing èµ°ã‚‰ã›ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šãã†

testing

web

javascript

react

css
ãƒªãƒ³ã‚¯
You Need to know SSR - Speaker Deck
ng-japan ã§ç™ºè¡¨ã—ãŸ Server Side Rendering ã®è³‡æ–™ã§ã™ã€‚
mizdra 2020/11/14
è‰¯ã„ã€‚2020å¹´ç‰ˆã‚ã‚Œã°èžã„ã¦ã¿ãŸã„ã€‚

javascript

ssr

spa

react

performance

web
ãƒªãƒ³ã‚¯
React Native for Webã‚’ãƒ—ãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ã§ä½¿ã£ã¦ã¿ã¾ã—ãŸ - agri-note inside
ã“ã‚“ã«ã¡ã¯ã€ãƒ¢ãƒã‚¤ãƒ«ãƒãƒ¼ãƒ ã®ä¸å·[twitter:@nkzn]ã§ã™ã€‚ 5æœˆ22æ—¥ã«ãƒ—ãƒ¬ã‚¹ãƒªãƒªãƒ¼ã‚¹ãŒã‚ã£ãŸææºã§ç´¹ä»‹ã•ã‚Œã¦ã„ãŸã‚¢ãƒ—ãƒªã§ã¯ã€React NativeåŠã³React Native for Webã‚’æŽ¡ç”¨ã—ã¦ã„ã¾ã™ã€‚ã“ã¡ã‚‰ã«ã¤ã„ã¦æŠ€è¡“çš„ãªå´é¢ã‹ã‚‰ï¼ˆå½“ãŸã‚Šéšœã‚Šã®ãªã„ç¯„å›²ã§*1ï¼‰äº‹ä¾‹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ çµŒç·¯ 5/22ã«ã€è¾²æ¥ç·åˆç ”ç©¶æ‰€ã•ã‚“ã¨ã®æ¥å‹™ææºå¥‘ç´„ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ www.agri-note.jp è¾²æ¥ç·åˆç ”ç©¶æ‰€ã•ã‚“ã¯ã€7000ä»¶ä»¥ä¸Šã®è¾²å®¶ã•ã‚“ã‹ã‚‰é‡Žèœã‚’é›†è·ã—ã€å…¨å›½å„åœ°ã®ã‚¹ãƒ¼ãƒ‘ãƒ¼ãªã©ã«è¨ç½®ã•ã‚ŒãŸç›´å£²ã‚³ãƒ¼ãƒŠãƒ¼ã€Œè¾²å®¶ã®ç›´å£²æ‰€ã€ã«é‡Žèœã‚’å‡ºè·ã—ã¦ã„ã‚‹ã€è¾²ç”£ç‰©ã®æµé€šãƒ»è²©å£²ãƒ»ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ã‚’æ‰‹ãŒã‘ã‚‹è¾²æ¥ãƒ™ãƒ³ãƒãƒ£ãƒ¼ã§ã™ã€‚ ï¼ˆä¸Šè¨˜ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã¯2018å¹´7æœˆ18æ—¥ç¾åœ¨ã®ã‚‚ã®ã§ã™ï¼‰ www.nousouken.co.jp ä»Šå›žã®æ¥å‹™ææºã«ã‚ˆã‚Šã€å…±åŒã§ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºã‚’è¡Œã£ã¦ã„ãã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚
mizdra 2019/09/22
react

react native

ios

android

web
ãƒªãƒ³ã‚¯
React Nativeã‚’Webã«æŒã£ã¦ãã‚‹ã“ã¨ã®æ„å‘³ - ãƒŠã‚«ã‚¶ãƒ³ãƒ‰ãƒƒãƒˆãƒãƒƒãƒˆ
ãƒ–ãƒ©ã‚¦ã‚¶ã¯GUIã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã§ã¯ãªã„ Flexboxã«ã¤ã„ã¦ React DOMã¯GUIã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã¯ãªã„ React Nativeã¯GUIã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã®æŠ½è±¡ã§ã‚ã‚‹ React Native for WebãŒãƒ–ãƒ©ã‚¦ã‚¶ã«æŒã¡è¾¼ã‚“ã ã‚‚ã® ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒä¾¿åˆ© ã‚¹ã‚¿ã‚¤ãƒ«å‘¨ã‚Šã‚‚è‰¯ã„æ„Ÿã˜ TouchableOpacityã§ã‚¿ãƒƒãƒ—è¡¨ç¾ã‚‚ãƒ©ã‚¯ãƒ©ã‚¯ ä»–ã«ã‚‚ã„ã‚ã„ã‚ã‚ã‚‹ã‘ã© ãƒ—ãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³äº‹ä¾‹ãŒå¼·ã™ãŽã‚‹ ä½œè€…ã®necolasã‚‚èªžã£ã¦ãŸ ã¾ã¨ã‚ ä½™è«‡ï¼šReactç³»ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ React Native for Webã¯ã€React Nativeã‚’Webã«æŒã¡è¾¼ã‚€è©¦ã¿ã§ã™ã€‚ ã—ã°ã—ã°ã€ã“ã†ã„ã£ãŸè©¦ã¿ã«å¯¾ã—ã¦ã€Œã‚ã‘ãŒã‚ã‹ã‚‰ãªã„ã€ã€Œæœ¬æœ«è»¢å€’ã§ã‚ã‚‹ã€ã¨ã„ã£ãŸæ„è¦‹ã‚’è¦‹ã‹ã‘ã¾ã™ãŒã€ç†è€…ã¯å¦¥å½“ãªè©¦ã¿ã§ã‚ã‚‹ã¨ã„ã†å°è±¡ã‚’æŒã£ã¦ã„ã¾ã™ã€‚ã¡ã‚‡ã£ã¨é ã®ä¸
mizdra 2019/09/22
react

ios

android

web
ãƒªãƒ³ã‚¯
Nintendo Switchã®ä¸ã§ã¯ReactãŒå‹•ã„ã¦ã‚‹ï¼Nintendo eShopé–‹ç™ºç§˜è©±ã‚’èžã„ã¦ããŸ
Nintendo Switchã®ä¸ã§ã¯ReactãŒå‹•ã„ã¦ã‚‹ï¼Nintendo eShopé–‹ç™ºç§˜è©±ã‚’èžã„ã¦ããŸ ç™½çŸ³ ä¿Šå¹³ï¼ˆHTML5 Experts.jpç·¨é›†é•·ï¼‰ ã“ã‚“ã«ã¡ã¯ã€ç·¨é›†é•·ã®ç™½çŸ³ã§ã™ã€‚ ã“ã®è¨˜äº‹ã¯ã€9æœˆ24æ—¥ã«é–‹å‚¬ã•ã‚ŒãŸHTML5 Conference 2017ã«ç™»å£‡ã—ãŸã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆã«ã€ãŠè©±ã•ã‚ŒãŸã‚»ãƒƒã‚·ãƒ§ãƒ³ã®ãƒˆãƒ”ãƒƒã‚¯ã‚’ä¸å¿ƒã«èªžã£ã¦ã„ãŸã ã“ã†ã¨ã†ã„ã‚‚ã®ã§ã™ã€‚ã‚»ãƒƒã‚·ãƒ§ãƒ³ã®å†…å®¹ã‚’ã‚ˆã‚Šæ·±ãç†è§£ã™ã‚‹æ‰‹åŠ©ã‘ã«ãªã‚‹ã ã‘ã§ãªãã€æœ¬è¨˜äº‹å˜ä½“ã§ã‚‚é¢ç™½ãèªã‚“ã§ã„ãŸã ã‘ã‚‹ã“ã¨ã‚’ç›®æŒ‡ã—ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯ã€ã€ŒNintendo Switchã¨Webã€ã¨ã„ã†è¬›æ¼”ã‚’ã•ã‚Œã¦ã„ãŸä»»å¤©å ‚ã•ã‚“ã«ã€Switché–‹ç™ºã«ãŠã‘ã‚‹WebæŠ€è¡“ã®æ´»ç”¨æ–¹æ³•ã‚„ã€é–‹ç™ºç§˜è©±ã‚’ä¼ºã£ã¦ãã¾ã—ãŸã€‚ä»»å¤©å ‚ã®ãŠäºŒäººã¯äº¬éƒ½ã‹ã‚‰ã€ãƒªãƒ¢ãƒ¼ãƒˆã§ã®å–æã«å¿œã˜ã¦ã„ãŸã ãã¾ã—ãŸã€‚ Nintendo Switchã§ã¯WebæŠ€è¡“ãŒå¤§æ´»èºï¼ ç™½çŸ³ ç°¡å˜ã«è‡ªå·±ç´¹ä»‹ã‚’ãŠé¡˜ã„ã§
mizdra 2017/11/07
web

React

javascript
ãƒªãƒ³ã‚¯
ã‚„ã¯ã‚ŠHTML/DOMã¯å†ç™ºæ˜Žã•ã‚Œã‚‹ã¹ãã˜ã‚ƒãªã„ã‹ - mizchi's blog
ã¨æ€ã†æ¬¡ç¬¬ã§ã‚ã‚‹ã€‚ä»¥ä¸‹ç†ç”±ã€‚ JavaScript, GUIè¨è¨ˆã®ä»Š JSã¯ãã®ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ç‰¹æ€§ä¸Šã€ã‚ã‚‰ã‚†ã‚‹è¨€èªžã®ä½¿ç”¨è€…ã®ã€ã‚ã‚‰ã‚†ã‚‹ä¸æº€ãŒé›†ã¾ã‚‹å ´æ‰€ã§ã€ãƒ˜ã‚¤ãƒˆã‚’é›†ã‚ã‚„ã™ã„ç’°å¢ƒã ã¨æ€ã†ã€‚è¿‘å¹´ã¯ npm ã¨ã„ã†ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã®ç™»å ´ã§ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ãŒç”Ÿã¾ã‚Œã€æ€ã„ã¤ãé™ã‚Šã‚ã‚‰ã‚†ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ãŒé©ç”¨ã•ã‚Œã¦ããŸã€‚è²§å¼±ãªè¨€èªžåŸºç›¤ã ãŒã€ãã®ä¸ã§ç”Ÿãæ®‹ã£ãŸæ–¹æ³•è«–ãŒã€ä»Šä¸€ç•ªGUIã®èª²é¡Œã‚’ä¸Šæ‰‹ãæ‰±ãˆã¦ã„ã‚‹ã€ã¨è‡ªåˆ†ã¯è€ƒãˆã¦ã„ã‚‹ã€‚ React/Redux ã‚„ Angular ã«ã‚ˆã£ã¦ã€Flux/MVVMã¨ã„ã†æŠ½è±¡ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒæž¯ã‚Œã¦ããŸã‚ˆã†ã«æ€ã†ã€‚(ã“ã®éš›ã€ç¾å ´ã¯ã¾ã jQuery ã ãžã€ã¿ãŸã„ãªè©±ã¯ç„¡è¦–ã™ã‚‹)ã€‚è¦ã¯ View ã¯ State ã®å†™åƒã§ã‚ã‚‹ã€ã¨ã„ã†ã“ã¨ã«å°½ãã‚‹ã€‚State ã¯ã‚·ãƒªã‚¢ãƒ©ã‚¤ã‚ºå¯èƒ½(JSON)ã§ã€Flux Action/Rx.Observable ã® Event Stream ã‚’å…¥åŠ›ã¨ã—ã€ãã‚Œ
mizdra 2017/10/03
javascript

flux

web

react
ãƒªãƒ³ã‚¯
1