[B! ãƒ•ãƒãƒ³ãƒˆ] nakakohã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

nakakoh id:nakakoh

ãƒ•ãƒãƒ³ãƒˆã«é–¢ã™ã‚‹nakakohã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

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

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã®è©±: Resource Setã®ç´¹ä»‹
ã“ã‚“ã«ã¡ã¯ã€ã‚ˆã—ã“ã§ã™ã€‚ ã“ã®è¨˜äº‹ã¯ 2020å¹´ã«ç«‹ã¡ä¸Šã’ãŸWebãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æ§‹æˆã®æŒ¯ã‚Šè¿”ã‚Š ã®ã€ŒApplicationã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã€é …ã®è©³ç´°è¨˜äº‹ã§ã™ã€‚å˜ä½“ã§ã‚‚èªã‚ã¾ã™ãŒã€ã‚ˆã‘ã‚Œã°å…ƒè¨˜äº‹ã‚‚ã‚ã‚ã›ã¦ã©ã†ãžï¼ ã“ã®è¨˜äº‹ã§ã¯ã€ã‚ãŸã—ã®æ‰€å±žã™ã‚‹æ ªå¼ä¼šç¤¾ãƒŠãƒ¬ãƒƒã‚¸ãƒ¯ãƒ¼ã‚¯ã§é–‹ç™ºãƒ»é‹ç”¨ã—ã¦ã„ã‚‹Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ãƒã‚¸ãƒƒã‚¯ã‚„APIé€šä¿¡éƒ¨åˆ†ã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ã„ã‚ã‚†ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ä¸ã§ã‚‚è£å´ã®éƒ¨åˆ†ã€‚ ä¸€ç•ªè¨è¨ˆã£ã½ã„è©±ã«ãªã‚‹ã¨æ€ã„ã¾ã™ãŒã€ãã®ã¶ã‚“ã€Œâ–³â–³ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ä¾¿åˆ©ãªä½¿ã„æ–¹ã€ã€Œâ—¯â—¯ã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã€ã¨ã„ã†ã‚ˆã†ãªå…·ä½“çš„ã§æ±Žç”¨çš„ãªè©±ã¨ã¯ç•°ãªã‚Šã€ã†ã¡ã§ã¯ã“ã†ã‚„ã£ã¦ã¾ã™ã¨ã„ã†äº‹ä¾‹ã®å…±æœ‰ä»¥ä¸Šã®ä½•ç‰©ã§ã‚‚ãªã„ã§ã™ã€‚ ç¤¾å†…è³‡æ–™ã‚’ç¤¾å¤–ã«ã‚‚å…¬é–‹ã™ã‚‹ãã‚‰ã„ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã§å…±æœ‰ã—ã¦ã„ãã¾ã™ï¼ å‰æ:ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®æ§‹æˆè¦ç´ ã®4åˆ†é¡ž å‰æ®µã¨ã—ã¦ã€å¤§å…ƒã®æ€æƒ³ã‹ã‚‰è©±ã—ã¾ã™ã€‚ ã¾ãšã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³
nakakoh 2023/01/01
frontend

ãƒ•ãƒãƒ³ãƒˆ
ãƒªãƒ³ã‚¯
Edge Side Frontend ã¨ã„ã†æ–°é ˜åŸŸ
at #ãƒ¯ã‚¤ãƒ³ã¨é‹js ãªãœãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã« Edge Worker ãŒå¿…è¦ãªã®ã‹ã€Cloudflare Workers ã‚’ã©ã†ä½¿ã£ã¦ã„ãã‹ã¿ãŸã„ãªè©±ã‚’ã—ã¾ã—ãŸ
nakakoh 2022/07/24
frontend

ãƒ•ãƒãƒ³ãƒˆ
ãƒªãƒ³ã‚¯
Atomic Designã‚’ã‚„ã‚ã¦ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹é€ ã‚’è¦‹ç›´ã—ãŸè©±ï½œé£Ÿã¹ãƒã‚° ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€‚ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒãƒ¼ãƒ ã®é‡‘é‡Žã¨ç”³ã—ã¾ã™ã€‚ é£Ÿã¹ãƒã‚°ã§ã¯ç¾åœ¨ã€React+TypeScriptã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒªãƒ—ãƒ¬ãƒ¼ã‚¹ã‚’é€²ã‚ã¦ã„ã¾ã™ã€‚ ä»¥å‰ã®è¨˜äº‹ã§ã€é£Ÿã¹ãƒã‚°ã§ã¯Atomic Designã‚’ã©ã®ã‚ˆã†ã«å–ã‚Šå…¥ã‚Œã¦ã„ã‚‹ã‹ã®ç´¹ä»‹ã‚’ã—ã¾ã—ãŸã€‚ ã—ã‹ã—ã€æœ€è¿‘ã®ãƒªãƒ—ãƒ¬ãƒ¼ã‚¹ä½œæ¥ã§ã¯ã€Atomic Designã¨ã¯ç•°ãªã‚‹ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹é€ ã‚’æŽ¡ç”¨ã—ã¦ã„ã¾ã™ã€‚ ä»Šå›žã®è¨˜äº‹ã§ã¯ã€ã€ŒãªãœAtomic Designã‚’ã‚„ã‚ãŸã®ã‹ã€ã¨ã„ã†ç†ç”±ã¨ã€ã€Œã©ã®ã‚ˆã†ãªãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹é€ ã«ã—ãŸã®ã‹ã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Atomic Designã‚’å°Žå…¥ã—ãŸãã‚‰ã„ã¨å°Žå…¥ã—ãŸçµæžœ ä¸Šè¨˜ã®è¨˜äº‹ã§è¨€åŠã—ãŸé€šã‚Šã€å½“åˆAtomic Designã‚’å°Žå…¥ã—ãŸãã‚‰ã„ã¯ä»¥ä¸‹ã«ãªã‚Šã¾ã™ã€‚ 1. ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®è²¬å‹™ãŒã‚ˆã‚Šæ˜Žç¢ºã«ãªã‚‹ 2. è¦‹ãŸç›®ã®ç²’åº¦ã ã‘ã§ãªãã€ãƒã‚¸ãƒƒã‚¯ã®è²¬å‹™ã‚‚æ˜Žç¢ºã«ã§ãã‚‹ 3. ã€Œãƒ‰ãƒ¡ã‚¤ãƒ³ãŒå…¥ã‚‹ã‹ï¼å…¥ã‚‰ãªã„ã‹ã€ã€‚ã€ŒæŠ½è±¡çš„ã‹ï¼ãã†ã§ãª
nakakoh 2021/05/22
ãƒ•ãƒãƒ³ãƒˆ

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

microservices

è¨è¨ˆ
ãƒªãƒ³ã‚¯
2019å¹´ç‰ˆ æœ€å…ˆç«¯ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã«ãªã‚‹ãŸã‚ã«å¦ã¶ã¹ãã“ã¨ - Qiita
ã“ã¡ã‚‰ã®è¨˜äº‹ã¯ã€ã€ŽLearn to become a modern Frontend Developer in 2019ã€ã®å’Œè¨³ã«ãªã‚Šã¾ã™ã€‚ æœ¬æŠ•ç¨¿ã¯è»¢è¼‰ã§ã‚ã‚Šã€æœ¬è¨˜äº‹ã¯ã“ã¡ã‚‰ã«ãªã‚Šã¾ã™ã€‚ ã¯ã˜ã‚ã« æ–°å¹´ã«ãªã£ã¦ä»¥å‰æ›¸ã„ãŸè¨˜äº‹ã‚’å°‘ã—ç°¡æ½”ã«ã—ã¦ç†è§£ã—ã‚„ã™ã„ã‚ˆã†ã«æ›¸ãç›´ã—ã¦ã¿ã¾ã—ãŸã€‚ã“ã®æ–‡ç« ã«ä»¥å‰ç§ãŒæ›¸ã„ãŸæ–‡ç« ã¨é•ã£ãŸã“ã¨ãŒæ›¸ã„ã¦ã‚ã£ãŸã‚Šã€å°‘ã—çŸ›ç›¾ã™ã‚‹å†…å®¹ãŒè¦‹ã¤ã‹ã£ã¦ã‚‚ã‚ã¾ã‚Šæ°—ã«ã™ã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ æ˜¨å¹´ç§ãŒæ›¸ã„ãŸè¨˜äº‹ã¯GitHubã§å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚ Webé–‹ç™ºã¯çµ¶ãˆãšå¤‰åŒ–ã™ã‚‹åˆ†é‡Žã§ã™ - ä»Šæ—¥ç§ãŸã¡ãŒWebã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹æ–¹æ³•ã¯ã€2ï½ž3å¹´å‰ã®ã‚„ã‚Šæ–¹ã¨ã¯å…¨ãé•ã£ã¦ãã¦ã„ã¾ã™ã€‚åˆ©ç”¨ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ãŒæ²¢å±±ã‚ã‚Šã€æ–°ã—ã„ãƒ„ãƒ¼ãƒ«ã‚‚æ¯Žæ—¥å‡ºã¦ãã‚‹ã®ã§ã€ã‚¦ã‚§ãƒ–é–‹ç™ºè€…ã¯ã„ã¤ã‚‚ã©ã®ãƒ„ãƒ¼ãƒ«ã‚’ä½¿ãˆã°ã‚ˆã„ã®ã‹è¿·ã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ç§ã¯ã€ã‚¦ã‚§ãƒ–é–‹ç™ºã«ä¿‚ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã€ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã€ã¾ãŸã¯é‹ç”¨ã‚’å¦ã³ãŸã„ã¨æ€ã†äººã‚’å¯¾è±¡ã«ã—ãŸãƒ„
nakakoh 2019/07/23
ãƒ•ãƒãƒ³ãƒˆ
ãƒªãƒ³ã‚¯
ã™ã¹ã¦ã®æ–°ç±³ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«èªã‚“ã§ã»ã—ã„50ã®è³‡æ–™ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ã¯ã˜ã‚ã« ã•ã„ãã‚“ã®Webã¯SPAæŠ€è¡“ã‚’ä¸å¿ƒã¨ã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãŒè³‘ã‚ã£ã¦ã„ã¾ã™ãðŸ’ª å¾“æ¥ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚’æ‰±ã£ã¦ã„ãŸäººã‚‚ãƒ•ãƒãƒ³ãƒˆã‚’è§¦ã‚‹æ©Ÿä¼šãŒå¢—ãˆã¦ã„ãŸã‚Šã€ã“ã‚Œã‹ã‚‰ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å¦ã‚“ã§ã„ãäººã‚‚ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é ˜åŸŸã«èˆˆå‘³ã‚’æŒã£ã¦ã„ã‚‹ã®ã§ã¯ã¨æ€ã„ã¾ã™ã€‚ ãã“ã§ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®çµŒé¨“ãŒæµ…ã„æ–¹ã‚„åˆå¦è€…å‘ã‘ã«ã€ãŠã™ã™ã‚ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚„å‹‰å¼·ã™ã¹ãé ˜åŸŸã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ã¨ã‚Šã‚ãˆãšå‹•ã‘ã°è‰¯ã„æ®µéšŽã‹ã‚‰ä¸€æ©é€²ã‚“ã§ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ã€è‰¯ã„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ãŸã‚ã«å¿…è¦ãªçŸ¥è˜ã‚’æµ…ãåºƒãç´¹ä»‹ã—ã¾ã™ã€‚ â€»è£œè¶³ æ–°ç±³ã¨è¡¨è¨˜ã—ã¾ã—ãŸãŒã€å®Ÿéš›ã«ã¯æ–°å’ã‚„
nakakoh 2019/07/12
webpack

react

ãƒ•ãƒãƒ³ãƒˆ
ãƒªãƒ³ã‚¯
1