[B! TypeScript] mas-higaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mas-higa id:mas-higa

TypeScriptã«é–¢ã™ã‚‹mas-higaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (17)

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

4 ã‚¹ãƒ†ãƒƒãƒ—ã§ãƒ¢ãƒ€ãƒ³ãª tsconfig.json ã‚’ä½œã‚‹ - mizdra's blog
tsconfig.json ã‚’ä½¿ã†ã¨ã€åž‹ãƒã‚§ãƒƒã‚¯ã‚’ç·©ã/å¼·ãã—ãŸã‚Šã€ã¾ãŸå‡ºåŠ›ã™ã‚‹ JS ã®å½¢å¼ã‚’å¤‰ãˆãŸã‚Šã§ãã‚‹ã€‚ã—ã‹ã—ã„ãã¤ã‹ã®äº‹æƒ…ã‹ã‚‰ã€æ£ã—ãæ›¸ãã®ãŒé›£ã—ã„ã€‚ ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã®æ•°ãŒéžå¸¸ã«å¤šã„ ãã®æ•°ãªã‚“ã¨ 133 å€‹ *1 ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã®æ„å‘³ã‚„å½¹å‰²ãŒç†è§£ã—ã«ãã„ å…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¯ä¸å¯§ã«ã‹ã‹ã‚Œã¦ã„ã‚‹ãŒ... JavaScript ã‚„ TypeScript ã®ä»•æ§˜ã€åž‹ã®çŸ¥è˜ã€æ´å²çš„çµŒç·¯ãªã©ã‚’çŸ¥ã‚‰ãªã„ã¨ç†è§£ã—ã¥ã‚‰ã„ æŽ¨å¥¨ã•ã‚Œã‚‹ã‚ªãƒ—ã‚·ãƒ§ãƒ³ãŒå¤‰ã‚ã£ã¦ã„ã è¨€èªžã‚„ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã®é€²åŒ–/å¤‰åŒ–ã«ã‚ˆã£ã¦å¤‰ã‚ã‚‹ æœ€è¿‘ã ã¨ Node.js ã® TypeScript ã‚µãƒãƒ¼ãƒˆã§å¤‰ã‚ã£ãŸ ã€Œã‚ªãƒ—ã‚·ãƒ§ãƒ³ã®ç´°ã‹ã„æ„å‘³ã¨ã‹ã¯ä¸€æ—¦ã„ã„ã‹ã‚‰ã€ãƒ¢ãƒ€ãƒ³ã§æœ€å°é™ã® tsconfig.json ãŒã™ãã«æ¬²ã—ã„ï¼ï¼ï¼ã€ã€‚ãã†ã—ãŸå£°ã«å¿œãˆã¦ã€id:mizdra ãŒã‚ªã‚¹ã‚¹ãƒ¡ã™ã‚‹ã€Œ4 ã‚¹ãƒ†ãƒƒãƒ—ã§ãƒ¢ãƒ€ãƒ³ãª tsconfig.json ã‚’ä½œã‚‹æ–¹æ³•ã€
mas-higa 2025/04/03
(ãŸã¶ã‚“ã“ã‚Œã‚’èªã‚‚ã†ã¨ã—ãŸã¨ãã«ã¯ã€æ—¢ã«ã‚ªã‚¹ã‚¹ãƒ¡ãŒå¤‰ã‚ã£ã¦ã‚‹ã¨æ€ã†)

TypeScript

tips

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
èª¤è§£ã•ã‚ŒãŒã¡ãªneveråž‹ã®å±é™ºæ€§: ã€Œå˜åœ¨ã—ãªã„ã€ã«ã¤ã„ã¦ - Qiita
neveråž‹ã¯TypeScriptã«å˜åœ¨ã™ã‚‹åž‹ã®ã²ã¨ã¤ã§ã€ã€Œå˜åœ¨ã—ãªã„å€¤ã®åž‹ã€ã¨ã—ã¦èª¬æ˜Žã•ã‚Œã‚‹ã“ã¨ãŒå¤šã„ã‚‚ã®ã§ã™ã€‚ ã“ã®èª¬æ˜Žã¯æ£ã—ã„ã®ã§ã™ãŒã€èª¤è§£ã•ã‚Œã‚‹ã“ã¨ãŒã‚ã‚‹ã¨æ„Ÿã˜ã¾ã—ãŸã€‚ãã“ã§ã€ä»Šå›žã¯neveråž‹ã«é–¢ã™ã‚‹èª¤è§£ã‚’è§£ããŸã‚ã®è¨˜äº‹ã‚’ç”¨æ„ã—ã¾ã—ãŸã€‚ãœã²ã“ã®è¨˜äº‹ã‚’èªã‚“ã§ã€neveråž‹ã«ã¤ã„ã¦æ£ã—ãç†è§£ã—ã¦ã„ã‚‹ã‹ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ neveråž‹ã¨ã¯ neveråž‹ã¯ã€ä¸Šè¿°ã®é€šã‚Šã€ã€Œå˜åœ¨ã—ãªã„å€¤ã®åž‹ã€ã§ã™ã€‚è¨€ã„æ›ãˆã‚Œã°ã€Œneveråž‹ã®å€¤ã¯å˜åœ¨ã—ãªã„ã€ã¨ã„ã†ã“ã¨ã§ã™ã€‚ã“ã‚“ãªç°¡æ½”ãªèª¬æ˜Žã§ã™ãŒã€neveråž‹ã¯å¥¥æ·±ã„æ€§è³ªã‚’æŒã£ã¦ã„ã¾ã™ã€‚ ã¾ãšã€ã€Œneveråž‹ã®å€¤ã¯å˜åœ¨ã—ãªã„ã€ã¨ã„ã†ã®ãŒã©ã†ã„ã†ã“ã¨ã‹ç†è§£ã—ã¾ã—ã‚‡ã†ã€‚ã“ã‚Œã¯ã€ã©ã‚“ãªå€¤ã‚‚neveråž‹ã«ã¯ä»£å…¥ã§ããªã„ï¼ˆneveråž‹ã®å€¤ã§ã¯ãªã„ï¼‰ã¨ã„ã†ã“ã¨ã§ã™ã€‚ã“ã®ã‚ˆã†ã«ã€neveråž‹ã®å¤‰æ•°ã«ã¯ã€ä½•ã‚’ä»£å…¥ã—ã‚ˆã†ã¨ã—ã¦ã‚‚å…¨ã¦ã‚¨ãƒ©ãƒ¼ã«ãªã‚Šã¾ã™ã€‚
mas-higa 2025/01/20
TypeScript

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Emacsã§TypeScriptç’°å¢ƒã‚’æ•´ãˆã‚‹ - $shibayu36->blog;
Scalaã«ã¤ã¥ã„ã¦TypeScriptã‚‚å‹‰å¼·ã—ã‚ˆã†ã¨æ€ã£ãŸã®ã§ã€ã¾ãšã¯ã‚¨ãƒ‡ã‚£ã‚¿ã®ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã‚’ã—ãŸã€‚ typescript-mode ã¨ã‚Šã‚ãˆãštypescript-modeã¨ã„ã†ã®ãŒã‚ã‚‹ã®ã§ã€ãã‚Œã‚’å…¥ã‚Œã‚‹ã€‚M-x package-list-packagesã—ã¦typescript-modeã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã€‚ãã®å¾Œä»¥ä¸‹ã®è¨å®šã‚’å…¥ã‚Œã¦ãŠã‘ã°è‰¯ã„ã€‚ (require 'typescript-mode) (add-to-list 'auto-mode-alist '("\\.ts\\'" . typescript-mode)) flycheckã€è£œå®Œã€åž‹æƒ…å ±ã®è¡¨ç¤ºã€å®šç¾©ã‚¸ãƒ£ãƒ³ãƒ— tss.elã¨tide.elã¨ã„ã†ã®ãŒã‚ã£ãŸã€‚tide.elã¯å…¬å¼ãŒæä¾›ã—ã¦ã„ã‚‹tsserverã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã«å‰‡ã£ã¦è£œå®Œã‚„å®šç¾©ã‚¸ãƒ£ãƒ³ãƒ—ãŒã§ãã‚‹ã®ã§ã€ã“ã¡ã‚‰ã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã«ã—ãŸã€‚ã¾ãšpackage-list-pa
mas-higa 2024/11/12
emacs

TypeScript
ãƒªãƒ³ã‚¯
Emacsã§TypeScript/Reacté–‹ç™ºã™ã‚‹2023 - ãŸã”ã‚‚ã‚Šã™ãƒ¡ãƒ¢
ä¸–é–“ã«æ»ã¬ã»ã©è‰²ã€…ãªæ–¹æ³•ãŒã‚ã‚‹ã®ã¯ã‚ã‹ã£ã¦ã„ã‚‹ãŒã¨ã«ã‹ãã¾ã£ã•ã‚‰ãªçŠ¶æ…‹ã‹ã‚‰æœ€çŸæ‰‹é †ã§Emacsã§JSX/TSXãŒæ›¸ã‘ã‚‹ã‚ˆã†ã«ãªã‚ŠãŸã„! ã¨ã„ã†è©±ã€‚VSCodeã¨ã‹ãã†ã„ã†è©±ã«ã¯ç›®ã‚’èƒŒã‘ã‚‹ã€‚ tsxãƒ•ã‚¡ã‚¤ãƒ«ã¯web-modeã§èµ·å‹•ã™ã‚‹ã‚ˆã†ã«ã™ã‚Œã°ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ãƒã‚¤ãƒ©ã‚¤ãƒˆã¨ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã¯ã†ã¾ãã„ãã®ã§ã€ã‚ã¨ã¯lspã‚’èµ·å‹•ã™ã‚‹ã‚ˆã†ã«ã™ã‚Œã°å¿«é©ã§ã™ï¼â€” ã¤ã‹ã‚‚ã¨ãŸã‘ã— (@itometeam) 2023å¹´1æœˆ23æ—¥ è‡ªåˆ†ã§èª¿ã¹ã¤ã¤è©¦è¡ŒéŒ¯èª¤ã—ãŸã‚“ã ã‘ã©ã€æœ€çµ‚çš„ã«ã¯ã“ã®tweetã§æ•™ãˆã¦ã‚‚ã‚‰ã£ãŸé€šã‚Šã«ãªã£ãŸã€‚ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒ¢ãƒ¼ãƒ‰ã¨ã—ã¦web-modeã‚’ä½¿ã„ã¤ã¤flycheckã¨LSPã§é–‹ç™ºæ”¯æ´ã€‚ macOSã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ãŸEmacs*1ã€ãŠã‚ˆã³MELPAã«ã‚ã‚‹ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã ã‘ã§ã€ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã£ãŸã€‚ (require 'web-mode) (add-to-list 'auto-mode-alist '("\\.
mas-higa 2024/10/15
emacs

TypeScript
ãƒªãƒ³ã‚¯
TypeScriptã¯åž‹å®‰å…¨ã˜ã‚ƒãªã„ã‹ã‚‰ã™ã°ã‚‰ã—ã„ - ã¾ã‚ã‚ã‚‚
ã€ŒTypeScriptã§ã¯ã˜ã‚ã‚‹åž‹ã‚·ã‚¹ãƒ†ãƒ ã€ã¨ã„ã†è¨˜äº‹ã‚’næœˆåˆŠãƒ©ãƒ ãƒ€ãƒŽãƒ¼ãƒˆã«å¯„ç¨¿ã—ã¾ã—ãŸã€‚ æ–°åˆŠã‚’ç™ºå£²ã—ã¾ã—ãŸ "ã€ŽnæœˆåˆŠãƒ©ãƒ ãƒ€ãƒŽãƒ¼ãƒˆã€Vol.4 No.3ï¼ˆ2024ï¼‰ç™ºè¡Œã®ãŠçŸ¥ã‚‰ã› https://t.co/PGppk1aRRAâ€” lambda note (@lambda note) 2024å¹´10æœˆ4æ—¥ ã©ã‚“ãªå†…å®¹ï¼Ÿ TypeScriptã®æ¥µå°ã‚µãƒ–ã‚»ãƒƒãƒˆã«å¯¾ã™ã‚‹åž‹æ¤œæŸ»å™¨ã‚’æ›¸ãã€ãã‚Œã‚’é€šã—ã¦åž‹ã‚·ã‚¹ãƒ†ãƒ ã‚’ä½“æ„Ÿã—ã¦ã¿ã‚ˆã†ã€ã¨ã„ã†å†…å®¹ã§ã™ã€‚ è©³ã—ãè¨€ã†ã¨ã€booleanåž‹ã¨numberåž‹ã¨é–¢æ•°åž‹ã—ã‹ãªã„TypeScriptã‚µãƒ–ã‚»ãƒƒãƒˆè¨€èªžãŒã‚¿ãƒ¼ã‚²ãƒƒãƒˆã§ã™ã€‚ åž‹æ¤œæŸ»å™¨ã®å®Ÿè£…è¨€èªžã«ã‚‚TypeScriptï¼ˆå‡¦ç†ç³»ã¯Denoï¼‰ã‚’ä½¿ã„ã¾ã™ã€‚ TypeScriptã¥ãã—ã®ä¸€å“ã§ã™ã€‚ ã‚ã‹ã‚‹äººå‘ã‘ã«è¨€ã†ã¨ã€ã€Œåž‹ã‚·ã‚¹ãƒ†ãƒ å…¥é–€ã€ã¨ã„ã†æœ¬ï¼ˆé€šç§°TAPLï¼‰ã®å˜ç´”åž‹ä»˜ããƒ©ãƒ ãƒ€è¨ˆç®—ã«ç›¸å½“ã™ã‚‹å†…å®¹ã‚’TypeScriptã§èª¬æ˜Žã—
mas-higa 2024/10/07
TypeScript

programming

language
ãƒªãƒ³ã‚¯
Rails vs Node.js
Previous slideNext slideToggle fullscreenOpen presenter view Rails vs Node.js æœ€çµ‚ç« ã€ŒPrismaã€ @mizchi Cloudflare Meetup 2024/10/02 ä»Šæ—¥ã® Prisma + Cloudflare ã®æ§˜å About https://x.com/mizchi Node.js ã¨ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®å°‚é–€å®¶ 100ä¸‡å††*é”æˆçŽ‡ã§å¾¡ç¤¾ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é«˜é€ŸåŒ–ã‚’ã‚„ã‚Šã¾ã™ å‰æ›¸ã ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰/Node.js è¦–ç‚¹ã®ãƒã‚¸ã‚·ãƒ§ãƒ³ãƒˆãƒ¼ã‚¯ã§ã™ Railsã«å¯¾ã™ã‚‹ãƒãƒ£ãƒ¬ãƒ³ã‚¸ãƒ£ãƒ¼ã¨ã—ã¦ Node.js ã‚’ä½¿ã£ã¦ããŸè©± Rubyã®é–‹ç™ºè€…ã‚„Rubyã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’å¦å®šã™ã‚‹æ„å›³ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€å¥½ãå«Œã„ã¯å¦å®šã—ã¾ã›ã‚“ã€‚åž‹ãŒå¥½ãã§ã™ ã€ŒRailsã€ã¯ 2010å¹´å‰å¾Œã«æµè¡Œã£ã¦ã„ãŸä»»æ„ãªWAFã«ç½®ãæ›ãˆå¯èƒ½ Symfony
mas-higa 2024/10/03
web

development

rails

react

TypeScript
ãƒªãƒ³ã‚¯
export {}; ãŒä½¿ã‚ã‚Œã‚‹TypeScriptç‰¹æœ‰ã®äº‹æƒ…
TypeScriptã®ã‚³ãƒ¼ãƒ‰ã§ã¯ã€export {}; ã¨ã„ã†è¨˜è¿°ã‚’è¦‹ã‹ã‘ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã¯ECMAScriptã®æ§‹æ–‡ã§ã¯ã‚ã‚‹ã‚‚ã®ã®ã€ã“ã‚ŒãŒä½¿ã‚ã‚Œã‚‹èƒŒæ™¯ã«ã¯TypeScriptç‰¹æœ‰ã®äº‹æƒ…ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ã€export {}; ãŒãªãœä½¿ã‚ã‚Œã‚‹ã®ã‹ã€ã©ã®ã‚ˆã†ãªåŠ¹æžœãŒã‚ã‚‹ã®ã‹ã‚’è§£èª¬ã—ã¾ã™ã€‚ export {}; ã¨ã¯ ã“ã®æ§‹æ–‡ã¯ã€exportã¨ã„ã†ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã‹ã‚‰åˆ†ã‹ã‚‹ã‚ˆã†ã«ã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã«é–¢é€£ã™ã‚‹æ§‹æ–‡ã§ã™ã€‚ ä¸€èˆ¬ã«ã€export { ... };ã¨ã„ã†æ§‹æ–‡ã¯ã€æ—¢å˜ã®å¤‰æ•°ã‚’ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‹ã‚‰ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã™ã‚‹ãŸã‚ã«ä½¿ã‚ã‚Œã¾ã™ã€‚ä¾‹ãˆã°ã€æ¬¡ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ãŒè€ƒãˆã‚‰ã‚Œã¾ã™ã€‚ const foo = 42; const bar = "hello"; const banana = "banana"; export { foo, bar as hello, banana as "ðŸŒ", }; å¤‰æ•°ã‚’ã‚¨ã‚¯
mas-higa 2024/08/05
TypeScript

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ReactÃ—Typescript Eventã®åž‹ã¾ã¨ã‚
type Props = { onClick: (event: React.MouseEvent<HTMLInputElement>) => void onChange: (event: React.ChangeEvent<HTMLInputElement>) => void onkeypress: (event: React.KeyboardEvent<HTMLInputElement>) => void onBlur: (event: React.FocusEvent<HTMLInputElement>) => void onFocus: (event: React.FocusEvent<HTMLInputElement>) => void onSubmit: (event: React.FormEvent<HTMLFormElement>) => void onClickDiv: (
mas-higa 2024/07/08
react

TypeScript
ãƒªãƒ³ã‚¯
<T, K extends keyof T> ã‚’ã¡ã‚ƒã‚“ã¨ç†è§£ã™ã‚‹
TL;DR TypeScriptã§ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãªã©ã‚’è¦—ã„ã¦ã„ã‚‹ã¨ã‚ˆãè¦‹ã‹ã‘ã‚‹<T, K extends keyof T>ã«ã¤ã„ã¦ã€å•é¡Œã‚’åˆ†è§£ã—ã¦ãã¡ã‚“ã¨ç†è§£ã™ã‚‹è©¦ã¿ã§ã™ã€‚ extends ã“ã®å ´åˆã®extendsã®å½¹å‰²ã¯ç¶™æ‰¿ã§ã¯ãªãã€åˆ¶ç´„ã§ã™ã€‚ ä¾‹ãˆã°ä»¥ä¸‹ã®ã‚ˆã†ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã€‚ type StringOrNumber<T extends string | number> = T type A = StringOrNumber<string> type B = StringOrNumber<number> // Type 'boolean' does not satisfy the constraint 'string | number' type C = StringOrNumber<boolean> type User = { id: number; name: string; }; cons
mas-higa 2024/06/20
TypeScript
ãƒªãƒ³ã‚¯
Readonly ä½¿ã£ã¦ã¾ã™ã‹ï¼Ÿ
ãƒ ãƒ¼ã‚¶ãƒ«ã¡ã‚ƒã‚“ãã‚‹ã®ãƒ ãƒ¼ã§ã™ã€‚ä»Šå›žã¯ TS ã® Readonly ã‚’ä½¿ã†ã‹å¦ã‹ zaru ã•ã‚“ã¨ä¼šè©±ã—ã¾ã—ãŸã€‚ ä»¥å‰ã® zaru ã•ã‚“ã®ã“ã¡ã‚‰ã®è¨˜äº‹ Reactã®propsã¯readonlyã«ã™ã‚‹ã¹ãã‹ï¼Ÿã§ã€Readonly ã«ã¤ã„ã¦ã¯è¨˜è¼‰ã—ã¦ã„ã¾ã™ãŒã€ä»Šå›žä¼šè©±ã‚’ã™ã‚‹ä¸ã§æ”¹ã‚ã¦æ°—ã¥ã„ãŸçŸ¥è¦‹ãªã©ãŒã‚ã£ãŸã®ã§ã‚·ã‚§ã‚¢ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ å‹•ç”»æœ¬ç·¨ã®ä¸ã§ã‚‚ Readonly ã®ç½ ã¨ã—ã¦äºŒã¤ç´¹ä»‹ã—ã¦ã„ã¾ã™ãŒã€ãã‚Œã‚‰ã«ã¤ã„ã¦æ›¸ã„ã¦ãŠããŸã„ã¨æ€ã„ã¾ã™ã€‚ ãã®1 immutable ãªã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ mutable ãªã‚‚ã®ã«ã‚¢ã‚µã‚¤ãƒ³ã™ã‚‹ã¨ã€å¤‰æ›´ã§ãã¦ã—ã¾ã†ã€‚ ã“ã‚Œã¯ã‚ˆãçŸ¥ã‚‰ã‚Œã¦ã„ã‚‹æŒ™å‹•ã ã¨æ€ã„ã¾ã™ã€‚ å…·ä½“çš„ã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã§ã™ã€‚ interface Cat { readonly name: string; } const cat1: Cat = { name: "Alice" }; cat1.name
mas-higa 2024/06/14
TypeScript
ãƒªãƒ³ã‚¯
ãƒŠãƒ¡ã‚„ãŒã£ã¦ã“ã®åž‹ã‚¡!!è¶…ã‚¤ãƒ©ã¤ããœã‡ï½žï½žï½žï½žï½žãƒƒ!!
const colors = ["èµ¤","é’"] as const; type Colors = typeof colors[number]; //"èµ¤" | "é’" typeof colors[number]ï½¥ï½¥ï½¥ã£ã¦ã‚ˆã‚©ï½žï½žï½žï½žï½ž typeofã¯ã‚ã‹ã‚‹ã€‚ã‚¹ã‚²ãƒ¼ã‚ˆãã‚ã‹ã‚‹ TypeScritã®ä¸–ç•Œã§ã¯ã€typeofã§å¤‰æ•°ã‹ã‚‰åž‹ã‚’ä½œã‚Œã‚‹ã‚“ã ã‚ˆãªã‚¡ ã ãŒnumberã£ã¦ã®ã¯ã©ã†ã„ã†äº‹ã ã‚ã‚ï½žï½žï½žï½žã£!? é…åˆ—ã«numberã‚’æ¸¡ã›ã‚‹ã‹ã£ã¤ãƒ¼ã®ã‚ˆâ”€â”€â”€â”€â”€â”€â”€ãƒƒ!! ãƒŠãƒ¡ã‚„ãŒã£ã¦ã“ã®åž‹ã‚¡!! è¶…ã‚¤ãƒ©ã¤ããœã‡ï½žï½žï½žï½žãƒƒ!! è§£èª¬ ã“ã‚Œã¯ã‚ˆã‚© ã€ŒLookup Typeã€ã£ã¦ã‚„ã¤ã‚‰ã—ã„ãœã‡ ãŸã¨ãˆã°ã‚ˆã‚© ðŸ‘‡ã¿ãŸã„ã«æ›¸ãã¨Personåž‹ã‹ã‚‰ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®åž‹ã‚’å–ã‚Šå‡ºã›ã‚‹ã‚ˆãªã‚¡ï½ž?? type Person = { name: string, age: number } type name = Person
mas-higa 2023/11/10
TypeScript

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
TypeScriptã®å°Žå…¥ã«ã‚ãŸã£ã¦è€ƒæ…®ã™ã¹ããƒ¡ãƒªãƒƒãƒˆã¨ã‚³ã‚¹ãƒˆ
çš†ã•ã‚“ã“ã‚“ã«ã¡ã¯ã€‚äº¬éƒ½é–‹ç™ºå®¤ã®Linã§ã™ã€‚ä»•äº‹ã¨å€‹äººçš„ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§TypeScriptã«ã‚ˆã‚‹é–‹ç™ºã‚’å§‹ã‚ã¦ç´„2å¹´ãŒçµŒã¡ã¾ã—ãŸã®ã§ã€Â TypeScriptå°Žå…¥æ™‚ã®çµŒé¨“ã‚’çš†ã•ã‚“ã«ãŠè©±ã—ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ è¿‘å¹´ã€TypeScriptã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰åˆ†é‡Žã§æœ€ã‚‚æ³¨ç›®ã‚’é›†ã‚ã‚‹æŠ€è¡“ã¨ãªã£ã¦ã„ã¾ã™ã€‚The State of JavaScriptã®è³‡æ–™ã«ã‚ˆã‚Œã°ã€TypeScriptã®ä½¿ç”¨ã‚’é¸æŠžã™ã‚‹é–‹ç™ºè€…ã¯å¢—åŠ ã‚’ç¶šã‘ã¦ãŠã‚Šã€ãã®è©•ä¾¡ã‚‚è‚¯å®šçš„ãªã‚‚ã®ãŒå¤šã„ã‚ˆã†ã§ã™ã€‚ ã€Œæ¬¡ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã¯TypeScriptã«ã‚ˆã‚Šé–‹ç™ºã‚’è¡Œã†ã¹ãã ã€ã€Œä»Šã‚ã‚‹JavaScript ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’TypeScriptä»•æ§˜ã«å¤‰æ›´ã™ã‚Œã°ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆå“è³ªã®å‘ä¸Šã«ã¤ãªãŒã‚‹ã€ã¨è€ƒãˆã¦ã„ã‚‹ãƒãƒ¼ãƒ ã¯æ•°å¤šãã‚ã‚‹ã§ã—ã‚‡ã†ã€‚ ã—ã‹ã—ãªãŒã‚‰ã€TypeScriptå°Žå…¥ã®ã‚³ã‚¹ãƒˆãŠã‚ˆã³ãƒ¡ãƒªãƒƒãƒˆã«ã¤ã„ã¦ã¯ã€æ¥µã‚ã¦æ…Žé‡ã«è©•ä¾¡ã‚’è¡Œã†å¿…è¦ãŒã‚ã‚‹ã¨ã€ç§ã¯è€ƒãˆã¦ã„ã¾ã™ã€‚
mas-higa 2021/01/27
JavaScript ã®æŸ”è»Ÿæ€§ã‚’æ´»ã‹ã—ãŸã‚³ãƒ¼ãƒ‰ã¯ã€ã™ã‚“ãªã‚Š TypeScript ã«å¤‰æ›ã§ããªã„ã‚ˆã£ã¦è©±ã‹ãª?

ã‚ã¨ã§èªã‚€

TypeScript
ãƒªãƒ³ã‚¯
ã“ã® TypeScript ãŒ Hello, world! ã®ãã›ã«æ…Žé‡ã™ãŽã‚‹ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
mas-higa 2020/01/28
TypeScript

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
TypeScriptã‚’å°Žå…¥ã™ã‚‹å‰ã«è€ƒæ…®ã—ãŸã»ã†ãŒè‰¯ã„ã“ã¨ 4é …ç›® - ã‚¿ã‚ªãƒ«ã‚±ãƒƒãƒˆä½“æ“
è£œè¶³ï¼š2021å¹´6æœˆ çµæ§‹æ˜”ã«æ›¸ã„ãŸè¨˜äº‹ã§ã™ãŒã€ä»Šã§ã‚‚ãŸã¾ã«ã‚¢ã‚¯ã‚»ã‚¹ãŒã‚ã‚‹ï¼ˆã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ï¼‰ã‚ˆã†ãªã®ã§ä½¿å‘½æ„Ÿã«é§†ã‚‰ã‚Œã¦è¿½è¨˜ã€‚ æœ¬ç·¨ã®å†’é ã«ã‚‚ã‚ã‚‹ã‚ˆã†ã«ã€ã“ã‚Œã¯2018å¹´ã®è¨˜äº‹ã§ã™ã€‚ãªã®ã§è‰²ã€…ã¨æ›¸ã„ã¦ã¾ã™ãŒã€2021å¹´ã®äººé–“ã®ç«‹å ´ã‹ã‚‰TypeScriptã®å°Žå…¥ã«ã¤ã„ã¦ç”³ã™ã®ã§ã‚ã‚Œã°ä¸€è¨€ã§ã™ã€‚ ä½¿ã„ã¾ã—ã‚‡ã†ã€‚ ã‚‚ã¯ã‚„ã€ŒTypeScriptã‚’ä½¿ã†ç†ç”±ã€ã¨ã‹è¨€ã£ã¦ã‚‹æ™‚ä»£ã¯ã¨ã£ãã®æ˜”ã«çµ‚ã‚ã£ã¦ã„ã¾ã™ï¼ˆElmã¨ã‹ãã†ã„ã†ã€ä»–ã®åž‹ä»˜ãAltã‚’ä½¿ã„ãŸã„ãªã‚‰åˆ¥ã§ã™ãŒï¼‰ã€‚ ã‚‚ã¡ã‚ã‚“strict modeä¸€æŠžã§ã™ã‹ã‚‰ãã€‚ å½“æ™‚ã¯æŽ¡ç”¨äº‘ã€…ã¨ã‹æ›¸ã„ã¦ã¾ã—ãŸãŒã€é€†ã«ã„ã¾TypeScriptæ›¸ã‘ã‚‹ã‹ã©ã†ã‹ã£ã¦ã®ã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢æŽ¡ç”¨ã®è¶³åˆ‡ã‚Šãƒ©ã‚¤ãƒ³ã¨ã—ã¦ã¡ã‚‡ã†ã©ã„ã„ãã‚‰ã„ï¼ˆæ›¸ã‘ã‚‹ã£ã¦ã®ãŒç¨‹åº¦ã‹ã«ã‚‚ã‚ˆã‚Šã¾ã™ã‘ã©ï¼‰ã ã¨ãŠã‚‚ã„ã¾ã™ã€‚ å¥½ãå«Œã„ã¯ã¨ã‚‚ã‹ãã€TypeScriptã‚’ä½¿ãˆãªã„ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’é›‡ã£ã¦ã‚‚ãƒ•ãƒãƒ³ãƒˆã‚¨
mas-higa 2018/12/03
å¹¸ã›ã«ãªã‚Œã‚‹ã‚±ãƒ¼ã‚¹ã€ãªã‚Œãªã„ã‚±ãƒ¼ã‚¹ã®å®Ÿä¾‹ãŒæ¬²ã—ã‹ã£ãŸã€‚

typescript
ãƒªãƒ³ã‚¯
TypeScriptå…¥é–€ä»¥å‰ã‚¬ã‚¤ãƒ‰ - mizchi's blog
æŸç¤¾ã§è‡ªåˆ†ãŒ React/Redux + TypeScript ãªã©ã®è¬›ç¿’ã‚’ã‚„ã£ã¦ã¿ãŸçµæžœã€TypeScript å…¥é–€ç”¨è³‡æ–™ãŒå¿…è¦ã ã¨æ€ã£ã¦æ›¸ã„ãŸã‚„ã¤ã§ã™ã€‚ ã“ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®ã‚¿ãƒ¼ã‚²ãƒƒãƒˆ TypeScript ã§æ›¸ã‹ã‚ŒãŸãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«å‚åŠ ã™ã‚‹äºº TypeScript ã‚’å°Žå…¥ã™ã‚‹ãŸã‚ã«ã€ãã®äº‹å‰çŸ¥è˜ãŒå¿…è¦ãªäºº ã“ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®èªã¿æ–¹ ES2015 for Beginners ES2015 for ES5 Programmers ES Modules éžåŒæœŸè¡¨ç¾: Promise ã¨ async/await TypeScript ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ç·¨ è‡ªåˆ†ãŒ React/Redux ãªã©ã®è¬›ç¿’ã§ã„ã‚ã„ã‚ã‚„ã£ã¦ã¿ãŸçµæžœã€ ES2015 ã¨ TypeScript ã‚’åŒæ™‚ã«æ•™ãˆã‚‹ã¨ã€åˆå¦è€…ã¯ä½•ãŒã©ã®æ¦‚å¿µã«ç”±æ¥ã™ã‚‹ã‹ã®åŒºåˆ¥ãŒå‡ºæ¥ãšã«æ··ä¹±ã—ã¾ã™ã€‚ãªã®ã§ã€ES5 -> ES2015, ES2015 -> Ty
mas-higa 2018/10/04
ã‚ã¨ã§èªã‚€

typescript

JavaScript
ãƒªãƒ³ã‚¯
TypeScriptã®`Object`åž‹ã¨`object`åž‹ã¨`{}`åž‹ã®ä½¿ã„åˆ†ã‘ã«ã¤ã„ã¦ - è§’å¾…ã¡ã¯å¯¾ç©º
TypeScriptã«ã¯ä¼¼ãŸã‚ˆã†ãªåž‹ã¨ã—ã¦Objectåž‹ã¨objectåž‹ã¨{}åž‹ãŒå˜åœ¨ã—ã¾ã™ã€‚ let o1: Object; let o2: object; let o3: {}; ä»Šå›žã¯ã“ã®3ã¤ã®ä½¿ã„åˆ†ã‘ã€ã‚ã‚‹ã„ã¯objectåž‹å°Žå…¥ã®çµŒç·¯ã«ã¤ã„ã¦ã§ã™ã€‚ JavaScriptã®ãƒ‡ãƒ¼ã‚¿åž‹ JavaScript ã®ãƒ‡ãƒ¼ã‚¿åž‹ã¨ãƒ‡ãƒ¼ã‚¿æ§‹é€ - JavaScript | MDNã‚’èªã‚ã°åˆ†ã‹ã‚‹ã‚ˆã†ã«ã€ Boolean Null Undefined Number String Symbol ã®6ç¨®ã®ãƒ—ãƒªãƒŸãƒ†ã‚£ãƒ–åž‹ã‚’æŒã¤ãƒ—ãƒªãƒŸãƒ†ã‚£ãƒ–å€¤ã¨ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã§JavaScriptã¯æˆã‚Šç«‹ã£ã¦ã„ã¾ã™ã€‚ TypeScriptã«ãŠã‘ã‚‹objectåž‹ã¨ã¯ã“ã“ã§ã„ã†ãƒ—ãƒªãƒŸãƒ†ã‚£ãƒ–åž‹ä»¥å¤–ã‚’è¡¨ç¾ã—ã¦ã„ã¾ã™ã€‚ objectåž‹ã¯ã„ã¤ä½¿ã‚ã‚Œã‚‹ã®ã‹ ã„ã¤å½¹ã«ç«‹ã¤ã‹ã¨ã„ã†ã¨Object.create()ã®å®šç¾©ã§ã™ã€‚ TypeScript/
mas-higa 2017/06/13
ã™ã”ã Microsoft ã£ã½ã„ã€‚

typescript
ãƒªãƒ³ã‚¯
ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆãŒGitHubã«ç™»å ´ã€‚TypeScriptã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’Codeplexã‹ã‚‰GitHubã¸ç§»è¡Œ
ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆãŒGitHubã«ç™»å ´ã€‚TypeScriptã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’Codeplexã‹ã‚‰GitHubã¸ç§»è¡Œ ã€Œã¿ãªã•ã‚“ã‹ã‚‰ã®ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’å—ã‘ã¦ã€GitHubã¸ç§»è¡Œã—ã¾ã—ãŸã€ï¼ˆWeâ€™ve heard your feedback, and weâ€™re making the move to GitHub.ï¼‰ã€‚ç±³ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã¯ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã§é–‹ç™ºã—ã¦ã„ã‚‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã€ŒTypeScriptã€ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ã€ãã‚Œã¾ã§ä½¿ç”¨ã—ã¦ã„ãŸCodeplexã‹ã‚‰GitHubã¸ç§»è¡Œã—ãŸã“ã¨ã‚’æ˜Žã‚‰ã‹ã«ã—ã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§TypeScriptã¯åŒç¤¾ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹å‘ã‘ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã‚µãƒ¼ãƒ“ã‚¹ã€ŒCodePlexã€ã®ä¸Šã§é‹å–¶ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ã—ã‹ã—CodePlexä¸Šã®TypeScript ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§å—ã‘ä»˜ã‘ã¦ã„ãŸã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã‹ã‚‰ã®ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã«ã‚ˆã£ã¦GitHubã¸ã®ç§»è¡Œã‚’æ±ºå®šã—ã¾ã—ãŸã€‚ ç¾åœ¨ã€Co
mas-higa 2014/07/25
CodePlex ã£ã¦ TeamFoundationHub çš„ãªä½•ã‹ãªã®?

microsoft

github

typescript
ãƒªãƒ³ã‚¯
1