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

clavier id:clavier

TypeScriptã¨frontendã«é–¢ã™ã‚‹clavierã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

æ–°è¦ã‚µãƒ¼ãƒ“ã‚¹ã®ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰é–‹ç™ºã§3ãƒ¶æœˆçµŒã£ãŸã®ã§ã€è©¦ã—ãŸæŠ€è¡“ã‚„å–ã‚Šçµ„ã¿ã‚’ã¾ã¨ã‚ã¦ã¿ãŸ
ã“ã‚“ã«ã¡ã¯ã€AIShift ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®çŸ³äº•(@sugar235711)ã§ã™ã€‚ AIShiftã§ã¯åŽ»å¹´ã®11æœˆã‹ã‚‰AI Worker[1]ã¨ã„ã†æ–°ã—ã„ã‚µãƒ¼ãƒ“ã‚¹ã®é–‹ç™ºãŒå§‹ã¾ã‚Šã¾ã—ãŸã€‚ï¼ˆä»¥ä¸‹AI Workerï¼‰ æœ¬æ ¼çš„ã«é–‹ç™ºãŒå§‹ã¾ã‚Š3ãƒ¶æœˆå¼±çµŒã£ãŸã®ã§ã€ãã®é–“ã«è©¦ã—ã¦ããŸæŠ€è¡“ã‚„ãƒãƒ¼ãƒ ã®å–ã‚Šçµ„ã¿ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« ã“ã®è¨˜äº‹ã§ã¯ã€AI Workerã®ãŠãŠã¾ã‹ãªæ¦‚è¦ãƒ»è¨è¨ˆã‚’èª¬æ˜Žã—ã€ãã‚Œã‚‰ã®ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚’å®Ÿç¾ã™ã‚‹ä¸Šã§ã©ã®ã‚ˆã†ãªæŠ€è¡“ã‚’è©¦ã—ã¦ããŸã®ã‹ã€æŠ€è¡“ä»¥å¤–ã§ã®ãƒãƒ¼ãƒ ã®å–ã‚Šçµ„ã¿ã«ã¤ã„ã¦ã¾ã¨ã‚ã¾ã™ã€‚ å°‘ã—åˆ†é‡ãŒå¤šã„ã®ã§ã€ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ã¤ã„ã¦ã®æƒ…å ±ã‚’æ±‚ã‚ã¦ã„ã‚‹æ–¹ã¯ã€ç›®æ¬¡ã‹ã‚‰æ°—ã«ãªã‚‹éƒ¨åˆ†ã‚’èªã‚“ã§ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ ä½•ã‚’ä½œã£ã¦ã„ã‚‹ã®ã‹ ã–ã£ãã‚Šã¾ã¨ã‚ã‚‹ã¨ã€Microsoft Teams/Webä¸Šã§å‹•ãAIã‚’æ´»ç”¨ã—ãŸæ¥å‹™æ”¹å–„ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œæˆã—ã¦ã„ã¾ã™ã€‚ GPTã¨RAG
clavier 2024/03/19
development

typescript

architecture

webservice

frontend
ãƒªãƒ³ã‚¯
ä¸å¯§ãªDeno+JSX - laiso
*1 ã‚µãƒ¼ãƒãƒ¼ãƒ¬ã‚¹Functionsãã‚‰ã„ã®æ°—è»½ã•ã§ã‚µãƒ¼ãƒãƒ¼ã‚¢ãƒªã®Webã‚¢ãƒ—ãƒªã‚’ãƒ‡ãƒ—ãƒã‚¤ã—ãŸã„ã¨ã„ã†æ™‚ãŒã‚ã‚‹ã€‚ä¸»ã«è‡ªåˆ†ãŸã¡ã ã‘ãŒä½¿ã†ã‚ˆã†ãªãƒ„ãƒ¼ãƒ«ç³»ã®ã‚„ã¤ã€‚ ãã®æ™‚ã«ä»Šã¾ã§ã®ã‚ˆã†ã«SPA+APIã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã§ã¯ãªãã€ãƒ¢ãƒŽãƒªã‚·ãƒƒã‚¯ãªã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã«ã—ã¤ã¤ã‚‚ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã¨åŒã˜ãƒ„ãƒ¼ãƒ«ãƒã‚§ã‚¤ãƒ³ã‚’ä½¿ã„ãŸã„ã€ã¨å‰ã‹ã‚‰æ€ã£ã¦ã„ãŸã€‚ ã“ã‚Œã¯å˜ã«Reactãƒ¡ã‚¿ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã‚‚ä¸€æ°—é€šè²«ã«æ™‚çŸã§ä½œã‚Œãã†ã ã‘ã©ã€å€‹äººã®æ¥½ã—ã¿ã®ãŸã‚ã®æ´»å‹•ãªã®ã§ã€ä¸€æ—¦ä¸–é–“ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‹ã‚‰ã¯é›¢ã‚Œã¦è‡ªåˆ†ãŒæœ¬å½“ã«å¿…è¦ã ã¨æ€ã£ãŸè¦ç´ æŠ€è¡“ã®ã¿ã‚’æœ€å°é™ã«ä½¿ã£ã¦ç†è§£ã—ãªãŒã‚‰è©¦è¡ŒéŒ¯èª¤ã—ãŸã„ã€‚ â€»ãŸã ç¬¬ä¸‰è€…ã«æä¾›ã™ã‚‹ã‚·ã‚¹ãƒ†ãƒ ã¨ã‹ã¯å®‰å…¨ã«ä½œã‚‰ã‚ŒãŸæ—¢å˜ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ä¹—ã‚‹ã®ãŒã„ã„ã¨ã„ã†ã®ã‚‚ã‚ã‚‹ ã—ã°ã‚‰ãè€ƒãˆã¦ã¿ãŸã¨ã“ã‚ã€ç§ã«ã¨ã£ã¦ã¯ã€ŒTypeScriptã§JSXã‚’ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã«ä½¿ã£ã¦HTMLã‚’æ›¸ã‘ã‚‹ã ã‘ã§ã‚ˆã„ã€ã¨ã„ã†æ‰€ã«è½ã¡ç€
clavier 2024/01/02
typescript

frontend

node.js
ãƒªãƒ³ã‚¯
APIä»•æ§˜æ›¸ã‚’ãƒãƒªãƒ‡ãƒ¼ã‚¿ãƒ¼ã¨åž‹ã¨åŒæœŸã•ã›ã¦ä½œã‚‹
API Spec ã‚’æ›¸ãã¨ãã‚Œé€šã‚Šã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆã—ã‹å—ã‘ä»˜ã‘ãªã„ã‚ˆã†ã«ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦ãã‚Œã¦ã€ãªãŠã‹ã¤ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã‚ŒãŸå€¤ã«ã¯ Spec ã§æœŸå¾…ã—ãŸé€šã‚Šã®åž‹ãŒä»˜ã„ã¦æ¬²ã—ã„ã§ã™ã‚ˆãã€‚ ã“ã‚Œã‚’ TypeScript ã§å®Ÿç¾ã—ã‚ˆã†ã¨ã™ã‚‹ã¨è‰²ã€…ã¨å£ãŒã‚ã‚Šã¾ã™ã€‚ç‰¹ã« API Spec ã¨ TypeScript ã®åž‹ã‚’æƒãˆã‚‹ã®ãŒé›£ã—ã„ã§ã™ã€‚ ã“ã®æ‰‹ã®èª²é¡Œã¯ NestJS ã§ã‚ã‚Œã°ã‚¯ãƒ©ã‚¹ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã¨ãƒ‡ã‚³ãƒ¬ãƒ¼ã‚¿ã‚’ä½¿ã£ã¦è§£æ±ºã§ãã‚‹ã®ã§ã™ãŒã€åˆ¶ç´„ã®å¼·ã„ FW ã§ã‚ã‚‹ãŸã‚ä¼šç¤¾ã®äº‹æƒ…ã§æŽ¡ç”¨ãŒé›£ã—ã‹ã£ãŸã‚Šã‚‚ã—ã¾ã™ã€‚ãã“ã§ fastify ã‚’ä½¿ã£ã¦åŒæ§˜ã®ã“ã¨ã‚’é”æˆã§ãã‚‹ã‹æ¨¡ç´¢ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ (â€» OGP ã¯ https://www.pakutaso.com/photo/75600.html ã§ã™ã€‚åž‹ã€ãƒãƒªãƒ‡ãƒ¼ã‚¿ã€API Spec ä¸‰éŠƒå£«æ„ŸãŒã‚ã£ã¦é¸ã³ã¾ã—ãŸ) API ä»•æ§˜æ›¸ã¯ã©ã†ã‚ã‚‹ã¹ãã‹ ã¾ãšã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨
clavier 2022/02/22
ã‚ã¨ã§èªã‚€

frontend

typescript
ãƒªãƒ³ã‚¯
ä»Šæ›´ãªãŒã‚‰Next.jsã«å…¥é–€ã—ãŸ - maru source
ã“ã‚“ã«ã¡ã¯ä¸¸å±±@h13i32maruã§ã™ã€‚ã™ã”ã„ä»Šæ›´ãªãŒã‚‰Next.jsã«å…¥é–€ã—ãŸã®ã§æ„Ÿæƒ³ã‚’ãƒ¡ãƒ¢ã—ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ å…¥é–€è³‡æ–™ @hokacchaã•ã‚“ãŒã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ç¤¾ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ³ã‚·ãƒƒãƒ—ç”¨ã«å…¬é–‹ã—ã¦ã„ã‚‹å‹•ç”»ã‚’è¦‹ã¦å…¥é–€ã—ã¾ã—ãŸã€‚è¦ç‚¹ãŒã‚³ãƒ³ãƒ‘ã‚¯ãƒˆã«ã¾ã¨ã¾ã£ã¦ã‚‹ã®ã§ã€ã“ã‚Œã‚’è¦‹ã‚Œã°åŸºæœ¬ã¯ç†è§£ã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã‚ˆã‹ã£ãŸã§ã™ã€‚ SSG CodeLunch.fmã®ã‚µã‚¤ãƒˆã‚’Next.jsã®SSGã§ä½œã‚Šç›´ã—ã¾ã—ãŸã€‚ã‚‚ã¨ã‚‚ã¨react-dom/serverã®renderToString()ã‚’ä½¿ã£ã¦ãªã‚“ã¡ã‚ƒã£ã¦SSGã‚’è‡ªå‰ã§å®Ÿè£…ã—ã¦ã„ãŸã®ã§ã€ç§»è¡Œã¯ç°¡å˜ã§ã—ãŸã€‚getStaticPropsã‚„getStaticPathsã®ä»•çµ„ã¿ã¯ã†ã¾ã„ã“ã¨è€ƒãˆã‚‰ã‚Œã¦ã¦ã„ã„ãªã€œã¨æ€ã„ã¾ã—ãŸã€‚ ãã‚Œã¨ã€ãƒ‡ãƒ¼ã‚¿ã‚’ç‰¹ã«æŒã£ã¦ã„ãªã„æœ¬å½“ã®é™çš„ã‚µã‚¤ãƒˆã§ã‚‚Next.jsä½¿ã£ã¦SSGã§ä½œã‚‹ã®ã¯è‰¯ã•ãã†ã¨æ€ã„ã¾ã—ãŸã€‚ã‚µã‚¤ãƒˆå†…ã®ãƒ‘ãƒ¼ãƒ„ã‚’Reactã‚³ãƒ³
clavier 2021/10/13
typescript

frontend

next.js

react.js
ãƒªãƒ³ã‚¯
æœ€æ–°ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æŠ€è¡“ã®ç·å¾©ç¿’ï¼ React Hooksã€GraphQLã€TypeScriptã€AMPãªã©ç´¹ä»‹ - Bonfire Frontend #4 ãƒ¬ãƒãƒ¼ãƒˆ
æœ€æ–°ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æŠ€è¡“ã®ç·å¾©ç¿’ï¼ React Hooksã€GraphQLã€TypeScriptã€AMPãªã©ç´¹ä»‹ - Bonfire Frontend #4 ãƒ¬ãƒãƒ¼ãƒˆ ã“ã‚“ã«ã¡ã¯ã€‚ ä»Šå¹´ã®4æœˆã«ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦æ–°å’å…¥ç¤¾ã—ãŸã€ä¸‰å¥½ å¥å¤ªï¼ˆ@three4cï¼‰ã§ã™ã€‚9æœˆ3æ—¥ï¼ˆç«ï¼‰ã«ãƒ¤ãƒ•ãƒ¼ã®ã‚»ãƒŸãƒŠãƒ¼ãƒ«ãƒ¼ãƒ ã§ã€ŒBonfire Frontend #4ã€ã‚’é–‹å‚¬ã—ã¾ã—ãŸï¼ ã“ã®ã‚¤ãƒ™ãƒ³ãƒˆã®ç›®çš„ã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãŒæŠ±ãˆã‚‹èª²é¡Œã‚’å…±æœ‰ã—ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«ã¤ã„ã¦ç†±ãèªžã‚‹ä¼šã§ã™ã€‚ ä»Šå›žã®ãƒ†ãƒ¼ãƒžã¯ã€Œæœ€æ–°ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æŠ€è¡“ã€€ã€œå¤ä¼‘ã¿ç·å¾©ç¿’ã€œã€ã€‚åˆå¿ƒè€…ã®æ–¹ã§ã‚‚ç†è§£ã—ã‚„ã™ã„å†…å®¹ã¨ãªã£ã¦ãŠã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ç§ã‚‚å¤šãã®çŸ¥è¦‹ã‚’å¾—ã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚ ãƒ¤ãƒ•ãƒ¼ã‹ã‚‰ã¯æµœç”°ã¨å†…è—¤ãŒç™»å£‡ã—ã€ã‚²ã‚¹ãƒˆã‚¹ãƒ”ãƒ¼ã‚«ãƒ¼ã¨ã—ã¦ã‚µã‚¤ãƒœã‚¦ã‚ºæ ªå¼ä¼šç¤¾ã‚ˆã‚Šå‘äº• å’²äººã•ã‚“ã€æ ªå¼ä¼šç¤¾ãƒ‡ã‚£ãƒ¼ãƒ»ã‚¨ãƒŒãƒ»ã‚¨ãƒ¼ã‚ˆã‚Šå‰äº• å¥æ–‡ã•ã‚“ã«ãŠè©±ã—ã„ãŸã ãã¾ã—ãŸã€‚ ã“ã‚Œã‹ã‚‰ã¯
clavier 2019/09/20
ã‚ã¨ã§èªã‚€

typescript

frontend

react.js
ãƒªãƒ³ã‚¯
GitHub - microsoft/frontend-bootcamp: Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
clavier 2019/05/13
frontend

typescript

redux

react.js

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
1