[B! TypeScript][node.js] clavierã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

clavier id:clavier

TypeScriptã¨node.jsã«é–¢ã™ã‚‹clavierã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (14)

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

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

frontend

node.js
ãƒªãƒ³ã‚¯
Deno ã®ã“ã‚Œã¾ã§ã¨ã“ã‚Œã‹ã‚‰ JSConf JP 2021
class: middle, center <img src="./assets/logo.svg" align="center" width="200" /> Deno ã® ã“ã‚Œã¾ã§ ã¨ ã“ã‚Œã‹ã‚‰ --- ã‚¢ã‚¸ã‚§ãƒ³ãƒ€ - Deno ã¨ã¯ - Deno ã®ã“ã‚Œã¾ã§ã®ãƒãƒ¼ãƒ‰ãƒžãƒƒãƒ— - Deno ã®ã“ã‚Œã‹ã‚‰ã®ãƒãƒ¼ãƒ‰ãƒžãƒƒãƒ— --- # è©±ã™äºº <img src="./assets/hinosawa.jpg" align="right" width="300" /> æ—¥é‡Žæ¾¤æ“ä¹Ÿ twitter @kt3k - GREE (2012 - 2013) - Recruit (2015 - 2019) - Deno Land (2021 -) <small>2018å¹´ã‹ã‚‰ Deno ã«ã‚³ãƒ³ãƒˆãƒªãƒ“ãƒ¥ãƒ¼ãƒˆã‚’é–‹å§‹ã€‚2020å¹´ä½œè€…ã«èª˜ã‚ã‚Œ Deno Land ã«è»¢è·ã€‚ç¾åœ¨ã¯ãƒ•ãƒ«ã‚¿ã‚¤ãƒ ã§ Deno ã¨ Deno D
clavier 2021/11/28
typescript

node.js

deno
ãƒªãƒ³ã‚¯
TypeScript + Node.js ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ã¯ã˜ã‚ã‹ãŸ2020 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
clavier 2020/01/18
typescript

node.js

Qiita
ãƒªãƒ³ã‚¯
Express+TypeScriptã‚’ã¯ã˜ã‚ã‚‹ã¨ãã«ã‚„ã£ãŸã“ã¨ - ãã‚‰ã’ã«ãªã‚ŠãŸã„ã€‚
Expressã§ã‚µãƒ¼ãƒç«‹ã¦ãŸã„ãªã¨æ€ã£ãŸã®ã§ã€ TypeScriptã§ã¯ã˜ã‚ã‚‹ã¨ãã«ã‚„ã£ãŸã“ã¨ã®å‚™å¿˜éŒ²ã€‚ TypeScriptã®è¨å®š ã¾ãšã¯ã€package.jsonã‹ã‚‰ã€‚ # package.jsonã®ç”Ÿæˆ $ npm init # typescriptã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« $ npm i -D typescript @types/node # ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç¢ºèª $ npx tsc -v # tsåˆæœŸåŒ–: tsconfig.jsonç”Ÿæˆ $ npx tsc --init tsconfig.jsonã®è¨å®šã™ã‚‹ã€‚ // tsconfig.json { "compilerOptions": { "target": "ES2019", "module": "commonjs", "sourceMap": true, "outDir": "./dist", "strict": true, "esModul
clavier 2020/01/16
typescript

express

npm

node.js
ãƒªãƒ³ã‚¯
gRPC-Web + React + Node.js + TypeScriptã§ã‚·ãƒ³ãƒ—ãƒ«ãªãƒãƒ£ãƒƒãƒˆã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã‚‹ - Qiita
æ¦‚è¦ ã‹ãã¦ã‚ˆã‚ŠgRPCãŠã‚ˆã³gRPC-Webã«èˆˆå‘³ãŒã‚ã‚Šã€ã“ã‚Œã‚’ç”¨ã„ã¦ã‚·ãƒ³ãƒ—ãƒ«ãªãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãƒãƒ£ãƒƒãƒˆã‚µãƒ¼ãƒ“ã‚¹ã‚’åˆ¶ä½œã—ã€å…¬é–‹ã—ãŸã€‚ æœ¬ç¨¿ã§ã¯ã€ãã®é–‹ç™ºå·¥ç¨‹ã«ã¤ã„ã¦è§£èª¬ã™ã‚‹ã€‚ ã‚´ãƒ¼ãƒ« gRPC-Webã‚’ç”¨ã„ã¦ã€Œã‚ã„ã‚ã„ãƒãƒ£ãƒƒãƒˆã€ã‚’ä½œã‚‹ã€‚ https://waiwai-chat-2019.aanrii.com/ â€»2020å¹´9æœˆç¾åœ¨ã€å…¬é–‹åœæ¢ã—ã¾ã—ãŸã€‚ å†…å®¹ã¯ã‚·ãƒ³ãƒ—ãƒ«ãªãƒãƒ£ãƒƒãƒˆã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã ã€‚ã‚µã‚¤ãƒˆã‚’é–‹ãã¨ã¾ãšéŽåŽ»ãƒã‚°ãŒè¡¨ç¤ºã•ã‚Œã€ã»ã‹ã®å…¥å®¤è€…ã®æŠ•ç¨¿ãŒéšæ™‚æµã‚Œã¦ãã‚‹ã€‚ä»»æ„ã®åå‰ã§å…¥å®¤ã™ã‚‹ã¨æŠ•ç¨¿æ¬„ãŒå‡ºç¾ã—ã€ç™ºè¨€ãŒã§ãã‚‹ã€‚ç™ºè¨€ã—ãŸå†…å®¹ã¯ã‚µã‚¤ãƒˆã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã„ã‚‹å…¨å“¡ã«ã€å³åº§ã«å…±æœ‰ã•ã‚Œã‚‹ã€‚éŽåŽ»ãƒã‚°ã¯ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§é¡ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¯Reactã‚’ç”¨ã„ãŸSPAã¨ã—ã€Netlifyã‚’ä½¿ã£ã¦é™çš„ã‚µã‚¤ãƒˆç”Ÿæˆãƒ»é…ä¿¡ã™ã‚‹ã€‚ã¾ãŸã€ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã¯GKEä¸Šã§å‹•ãNode.jsã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã—ã€ã‹ã¤
clavier 2019/10/10
ã‚ã¨ã§èªã‚€

grpc

node.js

typescript

react
ãƒªãƒ³ã‚¯
æ°—è»½ãª Node.js ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰é–‹ç™ºã«ã¯ TypeORM ãŒã¡ã‚‡ã†ã©ã„ã„ #kng7 / introduce-typeorm
2019.08.02 ã«é–¢è¥¿Nodeå¦åœ’ 7æ™‚é™ç›®ã§ç™ºè¡¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚
clavier 2019/09/01
node.js

typescript

ORM
ãƒªãƒ³ã‚¯
Node.jsã‚¢ãƒ—ãƒªã®é–‹ç™ºã‚’ãƒ¢ãƒ€ãƒ³åŒ–ã™ã‚‹ãŸã‚ã«å–ã‚Šçµ„ã‚“ã§ããŸã“ã¨
2. Copyright Â© bit bank, inc. è‡ªå·±ç´¹ä»‹ â ãƒ“ãƒƒãƒˆãƒãƒ³ã‚¯ã§ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚’æ‹…å½“ â Node.js, TypeScript â å‰è·ã§ã¯ãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã‚’é–‹ç™º â C++, C#, PHP, etc. Daiki Yokoi 3. Copyright Â© bit bank, inc. ãƒ†ãƒ¼ãƒžã¨ã‚¢ã‚¸ã‚§ãƒ³ãƒ€ å„æ‰€ã‚’ãƒ¢ãƒ€ãƒ³åŒ–ã—ã¦çµ„ç¹”ã®æ‹¡å¤§ã«è€ãˆã‚‹ â ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ç·¨ â TypeScript + Nestãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®æŽ¡ç”¨ â ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆç’°å¢ƒç·¨ â Docker + ãƒ¢ãƒƒã‚¯ãƒ„ãƒ¼ãƒ«ã®æ´»ç”¨ â ã‚¤ãƒ³ãƒ•ãƒ©(AWS)ç·¨ â Infrastructure as Code ã«ã‚ˆã‚‹ ã‚µãƒ¼ãƒãƒ¼ãƒ¬ã‚¹ç’°å¢ƒã®æ§‹ç¯‰ 4. Copyright Â© bit bank, inc. ãƒ†ãƒ¼ãƒžã¨ã‚¢ã‚¸ã‚§ãƒ³ãƒ€ å„æ‰€ã‚’ãƒ¢ãƒ€ãƒ³åŒ–ã—ã¦çµ„ç¹”ã®æ‹¡å¤§ã«è€ãˆã‚‹ â ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ç·¨ â TypeScript + Nestãƒ•
clavier 2018/12/07
node.js

TypeScript
ãƒªãƒ³ã‚¯
Patterns for designing flexible architecture in node.js (CQRS/ES/Onion)
In this post, Iâ€™ve presented a project that is using CQRS and Event Sourcing patterns. Itâ€™s organized using onion architecture and written with TypeScript. â€œflexibleâ€ â€”a free stock photo I found which makes this blog post much nicer and artistic.â€œflexibleâ€ how?Iâ€™m using the term flexible to promote an architecture which is able to adapt to different kind of environments. More precisely, Iâ€™m trying
clavier 2017/12/18
DDD

CQRS

TypeScript

node.js
ãƒªãƒ³ã‚¯
ãƒ“ãƒƒãƒˆã‚³ã‚¤ãƒ³è‡ªå‹•è£å®šå–å¼•ã‚·ã‚¹ãƒ†ãƒ ã‚’C#ã‹ã‚‰Node.js+TypeScriptã«ç§»è¡Œ(Mac OS, Linuxå¯¾å¿œ) - Qiita
Node.js+TypeScriptç’°å¢ƒã«ç§»æ¤ ä»¥å‰ã®æŠ•ç¨¿ã§ç´¹ä»‹ã—ãŸãƒ“ãƒƒãƒˆã‚³ã‚¤ãƒ³è‡ªå‹•è£å®šå–å¼•ã‚·ã‚¹ãƒ†ãƒ ã‚’Node.jsã«ç§»è¡Œã—ã¾ã—ãŸã€‚ R2 Bitcoin Arbitrager https://github.com/bitrinjani/r2 ç§»è¡Œã—ãŸç†ç”±ã¯ä»¥ä¸‹ã®2ã¤ã§ã™ã€‚ Windowsä»¥å¤–ã®OSã®ã‚µãƒãƒ¼ãƒˆ (Mac OS, Linux) åˆ¥ã®æŠ•ç¨¿ã§ç´¹ä»‹ã—ãŸå¯è¦–åŒ–Web UIã¨ã®çµ±åˆ(æœªå®Ÿè£…) æ•°åƒè¡Œã®C#ã‚’TypeScript/JavaScriptã¸æ›¸ãæ›ãˆã‚‹ã“ã¨ã¯ã€è¨€èªžä»•æ§˜ã®ã¿ãªã‚‰ãšã€ãƒ©ãƒ³ã‚¿ã‚¤ãƒ ã®éžåŒæœŸå‡¦ç†ã®é•ã„ãªã©äºˆæƒ³ä»¥ä¸Šã«å¦ã¶ã“ã¨ãŒå¤šãã€ãã‚Œã¯åˆ¥ã®æŠ•ç¨¿ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³• 1) Node.js 8.5ä»¥é™ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« 2) ãƒªãƒã‚¸ãƒˆãƒªã‚’ã‚¯ãƒãƒ¼ãƒ³
clavier 2017/11/24
node.js

bitcoin

TypeScript

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Swagger, NodeJS, & TypeScript : TSOA
The following exposition is part of a series of articles concerning, Practical Web Development and Architecture. This article continues to focus on the theme, â€˜separation of concernsâ€™, demonstrating how the concept can be applied to a NodeJS server application development using the example ws-node-demo. The development of the front-end application ws-ngx-login-demo, a consumer of the NodeJs applic
clavier 2017/10/25
ã‚ã¨ã§èªã‚€

node.js

typescript

swagger
ãƒªãƒ³ã‚¯
Nest.js Brings TypeScript to Node.js and Express
TL;DR: In this article we are going to learn about Nest.js, a framework for building Node.js web applications. Why Nest.js? Because, although Node.js already contains a lot of libraries to develop web applications, none of them effectively address one of the most important subjects: the architecture. As we will see, Nest.js introduces various building blocks that help developers to better organize
clavier 2017/10/25
Node.js

AltJS

typescript
ãƒªãƒ³ã‚¯
Node.jsãƒ¦ãƒ¼ã‚¶ãƒ¼ãªã‚‰æŠ¼ã•ãˆã¦ãŠããŸã„npm-scriptsã®ã‚¿ã‚¹ã‚¯å®Ÿè¡Œæ–¹æ³•ã¾ã¨ã‚ - ICS MEDIA
ã‚¦ã‚§ãƒ–åˆ¶ä½œã®ç¾å ´ã§ã¯ä½œæ¥ã®è‡ªå‹•åŒ–ã‚’è¡Œã†ã“ã¨ãŒå¤šã„ã§ã™ã€‚Node.jsã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ™‚ã«ä»˜å±žã™ã‚‹npm (Node Package Manager)ã‚’ä½¿ç”¨ã™ã‚Œã°ã€ã‚¿ã‚¹ã‚¯å‡¦ç†ãŒå®Ÿç¾ã§ãã¾ã™ã€‚ npmã¨ã¯Node.jsã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’ç®¡ç†ã™ã‚‹ãŸã‚ã®ãƒ„ãƒ¼ãƒ«ã§ã‚ã‚Šã€ã‚¿ã‚¹ã‚¯å‡¦ç†ã«ã¯npmã®æ©Ÿèƒ½ã®npm-scriptsã‚’ä½¿ç”¨ã—ã¾ã™ã€‚æœ¬è¨˜äº‹ã¯npm-scriptsã‚’ä½¿ã£ãŸã‚¿ã‚¹ã‚¯å®Ÿè¡Œç’°å¢ƒãŒæ§‹ç¯‰ã§ãã‚‹ã“ã¨ã‚’ç›®æ¨™ã«è§£èª¬ã—ã¾ã™ã€‚ ãã‚‚ãã‚‚npm-scriptsã¨ã¯ä½•ã‹ï¼Ÿ npm-scriptsã¨ã¯ã€package.jsonãƒ•ã‚¡ã‚¤ãƒ«ã«è¨˜è¿°å¯èƒ½ãªã‚·ã‚§ãƒ«ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ã‚¨ã‚¤ãƒªã‚¢ã‚¹ã§ã™ã€‚ã‚¨ã‚¤ãƒªã‚¢ã‚¹ã¨ã¯ã‚³ãƒžãƒ³ãƒ‰åã‚’åˆ¥ã®ã‚³ãƒžãƒ³ãƒ‰åã«ç½®ãæ›ãˆã‚‹ã“ã¨ã§ã™ã€‚ä»¥ä¸‹ã®npm-scriptsã¯Hello world!!ã‚’è¡¨ç¤ºã•ã›ã‚‹ã‚³ãƒžãƒ³ãƒ‰ã®ã‚¨ã‚¤ãƒªã‚¢ã‚¹ã‚’ä½œæˆã™ã‚‹ä¾‹ã§ã™ã€‚ â–¼package.jsonãƒ•ã‚¡ã‚¤ãƒ« { "scripts": { "say"
clavier 2016/06/07
npm

node.js

Grunt

gulp

javascript

TypeScript
ãƒªãƒ³ã‚¯
WebStormã§TypeScriptã‚’ä½¿ãŠã† | DevelopersIO
WebStorm6ãŒãƒªãƒªãƒ¼ã‚¹ æœ€å¼·ã®JavaScriptç”¨IDEã¨åé«˜ã„WebStromãŒã€å…ˆæ—¥ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã—ã¦6.0ã«ãªã‚Šã¾ã—ãŸã€‚ ã„ã‚ã„ã‚ãªæ©Ÿèƒ½ãŒè¿½åŠ ã•ã‚Œã¦ã¾ã™ã€‚ TypeScript coding support Debugging with source maps Convenient to use JS libraries Fresh IDE look and feel & dark UI ä»Šå›žã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã§TypeScriptã‚‚ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¾ã—ãŸã€‚ ã“ã‚“ãªæ„Ÿã˜ã§ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ãƒã‚¤ãƒ©ã‚¤ãƒˆã‚‚ã§ãã¾ã™ã—ã€è£œå®Œã‚‚åŠ¹ãã‚ˆã†ã«ãªã£ã¦ã¾ã™ã€‚ ç’°å¢ƒæ§‹ç¯‰æ–¹æ³• ä»Šå›žä½¿ç”¨ã—ãŸå‹•ä½œç’°å¢ƒã¯ä»¥ä¸‹ã®ã¨ãŠã‚Šã§ã™ã€‚ OS : MacOS X 10.7.4 WebStorm : 6.0 Node.js : v0.8.15 npm : 1.1.66 nodeç®¡ç†ãƒ„ãƒ¼ãƒ« : nvm ã‚µãƒ³ãƒ—ãƒ«ç”¨ãƒ‡ã‚£ãƒ¬ã‚¯
clavier 2013/03/12
WebStorm

node.js

javascript

typescript
ãƒªãƒ³ã‚¯
1