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

masadoi id:masadoi

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

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

ç‹¬åŠ›ã§Webã‚µãƒ¼ãƒ“ã‚¹ã‚’é–‹ç™ºãƒ»æ§‹ç¯‰ã§ãã‚‹ãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¸ã®ãƒãƒ¼ãƒ‰ãƒžãƒƒãƒ—â”€å¹…åºƒã„ã‚¹ã‚ãƒ«ã‚’ã€ŒUdemyå¤ã®ãƒ“ãƒƒã‚°ã‚»ãƒ¼ãƒ«ã€ã§å¦ã¶ï¼ - ã¯ã¦ãªãƒ‹ãƒ¥ãƒ¼ã‚¹
â€» Udemyã€Œå¤ã®ãƒ“ãƒƒã‚°ã‚»ãƒ¼ãƒ«ã€ã¨ã¯ã¦ãªã«ã‚ˆã‚‹ãƒ—ãƒ¬ã‚¼ãƒ³ãƒˆã‚ãƒ£ãƒ³ãƒšãƒ¼ãƒ³ã¯çµ‚äº†ã—ã¾ã—ãŸã€‚è¨˜äº‹ã§ç´¹ä»‹ã—ã¦ã„ã‚‹ãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ã‚¹ã‚ãƒ«ã¯ã€å¼•ãç¶šãUdemyã®è¬›åº§ã§å¦ç¿’ã§ãã¾ã™ã€‚ Webã§æ–°è¦ã‚µãƒ¼ãƒ“ã‚¹ã‚’ç«‹ã¡ä¸Šã’ã‚‹éš›ã«ã€UIã‹ã‚‰ã‚¤ãƒ³ãƒ•ãƒ©å‘¨ã‚Šã¾ã§ä¸€äººã§é¢å€’ã‚’è¦‹ã‚‰ã‚Œã‚‹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¯ã€å°‘äººæ•°ã®ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ã§ãªãã¨ã‚‚éžå¸¸ã«é ¼ã‚Œã‚‹å˜åœ¨ã§ã™ã€‚ã©ã‚“ãªèª²é¡Œã«ç›´é¢ã—ã¦ã‚‚æŠ€è¡“åŠ›ã§ä¹—ã‚Šè¶Šãˆã‚‹ã€ãã‚“ãªã‚¹ã‚ãƒ«ãƒ•ãƒ«ãªã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«æ†§ã‚Œã‚‹æ–¹ã‚‚å¤šã„ã§ã—ã‚‡ã†ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼ˆJavaScriptå‘¨è¾ºï¼‰ã‹ã‚‰ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã€ã‚¤ãƒ³ãƒ•ãƒ©ã€ã•ã‚‰ã«é–‹ç™ºæ‰‹æ³•ã¾ã§ã€Webé–‹ç™ºã§å¿…è¦ã«ãªã‚‹ã•ã¾ã–ã¾ãªãƒ¬ã‚¤ãƒ¤ãƒ¼ã®ãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯ãªã‚¹ã‚ãƒ«ã®ç¾åœ¨åœ°ã¨ã€é–¢é€£ã™ã‚‹Udemyã®è¬›åº§ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æ ªå¼ä¼šç¤¾ãƒ˜ãƒ³ãƒªãƒ¼ã§VPoEã‚’å‹™ã‚ã‚‹æ¾æœ¨é›…å¹¸ï¼ˆ@songmuï¼‰ã•ã‚“ã®åŸ·ç†ã§ã™ã€‚ ãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«å¿…è¦ãªã‚¹ã‚ãƒ« ã•ã¾ã–ã¾ãªè¬›åº§ã§ã¾ã¨
masadoi 2024/08/21
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢

web

é–‹ç™º

react

ãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯ã‚¨ãƒ³ã‚¸ãƒ‹
ãƒªãƒ³ã‚¯
ã€å®Œå…¨ç‰ˆã€‘ã“ã‚Œ1æœ¬ã§Reactã®åŸºæœ¬ãŒãƒžã‚¹ã‚¿ãƒ¼ã§ãã‚‹ï¼åˆå¿ƒè€…ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ï¼ - Qiita
ã¯ã˜ã‚ã« Reactã®äººæ°—ã¯ã©ã‚“ã©ã‚“åŠ é€Ÿã—ã¦ã„ã¾ã™ã€‚ã“ã‚Œã‹ã‚‰ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’å¦ã¶ãªã‚‰Reactã‚’é¸ã¶ã®ã¯è³¢ã„é¸æŠžã§ã—ã‚‡ã† ã“ã‚“ã«ã¡ã¯ã€Watanabe Jin(@Sicut_study)ã§ã™ã€‚ ä»Šå›žã¯Reactã‚’ã“ã‚Œã‹ã‚‰å¦ã‚“ã§ã„ã“ã†ã¨æ€ã£ã¦ã„ã‚‹æ–¹ã«å‘ã‘ã¦ã€åˆå¿ƒè€…ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ä½œæˆã—ã¾ã—ãŸã€‚ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯Reactã‚’æ›¸ãä¸Šã§æ¬ ã‹ã›ãªã„ã“ã¨ã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ å®Ÿéš›ã«ã‚¢ãƒ—ãƒªã‚’ä½œã‚ŠãªãŒã‚‰Reactã®æ©Ÿèƒ½ã«ã¤ã„ã¦å¦ã¶ã“ã¨ã«ã‚ˆã£ã¦ã‚ˆã‚Šæ·±ãç†è§£ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’æœ€å¾Œã¾ã§ã‚„ã£ãŸã‚‰ã€æ¬¡ã«è‡ªåˆ†ã§ç¿’ã£ãŸã“ã¨ã‚’æ´»ã‹ã—ã¦ç°¡å˜ãªTODOã‚¢ãƒ—ãƒªãªã©ã‚’ä½œã‚Œã°åŸºæœ¬ãŒã—ã£ã‹ã‚Šèº«ã«ã¤ãã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã¾ãŸã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯JavaScriptã§ã¯ãªãTypeScriptã‚’æŽ¡ç”¨ã—ã¦ã„ã¾ã™ã€‚ ãƒ¢ãƒ€ãƒ³ãªä¼šç¤¾ã§ã¯TypeScriptãŒæŽ¡ç”¨ã•ã‚Œã‚‹ã“ã¨ãŒå¤šã„ã¯ãšã ãªã®ã§ã€å°‘ã—ã§ã‚‚æ…£ã‚Œã¦ã„ãŸã ã‘
masadoi 2024/08/20
react

typescript

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒªãƒ³ã‚¯
ä½•æ•…ããã‚„ã‚„ã“ã—ã„Reactã‚’å‹‰å¼·ã—ãªã„ã¨ã„ã‘ãªã„ã®ã‹ï¼Ÿ - Qiita
é€ƒã’ã‚‹ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã€é¿ã‘ã‚‰ã‚Œãªã„å£ Webç³»ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã‚’ã™ã‚‹ã¨ãªã‚‹ã¨ã€React, Angular, Vueã¨ã„ã£ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®è©±é¡Œã¯é¿ã‘ã¦é€šã‚Œãªã„ã®ã ã‘ã©ã€é¢å€’ã«ã‹ã¾ã‘ã¦ã¿ã¦è¦‹ã¬ãµã‚Šã‚’ã—ã¦ã„ã‚‹ãƒ‡ãƒ´ã‚§ãƒãƒƒãƒ‘ãƒ¼è«¸å›ã¯å¤šã„ã¨æ€ã†ã€‚ è‡ªåˆ†ã‚‚ãã†ã„ã†ãƒ€ãƒ¡ã‚°ãƒ©ãƒžãƒ¼ã®ä¸€äººã§ã—ãŸã€‚ ã ãŒã€Nodeãƒ™ãƒ¼ã‚¹ã§ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚’é–‹ç™ºã—ã¦ã„ã‚‹ã¨ã€ã©ã†ã—ã¦ã‚‚ãƒ•ãƒãƒ³ãƒˆå´ãŒå¿…è¦ã ã—ã€ä½¿ã„ãŸã„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã‚„æ©Ÿèƒ½ã€æ“ä½œæ€§ã‚’çµ„ã¿è¾¼ã‚€ãŸã‚ã«ã¯ã€ãƒ•ãƒãƒ³ãƒˆå´ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‹ã‚‰ã¯é€ƒã’ã‚‰ã‚Œãšã€ç«‹æ´¾ãªãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã«ãªã‚‹ç‚ºã«ã€é‡ã„ã‘ã¤ã‚’ä¸Šã’ã€å¦ç¿’ã™ã‚‹ã“ã¨ã«ã—ãŸã®ã§ã‚ã‚Šã¾ã™ã€‚ React, Angular, Vueã®ï¼“å¤§ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ã–ã£ã¨èª¿ã¹ã¦ã¿ãŸéš›ã«ã€ä¸€ç•ªå–ã£ã¤ãã‚„ã™ãã†ã ã£ãŸReactã‚’ãƒãƒ§ã‚¤ã‚¹ã€‚ ã—ã‚‡ã›ã‚“ã¯HTMLã¨CSSã¨Javascript ã§ã€çµå±€Reactã¯ä½•ã‚’ã‚„ã£ã¦ã„ã‚‹ã‹ã¨ã„ã†ã¨ã€ã—ã‚‡ã›ã‚“ã¯HT
masadoi 2021/10/22
react
ãƒªãƒ³ã‚¯
React ã‚’æ·±ãçŸ¥ã‚‹ãŸã‚ã®å…¥ã‚Šå£
Reactã«å¯¾ã™ã‚‹è¦‹æ–¹ã‚’ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã™ã‚‹ å›½å†…å¤–ã®å„ªã‚ŒãŸé–‹ç™ºè€…ã®æ–¹ã«ã‚ˆã‚‹ React ã®å„è«–ã®è¨˜äº‹ã¯æžšæŒ™ã«ã„ã¨ã¾ãŒã‚ã‚Šã¾ã›ã‚“ã€‚ã—ã‹ã—ã€React ã®å…¥é–€ã‚’ä¸€é€šã‚Šçµ‚ãˆãŸæ–¹ã«å‘ã‘ã®æµ…ãåºƒã„ç·è«–ã¯ã‚ã¾ã‚Šè¦‹ã‹ã‘ã¾ã›ã‚“ã€‚ React ã®å…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã«æŽ²è¼‰ã•ã‚Œã¦ã„ã‚‹çŸã„3ã¤ã®æ–‡ç« ãŒã‚ã‚Šã¾ã™ã€‚ã“ã® React ã®æœ¬è³ªã‚’è¡¨ç¾ã—ãŸæ–‡ç« ã‚’æŽ˜ã‚Šä¸‹ã’ã‚‹ã“ã¨ãŒã€åˆå¦è€…ã®ã‚¹ãƒ†ãƒƒãƒ—ã‚¢ãƒƒãƒ—ã«ã¤ãªãŒã‚‹ã®ã§ã¯ãªã„ã‹ã¨è€ƒãˆã€å„ç« ã«å¯¾ã—ã¦æ³¨é‡ˆã‚’åŠ ãˆã¾ã—ãŸã€‚ React ã«ã¤ã„ã¦å°‘ã—æ·±ãçŸ¥ã‚‹ã“ã¨ã§ã€ã•ã‚‰ã« React ã‚’å¥½ãã«ãªã£ãŸã¨ã„ã†æ–¹ã‚’ä¸€äººã§ã‚‚å¤šãå¢—ã‚„ã—ãŸã„ã€‚ãã®æ€ã„ã‹ã‚‰æœ¬è¨˜äº‹ã‚’åŸ·ç†ã—ã¾ã—ãŸã€‚ æœ¬è¨˜äº‹ã¯ React ã®è€ƒãˆæ–¹ã‚’çŸ¥ã‚‹ã“ã¨ã§ã€React ã«å¯¾ã™ã‚‹è¦‹æ–¹ã‚’ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã™ã‚‹ã“ã¨ã‚’ç›®çš„ã¨ã—ã¦ã„ã¾ã™ã€‚ Reactã¨ã¯ä½•ã‹ã€‚ãã‚Œã¯UIã‚’æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã‚ã‚‹ Reactå…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®ä¸€æ–‡ R
masadoi 2021/03/08
react
ãƒªãƒ³ã‚¯
ã€React+TypeScriptã€‘Netflixã®ã‚¯ãƒãƒ¼ãƒ³ã‚’ä½œã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯Netflixã‚¯ãƒãƒ¼ãƒ³ã‚’ä½œã‚‹éŽç¨‹ã§ã€Reactãƒ»TypeScriptã®åŸºç¤Žã‚„APIã‚’åˆ©ç”¨ã—ãŸWebã‚µãƒ¼ãƒ“ã‚¹é–‹ç™ºã«ã¤ã„ã¦å¦ã‚“ã§ã„ãã¾ã™ã€‚ ã€å¦ã¹ã‚‹äº‹ã€‘ - Reactã®é–¢æ•°ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨TypeScriptã®åŸºç¤Žç†è§£ - React Hooksã«ã‚ˆã‚‹stateç®¡ç† - Reactã§ã®å¤–éƒ¨APIã¨ã®é€£æºæ–¹æ³• - Postmanã‚’ä½¿ã£ãŸAPIãƒ†ã‚¹ãƒˆã®æ–¹æ³• - ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåˆ†å‰²ã®è€ƒãˆæ–¹ - Tailwind CSSã®åŸºç¤Žç†è§£ - Vercelã‚’ä½¿ã£ãŸãƒ‡ãƒ—ãƒã‚¤æ–¹æ³• ã€ä½™è«‡ã€‘ ã¾ãŸç›´æŽ¥ã€ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚³ãƒ¼ãƒ‰ã«ã¯é–¢é€£ã—ãªã„ã§ã™ãŒã€ä½™è«‡ã¨ã—ã¦ä»¥ä¸‹ã®è§£èª¬ã‚‚è¡Œãªã£ã¦ã„ã¾ã™ã€‚ - APIã¨ã¯ï¼Ÿ - HTTPã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ã‚³ãƒ¼ãƒ‰ã®ã¤ã„ã¦ - Reactãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨Reactç’°å¢ƒã®é¸æŠžè‚¢ - .envã«ã¤ã„ã¦ - éžåŒæœŸå‡¦ç†ã«ã¤ã„ã¦ - ã‚¹ãƒ—ãƒ¬ãƒƒãƒ‰æ§‹æ–‡ã¨ã¯ï¼Ÿ - ä¸‰é …æ¼”ç®—å VS æ¡ä»¶å¼(if
masadoi 2021/01/23
typescript

react
ãƒªãƒ³ã‚¯
ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ï¼šReact ã®å°Žå…¥ â€“ React
ã“ã®è¨˜äº‹ã¯å¤ããªã£ã¦ãŠã‚Šã€ä»Šå¾Œæ›´æ–°ã•ã‚Œã¾ã›ã‚“ã€‚æ–°ã—ã„ React æ—¥æœ¬èªžãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã§ã‚ã‚‹ ja.react.dev ã‚’ã”åˆ©ç”¨ãã ã•ã„ã€‚ æ–°ã—ããªã£ãŸãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯æœ€æ–°ã® React ã®ä½¿ã„æ–¹ãŒãƒ©ã‚¤ãƒ–ã‚µãƒ³ãƒ—ãƒ«ä»˜ãã§å¦ã¹ã¾ã™ã€‚ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¯ React ã®äº‹å‰çŸ¥è˜ã‚¼ãƒã§ã‚‚èªã¿é€²ã‚ã‚‰ã‚Œã¾ã™ã€‚ ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’å§‹ã‚ã‚‹å‰ã« ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯å°ã•ãªã‚²ãƒ¼ãƒ ã‚’ä½œæˆã—ã¾ã™ã€‚è‡ªåˆ†ã¯ã‚²ãƒ¼ãƒ ã‚’ä½œã‚ŠãŸã„ã®ã§ã¯ãªã„ã‹ã‚‰ã€ã¨é£›ã°ã—ãŸããªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€æ˜¯éžç›®ã‚’é€šã—ã¦ã¿ã¦ãã ã•ã„ã€‚ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§å¦ã¶æŠ€æ³•ã¯ã©ã®ã‚ˆã†ãª React ã®ã‚¢ãƒ—ãƒªã«ãŠã„ã¦ã‚‚åŸºæœ¬çš„ãªã‚‚ã®ã§ã‚ã‚Šã€ãƒžã‚¹ã‚¿ãƒ¼ã™ã‚‹ã“ã¨ã§ React ã¸ã®æ·±ã„ç†è§£ãŒå¾—ã‚‰ã‚Œã¾ã™ã€‚ ãƒ’ãƒ³ãƒˆ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¯å®Ÿéš›ã«æ‰‹ã‚’å‹•ã‹ã—ã¦å¦ã³ãŸã„äººå‘ã‘ã«æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ã‚³ãƒ³ã‚»ãƒ—ãƒˆã‚’é †ç•ªã«å¦ã‚“ã§ã„ããŸã„äººã¯ä¸€æ®µéšŽãšã¤å¦ã¹ã‚‹ã‚¬ã‚¤ãƒ‰ã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ã“ã®ãƒãƒ¥ãƒ¼ãƒˆ
masadoi 2020/12/28
react
ãƒªãƒ³ã‚¯
Reactãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«2ï¼šãƒ¬ãƒ“ãƒ¥ãƒ¼ã‚µã‚¤ãƒˆã‚’ä½œã‚ã†
æœ¬è³‡æ–™ã«ã¤ã„ã¦ æœ¬è³‡æ–™ã¯æ—¥æœ¬å¤§å¦æ–‡ç†å¦éƒ¨æƒ…å ±ç§‘å¦ç§‘ã®é–‹è¬›ç§‘ç›®ã€ŒWeb ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã€ã®æ•™æã¨ã—ã¦ä½œæˆã•ã‚Œã¾ã—ãŸã€‚æœ¬è³‡æ–™ã¯ä¸‹è¨˜ã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã®ç¯„å›²å†…ã§ã€å½“æŽˆæ¥ä»¥å¤–ã§ã‚‚è‡ªç”±ã«ã”åˆ©ç”¨ã„ãŸã ã‘ã¾ã™ã€‚ å¯¾è±¡èªè€… æœ¬è³‡æ–™ã¯ã€ä»¥ä¸‹ã®æ•™æã‚’å¦ç¿’æ¸ˆã¿ã€ã‚‚ã—ãã¯ãã‚Œã¨åŒç‰ä»¥ä¸Šã®çŸ¥è˜ã‚’æŒã£ã¦ã„ã‚‹ã“ã¨ã‚’å‰æã¨ã—ã¦ã„ã¾ã™ã€‚ React ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ï¼šçŠ¬ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’ä½œã‚ã† åŸºæœ¬æƒ…å ±æŠ€è¡“è€…è©¦é¨“ãƒ¬ãƒ™ãƒ«ã®é–¢ä¿‚ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã®çŸ¥è˜ æœ¬è³‡æ–™ã§å¦ã¶ã“ã¨ æœ¬è³‡æ–™ã§ã¯ä»¥ä¸‹ã®å†…å®¹ã‚’å¦ã³ã¾ã™ã€‚ Express ã¨ Sequelize ã«ã‚ˆã‚‹ API ã‚µãƒ¼ãƒãƒ¼é–‹ç™º React ã¨ API ã‚µãƒ¼ãƒãƒ¼ã®é€£æº Cross-Origin Resourcer Sharing React ã«ã‚ˆã‚‹ãƒ«ãƒ¼ãƒ†ã‚£ãƒ³ã‚° Auth0 ã«ã‚ˆã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼èªè¨¼ Heroku ã«ã‚ˆã‚‹ API ã‚µãƒ¼ãƒãƒ¼ã®å…¬é–‹ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ ã“ã®ä½œå“ã¯ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãƒ»ã‚³ãƒ¢ãƒ³ã‚º è¡¨ç¤º 4.0
masadoi 2020/12/25
react
ãƒªãƒ³ã‚¯
Next.js + Prisma + NextAuth.js + React Query ã§ä½œã‚‹ãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®æ–°æ™‚ä»£
ã©ã†ã‚‚ã€@yuyaaar ã§ã™ã€‚ æœ€è¿‘ã¯ Next.js ã‚¢ãƒ—ãƒªã‚’è¦‹ã‚‹ã“ã¨ãŒå¤šããªã£ã¦ãã¾ã—ãŸã€‚ã‚‚ã¯ã‚„ JAM ã‚¹ã‚¿ãƒƒã‚¯ã®çŽ‹é“ã€ã¨è¨€ã£ã¦ã‚‚éŽè¨€ã§ã¯ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ã§ã™ãŒã€ã‚„ã£ã±ã‚Šãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯ã¨ãªã‚‹ã¨ã€ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã‚„èªè¨¼ãªã©ãŒå¿…è¦ã«ãªã£ã¦ãã¦ã€ãã®è¾ºã®ã‚„ã‚Šæ–¹ãŒã„ã¾ã„ã¡ã‚ˆãã‚ã‹ã‚‰ãªã„ã€ã¨ã„ã†äººã‚‚å¤šã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ è‡ªåˆ†ã‚‚ãã®ä¸€äººã§ã—ãŸã€‚ðŸ˜… ã„ã‚ã„ã‚èª¿ã¹ãŸã‚Šä½œã£ãŸã‚Šã—ãŸçµæžœã€ä»Šç¾åœ¨ã‚‚ã£ã¨ã‚‚æœ€å¼·ã‚³ãƒ³ãƒ“ã§ã‚ã‚ã†ã€ Next.jsPrismaNextAuth.jsReact Queryã§ã®ãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½œã‚Šæ–¹ã‚’ã“ã®è¨˜äº‹ã§ã¯æ›¸ã„ã¦ã„ãã¾ã™ã€‚ ä»Šå›žã¯ã€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚¢ãƒ—ãƒªã§ã‚ˆãã‚ã‚‹ Todo ã‚¢ãƒ—ãƒªã‚’ä½œã£ã¦ã€vercel ã«ãƒ‡ãƒ—ãƒã‚¤ã€ã¨ã„ã†ã®ã‚’ã‚„ã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã¯æœ€åˆã« Next.js ãƒœã‚¤ãƒ©ãƒ¼ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¢ãƒ—ãƒªã‚’ä½œã‚Šã¾ã—ã‚‡ã†ã€‚ ä½œæˆã§ããŸã‚‰ã€ã¾ãšã¯ TypeScr
masadoi 2020/12/25
js

react

javascript
ãƒªãƒ³ã‚¯
2021å¹´ ã¯ Fullstack Next.js å…ƒå¹´ãªã®ã§ã€æœ‰æœ›ãª Next.js ç³»ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’å…¨éƒ¨è©¦ã—ãŸ
ã“ã®è¨˜äº‹ã¯ã€Next.js Advent Calendar 2020 ã®6æ—¥ç›®ã€‚ çªç„¶ã ãŒã€2021å¹´ ã¯ Fullstack Next.js å…ƒå¹´ã«ãªã‚‹ã€‚ ãã®ç†ç”±ã¨ã—ã¦è‡ªåˆ†ã¯ä»¥ä¸‹ã®ã‚‚ã®ãŒã‚ã‚‹ã¨æ€ã£ã¦ã„ã‚‹ã€‚ ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã¨ã—ã¦ã® TypeScript ã®ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆåŒ– Next.js ã® Dynamic Routes ã«ã‚ˆã‚‹å‹•çš„ãƒ‘ã‚¹ã€ getStaticProps/getServerSideProps ã«ã‚ˆã‚‹ä½¿ã„å‹æ‰‹ã®å‘ä¸Š Vercel ã«ã‚ˆã‚‹ISRã®ç™ºæ˜Ž prisma ã®æˆç†Ÿ Vercel / Serverless / Cloudflare Workers / Cloudrun ç‰ã«ã‚ˆã‚‹ Node.js ã‚µãƒ¼ãƒãƒ¼ã®é‹ç”¨ã‚³ã‚¹ãƒˆæ¸› å‚è€ƒ: Frontend Study #1: åŸºèª¿è¬›æ¼” - Frontend é ˜åŸŸã‚’å†å®šç¾©ã™ã‚‹ Blog - Next.js 9.3 | Next.js R
masadoi 2020/12/06
js

typescript

react

javascript
ãƒªãƒ³ã‚¯
SIerã®è¼ªå»»ã‹ã‚‰è§£è„±ã™ã‚‹ãŸã‚ã®æŠ€è¡“ï½œã¯ã¾ã‚
ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³æœ€è¿‘ã€ŒSIerç•Œã®è¼ªå»»ã‹ã‚‰ã©ã†ã‚„ã£ã¦è§£è„±ã—ãŸã‚‰ã„ã„ã§ã™ã‹ï¼Ÿã€ ã¨ã„ã†è©±ã‚’ã¡ã‚‡ãã¡ã‚‡ãè€³ã«ã™ã‚‹ã“ã¨ãŒå¢—ãˆãŸã€‚ ãã‚Œã«å¯¾ã™ã‚‹"è§£ç”"ã¨ã„ã†ã‚ã‘ã§ã¯ãªã„ã®ã ã‘ã©ã€è¼ªå»»ã‹ã‚‰ã®è§£è„±ã‚’ç›®æŒ‡ã™ã«ã‚ãŸã‚Šã€ã©ã‚“ãªè¦ç´ æŠ€è¡“ã‚’å¦ã¶ã¹ãã‹ã«ã¤ã„ã¦ã¯ã‚ã‚‹ç¨‹åº¦æŒ‡é‡ã‚’ç¤ºã›ã‚‹ã¨æ€ã£ãŸã®ã§ä»Šå›žã¯ã€é¸ã¶ã¹ãæŠ€è¡“ã¨ã€ãã®ç†ç”±ã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ SIerç•Œã§è¼ªå»»è»¢ç”Ÿã‚’ç¹°ã‚Šè¿”ã—ãŸã„äººã¯ã‚¸ãƒ£ãƒè¨€èªžã®ãƒ©ãƒ ãƒ€å¼ã‚’ç¦æ¢ã«ã™ã¹ãã‹è°è«–ã™ã‚‹ã»ã†ãŒå¤§äº‹ã ã¨æ€ã†ã®ã§ã€ã“ã‚“ãªè¨˜äº‹ã«ã‚¯ã‚½ãƒªãƒ—ã™ã‚‹å‰ã«ã•ã£ã•ã¨å¸°ã£ã¦ã€ã©ã†ãžã€‚ TypeScriptè§£è„±ã¸ã®ç¬¬ä¸€æ©ã¯ã€ãªã«ã¯ã¨ã‚‚ã‚ã‚ŒTypeScriptã ã‚ã†ã€‚ æ£ç›´ã€ã“ã®è¨€èªžã ã‘è¦šãˆã¦ãŠã‘ã°ã€FaaS(Lambda, Cloud Functions)ã‚‚æ›¸ã‘ã‚‹ã—ã€Reactã«ã‚ˆã‚‹SPAã¨ã‹ã€ãªã‚“ãªã‚‰React Nativeã§ã‚¢ãƒ—ãƒªã‚‚æ›¸ã‘ã‚‹ã—ã€ãƒ¢ãƒ€ãƒ³ãªé–‹ç™ºç’°å¢ƒã«å¿…è¦ãªã‚¹ã‚ãƒ«ã‚»ãƒƒãƒˆãŒã™ã¹ã¦ã¾
masadoi 2020/10/11
é–‹ç™º

react

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
2020å¹´ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒžã‚¹ã‚¿ãƒ¼ã«ãªã‚ŠãŸã‘ã‚Œã°ã“ã®9ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œã‚Œ - Qiita
ä»¥ä¸‹ã¯Simon Holdorf( dev.to/ Twitter / GitHub )ã«ã‚ˆã‚‹è¨˜äº‹ã€9 Projects you can do to become a Frontend Master in 2020ã®æ—¥æœ¬èªžè¨³ã§ã™ã€‚ 9 Projects you can do to become a Frontend Master in 2020 Introduction ã‚ãªãŸãŒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®åˆå¿ƒè€…ã§ã‚ã‚‹ã‹ã€æ—¢ã«çµŒé¨“è±Šå¯Œãªé–‹ç™ºè€…ã§ã‚ã‚‹ã‹ã«ã‹ã‹ã‚ã‚‰ãšã€ã“ã®æ¥ç•Œã§ã¯ã€æ€¥é€Ÿãªå¤‰åŒ–ã«è¿½ã„ã¤ããŸã‚ã«æ–°ã—ã„æ¦‚å¿µã¨è¨€èªžãƒ»ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’å¦ã³ç¶šã‘ã‚‹ã“ã¨ãŒå¿…è¦ã§ã™ã€‚ ãŸã¨ãˆã°FacebookãŒ4å¹´å‰ã«ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹åŒ–ã—ãŸReactã¯ã€æ—¢ã«ä¸–ç•Œä¸ã®JavaScripté–‹ç™ºè€…ã«ã¨ã£ã¦ç¬¬ä¸€ã®é¸æŠžè‚¢ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“Vueã¨Angularã«ã‚‚å¤šãã®ãƒ•ã‚©ãƒã‚¢ãƒ¼ãŒã¤ã„ã¦ã„ã¾ã™ã€‚ ã•ã‚‰ã«ã¯Svelteã€Next
masadoi 2020/07/04
react

JavaScript

Javascript

javascript
ãƒªãƒ³ã‚¯
JSã¨ã„ãˆã°jQueryã ã£ãŸWebãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒã€Reactã‚’1å¹´é–“ä½¿ã£ã¦æ„Ÿã˜ãŸãƒ¡ãƒªãƒƒãƒˆï½œdwango creators' blogï¼ˆãƒ‰ãƒ¯ãƒ³ã‚´ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚°ï¼‰
ã¯ã˜ã‚ã¾ã—ã¦ã€ã»ãã ã¨ç”³ã—ã¾ã™ã€‚æ˜¨å¹´ç§‹ã¾ã§å€‹äººäº‹æ¥ä¸»ã®ç«‹å ´ã§ãƒ‰ãƒ¯ãƒ³ã‚´ã§ãŠä»•äº‹ã•ã›ã¦ã„ãŸã ã„ã¦ãŠã‚Šã¾ã—ãŸãŒã€ã„ã‚ã„ã‚çµŒç·¯ãŒã‚ã‚Šã¾ã—ã¦ä¸ã®äººã«ãªã‚Šã¾ã—ãŸã€‚ãƒ‰ãƒ¯ãƒ³ã‚´æ´ã¯ãã“ãã“é•·ã„æ–°å…¥ã‚Šã§ã™ã€‚ã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ ã•ã¦ã€ä»Šå›žã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ï¼ˆHTML/CSS/JSã¯æ‰±ãˆã‚‹ã„ã‚ã‚†ã‚‹ã€ŒWebãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€ï¼‰ã¨ã—ã¦1å¹´é–“ã»ã©Reactã‚’ä½¿ã£ã¦ã¿ãŸã®ã§ã€ãã®ãƒ¡ãƒªãƒƒãƒˆã‚’æ›¸ã„ã¦ã¿ã‚ˆã†ã‹ã¨æ€ã„ã¾ã™ã€‚ Reactã¨ã®å‡ºä¼šã„ Reactã¨ã¯Facebookè£½ã®JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ https://facebook.github.io/react/ Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®Viewéƒ¨åˆ†ã‚’å®Ÿè£…ã—ã¾ã™ã€‚2014å¹´ã®æš®ã‚Œã«ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ–¹ã€…ãŒé‚ã‚’éœ‡ã‚ã›ã¦ã„ã‚‹ã®ã‚’è¦‹ã¦å˜åœ¨ã‚’çŸ¥ã‚Šã¾ã—ãŸã€‚2015å¹´ã¯Reactå…ƒå¹´ãªæ„Ÿã˜ã§ã—ãŸã‚ˆãã€‚ åƒ•è‡ªèº«ã€ä»¥å‰ã‹ã‚‰æ¯”è¼ƒçš„JSã‚’æ›¸ãã‚¿ã‚¤ãƒ—ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã¯ã‚ã‚Šã¾ã—ãŸãŒã€æ£ç›´ãªã¨ã“ã‚è‡ªåˆ†ãŒé–¢ã‚ã£ã¦ã
masadoi 2016/01/21
react

javascript

ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢

jQuery

jQuery

WEB

js
ãƒªãƒ³ã‚¯
1