[B! frontend] ma2ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ma2 id:ma2

frontendã«é–¢ã™ã‚‹ma2ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

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

ã€æœ€æ–°ç‰ˆã€‘ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’å¦ã¹ã‚‹æœ€é«˜ã®æ•™æé›† - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ã¯ã˜ã‚ã« ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’å¦ã¹ã‚‹æ•™æã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ä»Šå›žç´¹ä»‹ã™ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æŠ€è¡“ã¯ä¸‹è¨˜ã«ãªã‚Šã¾ã™ã€‚ ãƒãƒ¼ãƒ‰ãƒžãƒƒãƒ— (å…¨ä½“åƒ) JavaScript TypeScript React Next.js å¯¾è±¡è€… ã“ã‚Œã‹ã‚‰ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’å¦ã³ãŸã„äºº ãƒ¢ãƒ€ãƒ³ãƒ•ãƒãƒ³ãƒˆæŠ€è¡“ã«æŒ‘æˆ¦ã—ãŸã„äºº ãƒãƒ¼ãƒ‰ãƒžãƒƒãƒ— (å…¨ä½“åƒ) ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å‘ã‘ã®å¦ç¿’ãƒãƒ¼ãƒ‰ãƒžãƒƒãƒ—ãŒã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã‚‹ã€‚ ç¾åœ¨ã®è‡ªåˆ†ã®ç«‹ã¡ä½ç½®ã‚’æŠŠæ¡ã—ã€æ¬¡ã«ã‚„ã‚‹ã¹ãã“ã¨ã®æ–¹å‘æ€§ã‚’çŸ¥ã‚Œã‚‹ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒä½¿ã†ã§ã‚ã‚ã†ã€ã»ã¼å…¨æŠ€è¡“ãŒç¶²ç¾…çš„ã«ã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã‚‹ã®ã§ã€å…¨ä½“åƒã‚’æŽ´ã‚€ä¸Šã§ã¯ä¸€åº¦ç›®ã‚’é€šã™ä¾¡å€¤ã¯ã‚ã‚‹è³‡æ–™ã«ãª
ma2 2024/12/04
frontend

javascript

typescript

react
ãƒªãƒ³ã‚¯
React Server Components ã¯ã‚¦ã‚§ãƒ–é–‹ç™ºã‚’å¤‰ãˆã‚‹ã‚²ãƒ¼ãƒ ãƒã‚§ãƒ³ã‚¸ãƒ³ã‚°ãªæŠ€è¡“ã§ã‚ã‚‹
åŽ»å¹´æœ«ã« Facebook ã®äººé”ãŒå‡ºã—ãŸ React Server Components ã¨ã„ã†ã‚‚ã®ãŒã€React ç•Œéšˆã«æ¿€éœ‡ã‚’åŠã¼ã—ã¦ã„ã¾ã™ãŒã€é€Ÿå ±ä»¥å¤–ã§ã“ã®æŠ€è¡“ã«ã¤ã„ã¦è¨€åŠã—ã¦ã„ã‚‹å›½å†…ã®ãƒ–ãƒã‚°ãŒè¦‹å½“ãŸã‚‰ãªã„ãŸã‚ã€ã“ã®è¨˜äº‹ã§è§£èª¬ã—ã¦ã¿ã¾ã™ã€‚é–“é•ã„ã‚„åˆ†ã‹ã‚Šã¥ã‚‰ã„éƒ¨åˆ†ãŒã‚ã‚Œã°ãœã²ãƒ„ãƒƒã‚³ãƒŸã‚’ãŠé¡˜ã„ã—ã¾ã™ã€‚ React Server Components ã¯ã€ãŸã ã®ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ï¼ˆSPAï¼‰ã¨ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’ã€ã‚®ã‚¢ã‚’åˆ‡ã‚Šæ›¿ãˆãšã«ã„ã„ã¨ã“å–ã‚Šã™ã‚‹ä»•çµ„ã¿ã§ã™ã€‚ã“ã‚Œã¾ã§ã«å˜åœ¨ã—ãŸæ§˜ã€…ãªæŠ€è¡“ã‚ˆã‚Šã‚‚è¸ã¿è¾¼ã‚“ã§ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¨ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã®å¢ƒç›®ã‚’æ›–æ˜§ã«ã—ã¦ã—ã¾ã†ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ãªæŠ€è¡“ã§ã™ã€‚ å‹æ‰‹ãªé€ èªžã¨ã—ã¦ã„ã†ãªã‚‰ã€Œã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ã‚¦ã‚§ãƒ–é–‹ç™ºã€ã¨ã§ã‚‚å‘¼ã¶ã¹ãã‚‚ã®ã§ã—ã‚‡ã†ã€‚ ãã—ã¦ã€ã“ã‚Œã¯ãŸã ã®ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ãªã ã‘ã®ä»•çµ„ã¿ã§ã¯ã‚ã‚Š
ma2 2021/01/03
react

javascript

frontend
ãƒªãƒ³ã‚¯
Reactç•Œéšˆã§è©±é¡Œã«ãªã£ã¦ã„ã‚‹ã€ŒReact Server Componentsã€ã«ã¤ã„ã¦ã¾ã¨ã‚ã¾ã—ãŸï¼ | DevelopersIO
Reactç•Œéšˆã§è©±é¡Œã«ãªã£ã¦ã„ã‚‹ã€ŒReact Server Componentsã€ã«ã¤ã„ã¦ã¾ã¨ã‚ã¾ã—ãŸï¼ ã©ã†ã‚‚Reactå¤§å¥½ãCXäº‹æ¥éƒ¨ã®ç‰‡å²¡ã§ã™ï¼ ä»Šå›žã¯Reactç•Œéšˆã§è©±é¡Œã«ãªã£ã¦ã„ã‚‹ã€ŒReact Server Componentsã€ã«ã¤ã„ã¦ã®å†…å®¹ã‚’æ„è¨³ã—ã¦ã¿ã¾ã—ãŸã€‚ å…ƒãƒã‚¿ è©±é¡Œã«ãªã£ã¦ã„ã‚‹ã“ã¡ã‚‰ã®è¨˜äº‹ãŒå…ƒãƒã‚¿ã§ã™ã€‚ https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html æ¦‚è¦ Fetch APIã§ãƒ‡ãƒ¼ã‚¿ã‚’ã‚„ã‚Šå–ã‚Šã™ã‚‹ã¨ã€ãƒã‚±ãƒ„ãƒªãƒ¬ãƒ¼ãŒç™ºç”Ÿã—ã¾ã™ã€‚ä¾‹ãˆã°ã€Spotifyã®ã‚¢ãƒ¼ãƒ†ã‚£ã‚¹ãƒˆãƒšãƒ¼ã‚¸ã«ã¯ã‚¢ãƒ¼ãƒ†ã‚£ã‚¹ãƒˆã®æƒ…å ±ã¨äººæ°—ã®æ›²ã¨ã‚¢ãƒ«ãƒãƒ ä¸€è¦§ãŒä¸¦ã³ã¾ã™ã€‚ã“ã®æ™‚ã€äººæ°—ã®æ›²ã¨ã‚¢ãƒ«ãƒãƒ ä¸€è¦§ã‚’å–å¾—ã™ã‚‹ã«ã¯ã€ã‚¢ãƒ¼ãƒ†ã‚£ã‚¹ãƒˆæƒ…å ±ã‚’å–ã£ã¦ã“ãªã„ã¨ã„ã‘ã¾ã›ã‚“ã€‚ãã†ã™ã‚‹ã¨ã€ã‚¢ãƒ¼ãƒ†ã‚£ã‚¹ãƒˆæƒ…å ±ã‚’å–å¾—ã—ã¦
ma2 2020/12/23
react

frontend
ãƒªãƒ³ã‚¯
Micro Frontends Architecture Patterns
æœ¬æ›¸ã¯ã€Micro Frontends Architecture Patternsã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã‚’ä»˜ã‘ã¦ã„ã¾ã™ãŒã€ãƒ¢ãƒŽãƒªã‚¹ã‹ã‚‰JAMstackã€Micro Frontendsã¾ã§ã€Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’åŒ…æ‹¬ã—ãŸæ§˜ã€…ãªã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ãƒ‘ã‚¿ãƒ¼ãƒ³ã®è©³ç´°ã‚’ä½“ç³»çš„ã«ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¨ã—ã¦ã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£å…¨ä½“ã‚’ä¿¯çž°ã—ã€ä»–ã®ã‚·ã‚¹ãƒ†ãƒ ã¨ã®ã‚„ã‚Šã¨ã‚Šã‚’è¨è¨ˆã™ã‚‹ã‚ˆã†ãªè€ƒãˆæ–¹ãŒå½¹ã«ç«‹ã¤ã“ã¨ã¯å¤šã„ã§ã™ã€‚ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰è¦³ç‚¹ã§ã€æ§˜ã€…ãªã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ã¾ã¨ã‚ã‚‹ã“ã¨ã§ã€Webé–‹ç™ºã®åŠ©ã‘ã«ãªã‚Œã°ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã®æ´å²ã¨å¤‰é·ã‚’çŸ¥ã‚‹ã“ã¨ã§ã€ŒMicro Frontendsã€ã¸ã®ç†è§£ã‚’æ·±ã‚ã‚‹ã“ã¨ãŒã§ãã‚‹ã¨ç†è€…ã¯è€ƒãˆã¾ã—ãŸã€‚Micro Frontendsã¯ThoughtWorksã®Techno logy Radarã§ã¯ã™ã§ã«ADOPTã¨ãªã‚Šã€æµ·å¤–ã§å¤šãã®äº‹ä¾‹ãŒå˜åœ¨ã—ã¾ã™ã€‚Micro Fronte
ma2 2020/12/22
frontend

microservices
ãƒªãƒ³ã‚¯
å¼è·å£«ãƒ‰ãƒƒãƒˆã‚³ãƒ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ï¼ˆNext.js + TypeScriptï¼‰ - ãƒ‘ãƒ³ãƒ€ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãƒ–ãƒã‚°
å¼è·å£«ãƒ‰ãƒƒãƒˆã‚³ãƒ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã‚’ç´¹ä»‹ã—ã¾ã™ ã“ã®è¨˜äº‹ã¯å¼è·å£«ãƒ‰ãƒƒãƒˆã‚³ãƒ Advent Calendar 2020ã€2æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚2020å¹´12æœˆã«åŸ·ç†ã•ã‚ŒãŸè¨˜äº‹ã§ã™ã€‚ ç§ã¯å¼è·å£«ãƒ‰ãƒƒãƒˆã‚³ãƒ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã¨ã„ã†ã‚µãƒ¼ãƒ“ã‚¹ã‚’é–‹ç™ºã—ã¦ã„ã¾ã™ã€‚ã“ã‚Œã¯æ³•å¾‹æ›¸ç±ã‚’ãƒãƒƒãƒˆã§èªã‚ã‚‹å¼è·å£«å‘ã‘ã®ã‚µãƒ–ã‚¹ã‚¯ãƒªãƒ—ã‚·ãƒ§ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®æŽ¡ç”¨æŠ€è¡“ã¯Next.js + TypeScriptã§ã€è¦ä»¶å®šç¾©ã‹ã‚‰è¨è¨ˆã€å®Ÿè£…ã¯ç§ãŒæ‹…å½“ã—ã€ç¾åœ¨ã‚‚é‹ç”¨ã—ã¦ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€2020å¹´5æœˆã«ãƒªãƒªãƒ¼ã‚¹ã—ã¦ã‹ã‚‰åŠå¹´é–“ã€Next.jsã§ä¸Šè¨˜ã‚µãƒ¼ãƒ“ã‚¹ã‚’é‹ç”¨ã—ãŸçŸ¥è¦‹ã®ä¸ã‹ã‚‰ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ å¼è·å£«ãƒ‰ãƒƒãƒˆã‚³ãƒ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã®ç‰¹å¾´ã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ ç”»é¢æ•°ã¯10ç”»é¢ã»ã©ã®ä¸è¦æ¨¡ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆOOUIã®è€ƒãˆæ–¹ã‚’å–ã‚Šå…¥ã‚ŒãŸã‚‰ç”»é¢æ•°ãŒæ¸›ã‚Šã¾ã—ãŸï¼‰ åŸºæœ¬çš„ã«ãƒãƒƒã‚¯
ma2 2020/12/03
frontend

react
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒˆã‚™ã‚¨ãƒ³ã‚·ã‚™ãƒ‹ã‚¢ã®ãŸã‚ã®AWSã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£
Talked at "AWS Dev Day Online Japan" 2020.
ma2 2020/10/22
frontend
ãƒªãƒ³ã‚¯
2019 in Review
2019 in Review@rauchg|January 2, 2020 (5y ago)64,502 views This post is a quick summary of the evolution of our company, our open-source work, interesting news and lessons in product design and engineering throughout 2019. #Static is the new Dynamic Throughout 2019 we have continued to see the growth of the JAMstack. The idea is quite simple: Any website or app you build and deploy will use the st
ma2 2020/04/14
javascript

frontend
ãƒªãƒ³ã‚¯
1