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

kakku22 id:kakku22

reactã«é–¢ã™ã‚‹kakku22ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (24)

${{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ã§UIã‚’çµ„ã‚“ã§ã¿ã‚‹ãƒ¯ãƒ¼ã‚¯ã‚·ãƒ§ãƒƒãƒ—ã‚’ã‚„ã£ã¦ã¿ãŸ - freee Developers Hub
ã“ã‚“ã«ã¡ã¯ã€freeeã®UXãƒãƒ¼ãƒ ã® id:ymrl ã§ã™ã€‚ ä»Šæ—¥ã¯ã‚¢ã‚¦ãƒˆãƒ—ãƒƒãƒˆâ†’æ€è€ƒãƒ‡ãƒ¼ã¨ã„ã†ã“ã¨ã§ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘ã«Reactã§UIã‚’çµ„ã‚€ãƒ¯ãƒ¼ã‚¯ã‚·ãƒ§ãƒƒãƒ—ã‚’ã„ããªã‚Šã‚„ã£ã¦ã¿ãŸè©±ã‚’æ›¸ã“ã†ã¨æ€ã„ã¾ã™ã€‚ ç§ã¯æ˜¨å¹´ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ãªã‚Šã¾ã—ãŸ ã€‚ãã—ã¦ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®å´ã«ç«‹ã£ã¦ã¿ã‚‹ã¨ã€ã„ã‚ã„ã‚ã¨åŠ¹çŽ‡ãŒæ‚ªã„ãªã¨æ€ã†ã¨ã“ã‚ãŒå¤šãã€ãã“ã‚’ã©ã†ã«ã‹æ‰“é–‹ã§ããªã„ã‹ã¨æ€ã£ã¦ã‚„ã£ã¦ã¿ãŸã®ãŒã“ã®ãƒ¯ãƒ¼ã‚¯ã‚·ãƒ§ãƒƒãƒ—ã§ã™ã€‚ ã—ã‹ã—ã¾ã ãã®çŠ¶æ³ã¯æ‰“é–‹ã§ãã¦ã„ã¾ã›ã‚“ã€‚ã“ã®è¨˜äº‹ã¯ãã‚“ãªä¸é€”åŠç«¯ãªçŠ¶æ…‹ã®è©±ã§ã™ã€‚ freee ã®UIé–‹ç™ºã®ç¾å ´ã€ç§ã®å•é¡Œæ„è˜ å‰æã¨ã—ã¦ã€freeeã®UIé–‹ç™ºã«ã¤ã„ã¦èª¬æ˜Žã—ãªã‘ã‚Œã°ã„ã‘ã¾ã›ã‚“ã€‚ ç§ãŒãƒ¡ã‚¤ãƒ³ã§ã‚„ã£ã¦ã„ã‚‹ã®ã¯Vibesã¨ã„ã†ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã®é–‹ç™ºã§ã™ã€‚Vibesã¯freeeã®Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®UIã‚’çˆ†é€Ÿã§ãƒã‚¤ã‚¯ã‚ªãƒªãƒ†ã‚£ã«é–‹ç™ºã§ãã‚‹çŠ¶æ…‹ã‚’ç›®æŒ‡ã—ã¦ã„ã¾ã™ã€‚ãã‚Œä»¥å¤–ã«ã‚‚ã€ç¤¾å†…ã®ã‚¢ã‚¯
kakku22 2020/03/20
ç´ æ™´ã‚‰ã—ã„å–ã‚Šçµ„ã¿ï¼ç¶™ç¶šçš„ã«å®Ÿæ–½ã§ãã‚‹ã¨è‰¯ã„ã§ã™ãï¼ç¶šç·¨ã‚ã‚Œã°æ¥½ã—ã¿ã€œ

react

ui
ãƒªãƒ³ã‚¯
2020 å¹´ã€ React è»¸ã§å¦ã¶ã¹ãæŠ€è¡“ - mizchi's blog
ãªãœä»®æƒ³ DOM ã¨ã„ã†æ¦‚å¿µãŒä¿ºé”ã®é‚ã‚’éœ‡ãˆã•ã›ã‚‹ã®ã‹ - Qiita ã‹ã‚‰ 5 å¹´çµŒã¡ã€ ä»®æƒ³ DOM ã‚’å‚™ãˆãŸ React ã‚„ãã‚Œã‚’æŽ¡ç”¨ã—ãŸ Vue ã‚„ä»–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚‚å¸‚æ°‘æ¨©ã‚’å¾—ãŸã‚ˆã†ã«æ€ã„ã¾ã™ã€‚ æœ‰ç”¨ãªæŠ€è¡“ãŒå¸‚æ°‘æ¨©ã‚’å¾—ã‚‹ã€ã¨ã„ã†ã®ã¯ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ãŒèŠ±é–‹ãã“ã¨ã§ã‚‚ã‚ã‚Šã¾ã™ã€‚æ–°ã—ã„ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’ä½œã‚‹éš›ã®æŠ€è¡“é¸å®šã«ãŠã„ã¦ã€ TypeScript + React ãŒå¸¸ã«æ£è§£ã¨ã„ã†ã‚ã‘ã§ã¯ãªã„ã§ã™ãŒã€ã“ã®ã‚¹ã‚¿ãƒƒã‚¯ã¯ã‹ãªã‚Šå¼·åŠ›ã ã¨ã„ã†æ‰‹å¿œãˆãŒã‚ã‚Šã¾ã™ã€‚ ã“ã®ã‚¹ã‚¿ãƒƒã‚¯ã¯å¾—æ„ã®ã‚¦ã‚§ãƒ–ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¯å‹¿è«–ã€ãã‚Œä»¥å¤–ã‚‚ã¨ã‚Šã‚ãˆãš 80 ç‚¹ãã‚‰ã„ã®å“è³ªã§ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°ã§ãã‚‹ã€ã¨ã„ã†ã‚ˆã†ãªã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã«ãªã£ã¦ããŸã‚ˆã†ãªè‚Œæ„ŸãŒã‚ã‚Šã¾ã™ã€‚ ãƒ¢ãƒ€ãƒ³ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã ã¨ TypeScript ã¨ Webpack ã¯æŽ¡ç”¨ã—ã¦ã„ã‚‹ã®ã‚’å‰æã¨ã—ã¦ã€æœ¬è¨˜äº‹ã§ã¯ React ã‚’è»¸ã«ãã®æŠ€è¡“ã‚’æ´»ã‹ã™ãŸã‚ã«ã€æ¬¡ã® 6 å€‹ã®æŠ€è¡“ã‚’ç´¹ä»‹
kakku22 2020/01/04
ã¨ã£ã¦ã‚‚å‚è€ƒã«ãªã‚‹è¨˜äº‹ï¼Žã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ï¼Žãã—ã¦é‚ãŒéœ‡ãˆã¦ã‹ã‚‰ã‚‚ã†5å¹´ãªã®ã‹ï¼ˆæ»æ±—

react
ãƒªãƒ³ã‚¯
REST to GraphQL Workshop :: AppSync Workshop
navigation Migrate an existing applications RESTful APIâ€™s to GraphQL using AWS Amplify and AWS AppSync Welcome! In this workshop you will take an existing stock trading application written with React and AWS Amplify. you will convert its existing RESTful API from REST ( Amazon API-Gateway ) to using GraphQL ( AWS AppSync ). In doing so you will also explore the benefits that GraphQL API's have ove
kakku22 2019/12/26
Amplify ã¨ AppSync ã‚’ä½¿ã£ã¦ SPA ã‚’ä½œã‚‹ï¼Žæœ€åˆã« CDK ã§ä½œã‚‹ãƒªã‚½ãƒ¼ã‚¹ã®ç¨®é¡žãŒå¤šãã¦ã¡ã‚‡ã£ã¨ãƒ“ãƒƒã‚¯ãƒªã™ã‚‹

aws

workshop

appsync

amplify

react
ãƒªãƒ³ã‚¯
React Conf 2019ã«å‚åŠ ã—ãŸè©± - sasurau4ã®ãƒ–ãƒã‚°
ã¯ã˜ã‚ã« PDTã§10/23 - 10/25ã«é–‹å‚¬ã•ã‚ŒãŸReact Conf 2019ã«å‚åŠ ã—ã¦ããŸã®ã§ã€ãã®å‚åŠ ãƒ¬ãƒãƒ¼ãƒˆã§ã™ã€‚ ç†è€…ã®è‹±èªžåŠ›ãŒé ¼ã‚Šãªã„ãŸã‚ã€å†…å®¹ã®æ£ç¢ºæ€§ã«ä¿è¨¼ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã¾ãŸã€äººåã¯ã™ã¹ã¦æ•¬ç§°ç•¥ã§ã™ã€‚ ã“ã“ã«æ›¸ããã‚Œãªã‹ã£ãŸå†…å®¹ã«ã¤ã„ã¦ã¯ã€ãŠä¼šã„ã—ãŸã¨ãã«é…’ã®è‚´ã¨ã—ã¦èžã„ã¦ãã ã•ã„ã€‚ å‚åŠ ã—ãŸçµŒç·¯ CFPå‹Ÿé›†ã—ã¦ãŸã‹ã‚‰å¿œå‹Ÿã—ãŸ æŽ¡æŠžã•ã‚Œãªã‹ã£ãŸã‘ã©ã€ãŠã¾ã‘ã§æŠ½é¸å…é™¤ã§ãƒã‚±ãƒƒãƒˆè³¼å…¥ã§ãã‚‹æ¡ˆå†…ãŒããŸ ã›ã£ã‹ãã ã—ã€è‡ªå‰ã§ãƒã‚±ãƒƒãƒˆè²·ã£ã¦è¡Œãã“ã¨ã«ã—ãŸ ãªã‚“ã‚„ã‹ã‚“ã‚„ã§10/11ã®TSConfã‚‚è¡Œãã“ã¨ã«ã—ãŸ ã©ã†ã—ã¦ã“ã†ãªã£ãŸã‚“ã ã‚ã†ðŸ¤” ã¡ãªã¿ã«ã€æ™‚ç³»åˆ—çš„ã«ã¯USã«3é€±é–“å¼±æ»žåœ¨ã—ã¦ãŸã†ã¡ã®ç¬¬ä¸‰éƒ¨ã§ã™ã€‚ ç¬¬ä¸€éƒ¨TSConfç·¨ã¨ç¬¬äºŒéƒ¨Los Angelesç·¨ã¯è¿‘ã„ã†ã¡ã«æ›¸ãã¾ã™ã€‚ å‚è€ƒãƒªãƒ³ã‚¯ conf.reactjs.org www.youtube.com www.youtube
kakku22 2019/10/31
React ã«æŸ“ã¾ã‚‹2æ—¥ï¼ãŠãŠãƒ¼ï¼ã„ã‚ã„ã‚è©±ã•ã‚Œã¦ã¦å…¨ããƒã‚ã£ã¦ãªã„ã¨æ€ã†ï½—ã™ã’ã‡

react
ãƒªãƒ³ã‚¯
ãƒ•ãƒƒã‚¯ API ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ â€“ React
ã“ã®è¨˜äº‹ã¯å¤ããªã£ã¦ãŠã‚Šã€ä»Šå¾Œæ›´æ–°ã•ã‚Œã¾ã›ã‚“ã€‚æ–°ã—ã„ React æ—¥æœ¬èªžãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã§ã‚ã‚‹ ja.react.dev ã‚’ã”åˆ©ç”¨ãã ã•ã„ã€‚ ä»¥ä¸‹ã®æ–°ã—ã„ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã§æœ€æ–°ã® React ã®ä½¿ã„æ–¹ãŒå¦ã¹ã¾ã™ã€‚ react: ãƒ•ãƒƒã‚¯ ãƒ•ãƒƒã‚¯ (hook) ã¯ React 16.8 ã§è¿½åŠ ã•ã‚ŒãŸæ–°æ©Ÿèƒ½ã§ã™ã€‚state ãªã©ã® React ã®æ©Ÿèƒ½ã‚’ã€ã‚¯ãƒ©ã‚¹ã‚’æ›¸ã‹ãšã«ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯ React çµ„ã¿è¾¼ã¿ã®ãƒ•ãƒƒã‚¯ã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚ ãƒ•ãƒƒã‚¯ãŒåˆã‚ã¦ã®æ–¹ã¯ã€å…ˆã«æ¦‚è¦ãƒšãƒ¼ã‚¸ã‚’ç¢ºèªã—ã¦ãã ã•ã„ã€‚ã‚ˆãã‚ã‚‹è³ªå•ã«ã‚‚æœ‰ç”¨ãªæƒ…å ±ãŒæŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚ åŸºæœ¬ã®ãƒ•ãƒƒã‚¯ useState useEffect useContext è¿½åŠ ã®ãƒ•ãƒƒã‚¯ useReducer useCallback useM emo useRef useImperativeHandle useLayoutEffect useDeb
kakku22 2019/10/21
react
ãƒªãƒ³ã‚¯
React Developer Tools - Chrome Web Store
Adds React debugging tools to the Chrome Developer Tools. Created from revision 44c3d3d665 on 2/7/2025. React Developer Tools is a Chrome DevTools extension for the open-source React JavaScript library. It allows you to inspect the React component hierarchies in the Chrome Developer Tools. You will get two new tabs in your Chrome DevTools: "Components âš›" and "Profiler âš›". The Components tab shows
kakku22 2019/10/04
chrome

react
ãƒªãƒ³ã‚¯
CodeSandbox: Instant Cloud Development Environments
New CodeSandbox is now part of Together AI! We have joined forces to launch CodeSandbox SDK and bring code interpretation to generative AI.
kakku22 2019/09/12
ã“ã‚Œã¯ã™ã”ã„

react

vue
ãƒªãƒ³ã‚¯
ã€2019å¹´ç‰ˆã€‘ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒ React ã§ãƒ¢ãƒ€ãƒ³ãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’å§‹ã‚ã‚‹ã¾ã§ - Feedforce Developer Blog
id:daido1976 ã§ã™ã€‚å…¥ç¤¾ã—ã¦ã‹ã‚‰ã‚ã£ã¨ã„ã†é–“ã«1å¹´ãŒçµŒã£ã¦ã„ã¾ã—ãŸã€‚ ç›´è¿‘3ãƒ¶æœˆã»ã©ãƒ—ãƒ©ã‚¤ãƒ™ãƒ¼ãƒˆã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã®å‹‰å¼·ã‚’ã—ã¦ã„ãŸã®ã§ã™ãŒã€ã“ã“æ•°å¹´ã§ CSS ã® Grid ã‚„ React ã® Hooks ãŒæ–°ã—ãå°Žå…¥ã•ã‚ŒãŸã“ã¨ãªã©ã‚‚ã‚ã‚Šã€å°‘ã—å¤ã„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã ã¨æ•™æã¨ã—ã¦å½¹ç«‹ãŸãªã„1 ã¨æ„Ÿã˜ã‚‹ã“ã¨ãŒå¤šã‹ã£ãŸã®ã§ã€æœ¬è¨˜äº‹ã§ã¯ç§ãŒå®Ÿéš›ã«ã‚„ã£ã¦ã¿ãŸä¸ã§ 2019å¹´æ™‚ç‚¹ã§ ã‚ªã‚¹ã‚¹ãƒ¡ã§ãã‚‹ã¨åˆ¤æ–ã—ãŸæ•™æã‚„å¦ã³æ–¹ã‚’çš†ã•ã‚“ã«ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« ã‚„ã£ãŸã“ã¨ JavaScript MDN ã® JavaScript ã®éƒ¨åˆ†ã‚’èªã‚€ & æ‰‹ã‚’å‹•ã‹ã™ JavaScript Primer ã‚’èªã‚€ YouTube å‹•ç”»ã§ Promise ã‚’å¦ã¶ ãƒ‡ãƒãƒƒã‚°æ–¹æ³•ã‚’å¦ã¶ React React å…¬å¼ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’2å‘¨ã™ã‚‹ egghead.io ã®å‹•ç”»ã§ Redux ã‚’å¦ã¶ ãƒ˜ãƒ«ã‚·ãƒ³ã‚å¤§å¦ã®
kakku22 2019/09/05
ç¢ºã‹ã«ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®â—‹Ã—ã‚²ãƒ¼ãƒ ã¯ Hooks å…¥ã£ã¦ãªã„ã‘ã©è‰¯ã‹ã£ãŸ

react

redux
ãƒªãƒ³ã‚¯
ã“ã‚Œã‹ã‚‰ã¯ã˜ã‚ã‚‹React Hooks
Creating an Effective Media Campaign and Attracting Event Sponsors
kakku22 2019/09/03
ã“ã‚Œã¯è‰¯ã„è³‡æ–™ï¼å®Ÿéš›ã«æ›¸ã„ã¦ã¿ãªã„ã¨ãƒ¼

react
ãƒªãƒ³ã‚¯
Introduction - Semantic UI React
jQuery FreejQuery is a DOM manipulation library. It reads from and writes to the DOM. React uses a virtual DOM (a JavaScript representation of the real DOM). React only writes patch updates to the DOM, but never reads from it. It is not feasible to keep real DOM manipulations in sync with React's virtual DOM. Because of this, all jQuery functionality has been re-implemented in React.
kakku22 2019/08/27
react

css
ãƒªãƒ³ã‚¯
reactã®åŸºç¤Žã¨è¨è¨ˆãƒ‘ã‚¿ãƒ¼ãƒ³
https://supporterzcolab.com/event/822/ ã®ç™»å£‡è³‡æ–™ã§ã™ï¼ å‚è€ƒãƒªãƒã‚¸ãƒˆãƒªã¯ã“ã¡ã‚‰ã§ã™ã€‚https://github.com/Dragon-taro/spz-react
kakku22 2019/05/14
Redux ã®ã¨ã“ã‚ã¯è©¦ã—ãªãŒã‚‰èªã¿ç›´ãã†

react

redux
ãƒªãƒ³ã‚¯
WEBã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å‹‰å¼·ä¼š åˆLTæ„Ÿæƒ³ã¨å‚åŠ ãƒ¬ãƒãƒ¼ãƒˆ / ã€ŒMDX-Deckã¨Code Surferã§ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ä½œã‚ã†ï¼ã€è£œè¶³æƒ…å ± | Takumon Blog
ãªã«ã“ã‚Œ 2019/2/1(é‡‘)ã€WEBã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å‹‰å¼·ä¼š #11ã§LTã—ã¦ãã¾ã—ãŸã€‚ æœ¬è¨˜äº‹ã§ã¯è‡ªåˆ†ã®LTã‚¹ãƒ©ã‚¤ãƒ‰ã¨ã€10åˆ†ã®æž ã§ã¯ä¼ãˆãã‚Œãªã‹ã£ãŸè£œè¶³æƒ…å ±ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã¾ãŸä»–ã®æ–¹ã®LTã®æ§˜åã‚„ã€å‹‰å¼·ä¼šã®é›°å›²æ°—ãªã©ã‚‚å‚åŠ ãƒ¬ãƒãƒ¼ãƒˆã¨ã—ã¦æ›¸ã„ã¦ã„ã¾ã™ã€‚ LTã®åéŸ¿ Twitterã‚’è¦‹ã‚‹ã¨MDX-Deckã«å°‘ã—ã§ã‚‚èˆˆå‘³ã‚’ã‚‚ã£ã¦ã„ãŸã ã‘ãŸã‚ˆã†ã§ã†ã‚Œã—ã„ã§ã™ã€‚ ã‚ˆãè€ƒãˆãŸã‚‰ã‚¹ãƒ©ã‚¤ãƒ‰ä½œæˆãƒ„ãƒ¼ãƒ«ã®ç´¹ä»‹ã‚’ã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ä½œã‚‹ã®ã£ã¦ãƒãƒ¼ãƒ‰ãƒ«é«˜ãã¦ã—ã‚“ã©ã„ã‚ˆãªãƒ»ãƒ»ãƒ» ã“ã‚“ãªè¡¨ç¾ãƒ»ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ãã‚‹ã‚“ã ãœã£ã¦è¦‹ã›ã¤ã‘ãªãã‚ƒã„ã‘ãªã„ã‚“ã ã‹ã‚‰ã€ãŸãã‚‚ã‚“ã•ã‚“ã™ã”ã„ #webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å‹‰å¼·ä¼š11 â€” ngmt (@ngmt83) February 1, 2019 éš£ã«åº§ã£ã¦ã„ã‚‹ã€ã¿ãšã‚Šã‚…ã•ã‚“ãŒæ‰‹ã«æŒã£ãŸã‚‚ã®ã‚’è½ã¨ã—ãã†ã«ãªã‚‹ãã‚‰ã„ã‚¹ã‚´ã‚¤ã€ãã‚ŒãŒ MDX-DECKï¼wã€€ã€€#WEBã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å‹‰å¼·ä¼š11 â€” ã„ã‚ã—ã¾ã‚“ (@
kakku22 2019/02/03
ãŠãƒ¼ï¼è¨˜äº‹ã®ã‚¯ã‚ªãƒªãƒ†ã‚£é«˜ã™ãŽï¼ç™»å£‡ã—ã¾ã—ã‚‡ã†ã¨ã‚ªã‚¹ã‚¹ãƒ¡ã—ã¦è‰¯ã‹ã£ãŸã§ã™ðŸŽ‰

react
ãƒªãƒ³ã‚¯
ãªãœ dev.to ãŒã“ã‚“ãªã«ã‚‚é€Ÿãã€ã“ã‚“ãªã«ã‚‚è‡ªåˆ†ã«ã¨ã£ã¦æ„Ÿå‹•çš„ãªã®ã‹
æœ€åˆã«ã„ã£ã¦ãŠãã€‚ã“ã‚Œã¯è² ã‘æƒœã—ã¿ã ã€‚ SPAã¨PWAã®ç¾çŠ¶ è‡ªåˆ†ã¯æ—¥æœ¬ã§Reactã®å‹æ‰‹ã‚¨ãƒ´ã‚¡ãƒ³ã‚¸ã‚§ãƒªã‚¹ãƒˆã¿ãŸã„ãªã“ã¨ã‚’ã‚„ã£ã¦ã„ã¦ã€SPAã®é‡ã‚ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚ˆãä½œã£ã¦ã‚‹ã‹ã‚‰ã‹ã€ã€ŒãŠå‰ã‚‰ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’ç‰©äº‹ã‚’ã‚„ã‚„ã“ã—ãã—ã¦ã€é‡ã„ãƒšãƒ¼ã‚¸ã‚’é‡ç”£ã—ã¦ã‚¦ã‚§ãƒ–ã‚’åŠ£åŒ–ã•ã›ã¦ã‚‹ã˜ã‚ƒãªã„ã‹ï¼ã€ã¿ãŸã„ãªæ‰¹åˆ¤ã‚’ã€åæŒ‡ã—ã§ã‚ˆãå—ã‘ã‚‹ã€‚ãªã‚“ã§åƒ•ã«ã„ã†ã‹ã‚ã‹ã‚‰ãªã„ã‘ã©ã€React = SPA ã¿ãŸã„ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã‚¹ã‚±ãƒ¼ãƒ—ã‚´ãƒ¼ãƒˆã«ã•ã‚Œã¦ã‚‹ã‚“ã ã‚ã†ã€‚ãã‚Œã¯ã¾ã‚ã„ã„ã€‚ è‡ªåˆ†ã®ä»•äº‹ã§SPAæŠ€è¡“ã‚’ä½¿ã†ã¨ã“ã‚ã¯ã€ã¡ã‚ƒã‚“ã¨å¿…è¦æ€§ã‚‚ã‚ã‚‹ã—ç†ç”±ã‚‚èª¬æ˜Žã§ãã‚‹ã€‚ãŸã ã€ã‚„ã¯ã‚Šè¿‘å¹´ã®è¤‡é›‘åŒ–/é‡é‡åŒ–ã«ã¤ã„ã¦æ€ã†ã¨ã“ã‚ã¯ã‚ã‚‹ã®ã§ã€é€†ã«æŒ¯ã£ã¦ AMP/PWA ã¨ã„ã†é¸æŠžè‚¢ã‚’æŒã£ã¦ãŠããŸãã¦ã€æ£ç›´è¨€ã†ã¨ä¾é ¼ã•ã‚ŒãŸR&Dã®ä»•äº‹ã§ã‚‚ã‚ã£ãŸã‚“ã ã‘ã©ã€ä¸€é€šã‚Šè¦šãˆãŸã€‚ãªã‚“ã ã‘ã©ã€ä»Šã®ã¨ã“ã‚ä»•äº‹ã§ä½¿ã†ã‚¿ã‚¤ãƒŸãƒ³ã‚°ãŒãªã„ã€‚ PWAæŠ€è¡“ã‚’ä»•äº‹ã§ä½¿ãˆãªã‹ã£ãŸç†ç”±ã¨ã—ã¦
kakku22 2017/11/16
ã‚¹ãƒ©ã‚¹ãƒ©èªã‚ã‚‹ã‚¨ãƒƒã‚»ã‚¤ã ï¼Žé¢ç™½ã„ï¼Žãã—ã¦ dev.to ã¯æœ¬å½“ã«æ—©ã„

web

react

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰
ãƒªãƒ³ã‚¯
ã‚¢ãƒ¡ãƒ–ãƒ2016 ~ React/Reduxã§ã¤ãã‚‹Isomorphic web app ~ | CyberAgent Developers Blog | ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆ ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚ºãƒ–ãƒã‚°
ã¿ãªã•ã‚“ã“ã‚“ã«ã¡ã¯ã€ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’ä¸å¿ƒã«é–‹ç™ºã—ã¦ã„ã¾ã™åŽŸ(@herablog)ã§ã™ã€‚ ã‚¢ãƒ¡ãƒ–ãƒã§ã¯ã€2016å¹´9æœˆã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’Javaãƒ™ãƒ¼ã‚¹ã®ã‚¢ãƒ—ãƒªã‹ã‚‰ã€node.jsãƒ»Reactãƒ™ãƒ¼ã‚¹ã®ã‚¢ãƒ—ãƒªã¸ã¨ã‚·ã‚¹ãƒ†ãƒ ã®ç§»è¡Œã‚’ãŠã“ãªã„ã¾ã—ãŸã€‚æœ¬è¨˜äº‹ã§ã¯ã€ãã®ç§»è¡Œã¸ã¨ã„ãŸã‚‹çµŒç·¯ã‚„ã‚´ãƒ¼ãƒ«ã€ã‚·ã‚¹ãƒ†ãƒ è¨è¨ˆã€ãã®çµæžœã«ã¤ã„ã¦ãŠä¼ãˆã—ã¾ã™ã€‚ ãƒªãƒªãƒ¼ã‚¹ç›´å¾Œã«æ°—ã¥ã„ã¦ã„ã‚‹ãƒ„ãƒ¯ãƒ¢ãƒŽãªæ–¹ã‚‚ã„ã‚‰ã£ã—ã‚ƒã„ã¾ã—ãŸã€‚ ã‚¢ãƒ¡ãƒ–ãƒã®SPç‰ˆãŒReactã®SSRã§ãƒ•ãƒ«ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ãŸã®ã‚’è¦³æ¸¬ã—ãŸ â€” hr (@hrloca) 2016å¹´9æœˆ1æ—¥ ã‚·ã‚¹ãƒ†ãƒ ç§»è¡Œã¸ã¨ã„ãŸã‚‹çµŒç·¯ 2004å¹´ã‹ã‚‰å§‹ã¾ã‚Šã€æ—¥æœ¬å›½å†…ã§æœ€å¤§è¦æ¨¡ã®ãƒ–ãƒã‚°ã‚µãƒ¼ãƒ“ã‚¹ã¨ãªã£ãŸã‚¢ãƒ¡ãƒ–ãƒã¯ã€ã‚·ã‚¹ãƒ†ãƒ ã®è‚¥å¤§åŒ–ã‚„å¤šæ•°ã®é–¢ä¿‚è€…ãŒå˜åœ¨ã—ãŸã“ã¨ã«ã‚ˆã‚‹ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãƒ»å°Žç·šã®æ€¥å¢—ãªã©ã®ç†ç”±ã«ã‚ˆã‚Šã€ãƒšãƒ¼ã‚¸è¡¨ç¤ºã‚¹ãƒ”ãƒ¼ãƒ‰ãŒé…ããªã‚Šã€ãƒšãƒ¼ã‚¸ãƒ“ãƒ¥ãƒ¼æ•°ã«ã‚‚æ˜Žã‚‰ã‹ã«å½±éŸ¿ã‚’ä¸Žãˆã‚‹ã‚ˆã†
kakku22 2017/01/05
ã“ã‚Œã¯å‡„ã„

cyberagent

react
ãƒªãƒ³ã‚¯
Reactã®å˜ç´”ãªã‚µãƒ³ãƒ—ãƒ«ã§Fluxã®å®Ÿè£…ã‚’è§£èª¬
å…ˆæ—¥ã€ŽFlux â€“ Dispatcherã€æ—¥æœ¬èªžè¨³ã€‘ã¨å®Ÿè£…ã®ãƒã‚¤ãƒ³ãƒˆã€ã¨ã„ã†è¨˜äº‹ã‚’æŠ•ç¨¿ã—ã¾ã—ãŸã€‚Fluxã®ç†è§£ã‚’æ·±ã‚ã‚‹ãŸã‚ã«ã€ãã®å®Ÿè£…ã®æ ¸ã¨ãªã‚‹Dispatcherã‚’ç†è§£ã™ã‚‹ã“ã¨ãŒå¤§äº‹ã ã¨æ€ã£ãŸã‹ã‚‰ã§ã™ã€‚ãŠã‹ã’ã§ã€ã‚ã‚‹ç¨‹åº¦Fluxã®ç†è§£é€²ã¿ã¾ã—ãŸã€‚ä»Šå›žã•ã‚‰ã«Fluxã‚’å®Ÿè£…ã™ã‚‹ã“ã¨ã§ã€ç†è§£ã‚’æ·±ã‚ãŸã„ã¨æ€ã„ã€ç°¡å˜ãªã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ã“ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’é€šã—ã¦ã€Fluxã®å®Ÿè£…æ–¹æ³•ã«ã¤ã„ã¦èª¬æ˜Žã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ã ã„ã¶é•·ããªã‚Šã¾ã—ãŸãŒã€ãœã²å‚è€ƒã«ã—ã¦ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ Fluxã®å®Ÿè£…ã‚µãƒ³ãƒ—ãƒ«ã¾ãšã¯ã‚µãƒ³ãƒ—ãƒ«ã‚’è¦‹ã¦ãã ã•ã„ã€‚ãƒ•ã‚©ãƒ¼ãƒ ã«å…¥åŠ›ã—ãŸãƒ†ã‚ã‚¹ãƒˆã‚’è¡¨ç¤ºã•ã›ã‚‹ã ã‘ã®ã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ã€‚ã¨ã¦ã‚‚å˜ç´”ã§ã™ãŒã€Fluxã‚’ä½¿ã£ã¦å®Ÿè£…ã—ã¦ã„ã¾ã™ã€‚ Fluxå®Ÿè£…ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ â€“ GitHubFluxå®Ÿè£…ã®èª¬æ˜Žã®å‰ã«Fluxã¨ã¯ FluxFluxã¯ã€Œã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³
kakku22 2016/02/29
react

flux
ãƒªãƒ³ã‚¯
å‡ºæ¥ã‚‹é™ã‚ŠçŸãèª¬æ˜Žã™ã‚‹ReactJSå…¥é–€ - Qiita
VTeacher æ‰€å±žã® Masaki Suzuki ã§ã™ã€‚ â€»å„é …ç›®ã‚’ã§ãã‚‹ã ã‘3è¡Œä»¥å†…ã«ã¾ã¨ã‚ã¦ã„ã¾ã™ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã‚„ãƒ•ãƒãƒ³ãƒˆã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã•ã‚“å‘ã‘ã®React.jsï¼ˆãƒªã‚¢ã‚¯ãƒˆã‚¸ã‚§ãƒ¼ã‚¨ã‚¹ï¼‰å…¥é–€ã§ã™ã€‚ ã€Œæœ€è¿‘ã€ã€Žãƒªã‚¢ã‚¯ãƒˆã€ã¨èžãã‘ã©ã€ã¤ã¾ã‚Šä½•ï¼Ÿã€ã£ã¦ã²ã¨ãŒå¯¾è±¡ã§ã™ã€‚ React.jsã¨ã¯ React.jsã¯UIã®ãƒ‘ãƒ¼ãƒ„ï¼ˆæ§‹æˆéƒ¨å“ï¼‰ã‚’ä½œã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ FacebookãŒOSSã¨ã—ã¦å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚ åˆå›žæŠ•ç¨¿æ—¥ï¼š2015å¹´06æœˆ21æ—¥ ã“ã®æŠ•ç¨¿ã¯ReactãŒè©±é¡Œã«ãªã‚Šå§‹ã‚ãŸé ƒï¼ˆ6å¹´å‰ã®v0.1ã®é ƒï¼‰ã€æ•´ç†ã—ãŸè¨˜äº‹ã§ã™ã€‚ æœ€æ–°æƒ…å ±ã¯ã“ã¡ã‚‰ React Server Components 2021å¹´ã‹ã‚‰Reactã‚’å§‹ã‚ã‚‹ãªã‚‰ React Server Components ä¸€æŠžã§ã¯ãªã„ã‹ï¼Ÿ https://zenn.dev/rgbkids/articles/e58ef9b947b199
kakku22 2016/02/18
react
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒ 1å¹´é–“ã¾ã˜ã‚ã«SPAã‚„ã£ã¦ã¿ãŸ
D3 ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æŠ€è¡“å‹‰å¼·ä¼š 2016.1.22 - 1å¹´é–“ã¾ã˜ã‚ã«SPAé–‹ç™ºã‚„ã£ã¦ããŸçµŒé¨“ã«ã¤ã„ã¦ - ãã®ä¸ã§ã€ã¶ã¤ã‹ã£ãŸèª²é¡Œã¨å¯¾ç– - SPAé–‹ç™ºã®å…¨ä½“åƒ - Web/JSç•Œéšˆã®æ¿€ã—ã„å¤‰åŒ–ã®æ³¢ã«æººã‚Œãªã„ãŸã‚ã®Tips - AngularJS ã¨ SPA ã®è¨è¨ˆã«ã¤ã„ã¦ - TypeScript ã¨ ES6 - Gulp ã‚¿ã‚¹ã‚¯Read less
kakku22 2016/02/17
è‰¯ã„

AngularJS

react

js

es6
ãƒªãƒ³ã‚¯
React.js å®Ÿæˆ¦æŠ•å…¥ã¸ã®é“ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? æœ€è¿‘è©±é¡Œã®React.jsã§ã™ãŒã€å®Ÿæˆ¦æŠ•å…¥ã«å½“ãŸã£ã¦ã¯çµæ§‹é‡ãŸã„é¸æŠžã‚’è¿«ã‚‰ã‚Œã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ ã–ã£ãã‚Šè¨€ãˆã°ã€ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã‚’æ¨ã¦ã¦Reactã—ã¾ã™ã‹?ãã‚Œã¨ã‚‚Reactã‚ãã‚‰ã‚ã¾ã™ã‹?ã¨ã„ã†é¸æŠžã§ã™ã€‚ æœ¬è¨˜äº‹ã§ã¯Reactã®åŸºæœ¬æ€æƒ³ã¨ã“ã†ã—ãŸé¸æŠžè‚¢ãŒç”Ÿã¾ã‚Œã¦ã—ã¾ã†èƒŒæ™¯ã‚’è¿°ã¹ã‚‹ã¨ã¨ã‚‚ã«ã€å¾ŒåŠã§ã¯ã€Œã©ã¡ã‚‰ã‚‚ã‚ãã‚‰ã‚ãªã„ã€ã¨ã„ã†(è‹¥å¹²ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³RPGã‚ã‚‹ã‚ã‚‹æ„Ÿã®ã‚ã‚‹)ç¬¬ä¸‰ã®æ–¹ç–ã«ã¤ã„ã¦æ¡ˆã‚’æç¤ºã—ã¾ã™ã€‚ Reactã®åŸºæœ¬ æœ€åˆã«ã€Reactã®åŸºæœ¬çš„ãªä»•çµ„ã¿ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ Reactã¯å…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãŒéžå¸¸ã«å……å®Ÿã—ã¦ã„
kakku22 2016/02/12
react
ãƒªãƒ³ã‚¯
ãªãœä»®æƒ³DOMã¨ã„ã†æ¦‚å¿µãŒä¿ºé”ã®é‚ã‚’éœ‡ãˆã•ã›ã‚‹ã®ã‹ - Qiita
è¿½è¨˜: æƒ…å ±ãŒè‰²ã€…ã¨å¤ããªã£ãŸãŸã‚ã€2020å¹´ã«æ›¸ãç›´ã—ãŸç‰ˆã¸ã®ãƒªãƒ³ã‚¯ã‚’å¼µã£ã¦ãŠãã¾ã™ã€‚ ã“ã®è¨˜äº‹ã¯ VirtualDOM Advent Calendar 2014 - Qiita ã®åˆæ—¥ã§ã™ã€‚ åˆæ—¥ã¨ã„ã†ã“ã¨ã§ã€åŸºèª¿è¬›æ¼”é¢¨ã«ã€Virtual DOMã¨ã¯ãªã«ã‹ã€ãªãœåƒ•ã¯ã“ã‚“ãªèˆˆå¥®ã—ã¦ã„ã‚‹ã®ã‹ï¼ã¨ã„ã†è©±ã‹ã‚‰ã€‚ Virtual DOMã¨ã¯ãªã«ã‹ æ—¢å˜ã®æ¦‚å¿µã§å½“ã¦ã¯ã‚ã‚‹ã¨ã€JavaScriptã®MVC, MVW(Whatever)ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®Viewã«ä½ç½®ã—ã¾ã™ã€‚ãŒã€ãã®ç¨‹åº¦ã§ã¯çµ‚ã‚ã‚Šã¾ã›ã‚“ã€‚ä»®æƒ³DOMã¨ã¯ä¸–ç•Œã‚’é©å‘½ã™ã‚‹åŠ›ã§ã‚ã‚Šã€ã“ã®jQueryã®DOMæ“ä½œã§æ±šã‚Œãã£ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’æ•‘ã†æ•‘ä¸–ä¸»ãªã®ã§ã™ã€‚ ç¾æ™‚ç‚¹ã§è‡ªåˆ†ãŒçŸ¥ã£ã¦ã„ã‚‹é™ã‚Šã¯ã€ä»¥ä¸‹ã®å®Ÿè£…ã‚’æŒ‡ã—ã¾ã™ã€‚ facebook/react æœ€ã‚‚ä½¿ã‚ã‚Œã¦ã‚‹Facebookã®å®Ÿè£… Matt-Esch/virtual-dom Altenative
kakku22 2016/02/08
react
ãƒªãƒ³ã‚¯
React.js + Fluxå…¥é–€ #scripty02
2014/12/15ã®å‹‰å¼·ä¼šã«ã¦ç™ºè¡¨ã•ã‚ŒãŸè³‡æ–™ã§ã™ã€‚ SCRIPTY#2ã€€ï½žãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç´³å£«ãƒ»æ·‘å¥³ã®ãŸã‚ã®å‹‰å¼·ä¼šï½ž http://scripty.connpass.com/event/10345/Read less
kakku22 2016/02/04
react
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸