The TSConfig Cheat Sheet
Matt PocockMatt is a well-regarded TypeScript expert known for his ability to demystify complex TypeScript concepts. tsconfig.json scares everyone. It's a huge file with a TON of potential options. But really, there are only a few configuration options you need to care about. Let's figure them out, and cheatsheet them. #The Package This article is so popular that I've bundled its recommendations i
TypeScript 㧠querySelector メソッドを使ã†ã¨ãã«åž‹å¼•æ•°ã‚’指定ã™ã‚‹ - Hatena Developer Blog
ã“ã‚“ã«ã¡ã¯ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢è·ã® id:nanto_vi ã§ã™ã€‚(ã“ã®è¨˜äº‹ã¯ã€ã¯ã¦ãªã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ Advent Calendar 2020 ã® 12 日目ã®è¨˜äº‹ã§ã™ã€‚昨日㯠id:cohalz ã•ã‚“ã«ã‚ˆã‚‹ã€ŒWebサービスã®ãƒ¢ãƒ‹ã‚¿ãƒªãƒ³ã‚°ã«ã¤ã„ã¦ã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã€ã§ã—ãŸã€‚) çµè«– TypeScript 㧠querySelectorã€querySelectorAll メソッドを呼ã³å‡ºã™ã¨ãã¯ã€åž‹å¼•æ•°ã‚’指定ã—ã¾ã—ょㆠ(メソッドåã®ç›´å¾Œã® < > ã§å›²ã‚“ã 部分ã§ã™)。 const foo = document.querySelector<HTMLElement>('.foo'); if (foo) { foo.style.display = ''; } const bars = document.querySelectorAll<HTMLInputElement>('input[name="bar"]'
bivarianceHack ã¨ã¯ä½•ã‹ã€ãªãœå¿…è¦ãªã®ã‹
TypeScript ã« bivarianceHack ã¨å‘¼ã°ã‚Œã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒã‚る。 ã“ã‚Œã¯ã€é–¢æ•°ã‚’æ„図的ã«åŒå¤‰ï¼ˆbivariant） ã«ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã 。著åãªã¨ã“ã‚ã 㨠React ã®åž‹å®šç¾©ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ type EventHandler<E extends SyntheticEvent<any>> = { bivarianceHack(event: E): void }["bivarianceHack"]; 実ã¯è‡ªåˆ†ã¯ã“ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã¨ã‚るコードベースã§ä½¿ã£ãŸã“ã¨ãŒã‚ã‚‹ã®ã ãŒï¼ˆãã—ã¦ãã“ã«ã¯ã‚る程度やむを得ãªã„事情ãŒã‚ã£ãŸã®ã ãŒï¼‰ã€å½“然åˆã‚ã¦è¦‹ãŸãƒ¡ãƒ³ãƒãƒ¼ã«ã¨ã£ã¦ã¯æ„味ãŒã‚ã‹ã‚‰ãªã„箇所ã¨ãªã£ã¦ã—ã¾ã£ãŸã€‚ 実際 bivarianceHack ãŒå¿…è¦ã«ãªã‚‹äº‹æƒ…を説明ã™ã‚‹ã¨çµæ§‹è©±ãŒé•·ã„上ã«è¾¼ã¿å…¥ã£ã¦ã—ã¾ã†ã®ã§ã€ã“ã®è¨˜äº‹ã§ã§ãã‚‹ã ã‘å™›ã¿ç •ã„ã¦ãã®èƒŒæ™¯ã‚’説明ã—よã†ã¨æ€ã†ã€‚ TL;DR Type
TypeScriptã§CLIツール作りをã™ã‚‹ãŸã‚ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚µãƒ³ãƒ—ルを作ã£ã¦ã¿ãŸ - $shibayu36->blog;
最近TypeScriptã®å¦ç¿’ã‚’ã—よã†ã¨æ€ã„ã€ä½•ã§ã‚‚TypeScriptã§ä½œã£ã¦ã¿ã¦ã„る。今回ã¯CLIツールを作ã‚ã†ã¨æ€ã£ãŸã®ã ãŒã€ãƒ“ルド環境やeslint環境ãªã©è€ƒãˆã‚‹ã“ã¨ãŒçµæ§‹ã‚ã£ãŸã€‚ãã“ã§TypeScriptã§ã®CLIツールã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚µãƒ³ãƒ—ルを作りãªãŒã‚‰å‹‰å¼·ã—ã¦ã¿ãŸã€‚ 作æˆã—ãŸã®ã¯ https://github.com/shibayu36/typescript-cli-project 。 npm install -g shibayu36/typescript-cli-project ã§typescript-cli-projectã¨ã„ã†ã‚³ãƒžãƒ³ãƒ‰ãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œå®Ÿè¡Œã§ãるよã†ã«ãªã£ãŸã€‚ ã“ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚µãƒ³ãƒ—ル作æˆã‚’通ã—ã¦å¦ã‚“ã ã“ã¨ã‚’メモã—ã¦ãŠã。 å‚考文献 以下2ã¤ã®æ–‡çŒ®ãŒå…¥é–€ã¨ã—ã¦éžå¸¸ã«å‚考ã«ãªã£ãŸã€‚ã“ã®2ã¤ã®æ–‡çŒ®ã‚’å‚考ã«ã—ã¤ã¤ã€å…¬å¼ãƒ‰ã‚ュメントを追ã„ã‹ã‘ãªãŒã‚‰ä½œæˆã—ã¦ã„ã£ãŸã€‚
TypeScriptã«ã‚ˆã‚‹ã‚¢ãƒ—リケーションã®é–‹ç™ºç’°å¢ƒ | ã•ã«ã‚らãš
ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯ pyspa Advent Calendar 2019 ã® 11 日目ã®è¨˜äº‹ã§ã™ã€‚昨日㯠@chezou ã®ã€ŒVein ã® iOS ショートカット複数 URL 対応ã—ã¾ã—ãŸã€ã§ã—ãŸã€‚ ã¯ã˜ã‚ã«#TypeScript ã¯å¤§å¤‰ã«ç´ 晴らã—ã„言語ã§ã€åƒ•ã®æ‰‹ã«ã‚ˆããªã˜ã‚€ã€‚ãã®ã›ã„ã‹æœ€è¿‘ã¯ã‚ã£ãã‚Š TypeScript ã°ã‹ã‚Šæ›¸ã„ã¦ã„る。 今回ã®ã‚¨ãƒ³ãƒˆãƒªã§ã¯ã€åƒ•ãŒã“ã®ä¸€å¹´ãらã„ã®é–“ã«ç£¨ã„㟠TypeScript ã®ãƒ†ãƒ³ãƒ—レートプãƒã‚¸ã‚§ã‚¯ãƒˆã«ã¤ã„ã¦èª¬æ˜Žã™ã‚‹ã€‚ã‹ãªã‚Šä½•åº¦ã‚‚使ã£ã¦å¿…è¦å分ãªã‚‚ã®ã ã‘ã‚’å«ã‚るよã†ã«ã—ã¦ã„る。 ã—ã‹ã—ã€åƒ•ã®çŸ¥è˜ã®åã‚ŠãŒãã®ã¾ã¾ã«ãªã£ã¦ã„ã‚‹ã®ã§ã€ä¸‡äººã«åˆã†ã¨ã„ã†ã‚ã‘ã§ã¯ãªã„ã ã‚ã†ã€‚ ã¨ã¯ã„ãˆã€é–‹ç™ºç’°å¢ƒã®åˆæœŸæ§‹ç¯‰ã¯ã‹ãªã‚Šé¢å€’ãªä½œæ¥ãªã®ã§å‚考ã«ã—ã¦è²°ãˆã‚Œã°å¬‰ã—ã„。 ç´°ã‹ã„説明ãªã‚“ã‹ã‚ˆã‚Šã‚‚コードを見ãŸæ–¹ãŒæ—©ã„ã£ã¦ãƒãƒ¼ãƒ‰ã‚³ã‚¢ãªæ–¹ã¯ã€ã“ã¡ã‚‰ã¸ã©ã†ãžã€‚ taichi/ts-te
TypeScript ã®æµå„€
Bonfire Frontend #4 http://yj-meetup.connpass.com/event/136480/
Announcing TypeScript 2.9 | TypeScript
Today we’re announcing the release of TypeScript 2.9!If you’re not familiar with TypeScript, it’s a language that adds optional static types to JavaScript. Those static types help make guarantees about your code to avoid typos and other silly errors. They can also provide nice things like code completions and easier project navigation thanks to tooling built around those types. When your code is r
README | TypeScript Deep Dive
Learn Professional TypeScript. I've been looking at the issues that turn up commonly when people start using TypeScript. This is based on the lessons from Stack Overflow / DefinitelyTyped and general engagement with the TypeScript community. You can follow for updates and don't forget to ★ on GitHub 🌹
TypeScript ã§å®Ÿç¾ã™ã‚‹ MVP アーã‚テクãƒãƒ£ãƒ‘ターン - Hatena Developer Blog
ã“ã‚“ã«ã¡ã¯ã€ã‚¢ãƒ—リケーションエンジニア㮠id:nanto_vi ã§ã™ã€‚先日行ã‚れ㟠Hatena Engineer Seminar #4 ã§ã€ã€ŒTypeScript ã§å®Ÿç¾ã™ã‚‹ MVP アーã‚テクãƒãƒ£ãƒ‘ターンã€ã¨é¡Œã™ã‚‹ç™ºè¡¨ã‚’è¡Œã„ã¾ã—ãŸã€‚当日ã¯çš†æ§˜ã”清è´ã„ãŸã ãã€ã¾ãŸæ‡‡è¦ªä¼šã§ã‚‚活発ãªè³ªç–‘ã‚’ã„ãŸã ãã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ 内容ã¨ã—ã¦ã¯ã€TypeScript を用ã„ãŸã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ Web プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®è©±ã€åŠã³æ—¢å˜ã® JavaScript フレームワークを採用ã›ãšã€MVP (Model-View-Presenter) アーã‚テクãƒãƒ£ãƒ‘ターンã«ã®ã£ã¨ã‚Šé–‹ç™ºã‚’進ã‚ãŸäº‹ä¾‹ã®ç´¹ä»‹ã¨ãªã‚Šã¾ã™ã€‚以下ã«ç™ºè¡¨è³‡æ–™ã‚’åŠ ç†ä¿®æ£ã—ã¦å…¬é–‹ã™ã‚‹ã®ã§ã”å‚ç…§ãã ã•ã„。 自己紹介 id:nanto_vi (外山真) アプリケーションエンジニア JavaScriptã€Perl アジェンダ 少年ジャンプルーã‚ーã§ã® T
Revised Revised åž‹ã®å›½ã®TypeScript | Revised Revised TypeScript in Definitelyland
Revised Revised åž‹ã®å›½ã®TypeScript 本書ã«ã¤ã„㦠本書ã¯JavaScriptã«ã‚³ãƒ³ãƒ‘イルå¯èƒ½ãªè¨€èªžã®TypeScriptã«ã¤ã„ã¦è§£èª¬ã—ãŸæœ¬ã§ã™ã€‚TypeScriptã®åŸºæœ¬çš„ãªçŸ¥è˜ï¼ˆåž‹ã®ä½¿ã„方）やコンパイラã®ã‚ªãƒ—ションã€åž‹å®šç¾©ãƒ•ã‚¡ã‚¤ãƒ«ã®ä½œã‚Šæ–¹ã‚„エコシステムã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ 対象èªè€…ã¯æ–°ã—ã‚ã®JavaScriptã€ã„ã‚ゆるECMAScript 2015ã¨ãれ以é™*1ã«ã¤ã„ã¦ç†è§£ã—ã¦ã„るユーザã§ã™ã€‚Node.js環境やnpmã®ä½¿ã„æ–¹ã€OOP (Object Oriented Programming)ã®åŠ¹èƒ½ã‚„利点をã‚る程度ç†è§£ã—ã¦ã„ã‚‹ã“ã¨ãŒæœ›ã¾ã—ã„ã§ã™ã€‚ 本書ã«ç™»å ´ã™ã‚‹ã™ã¹ã¦ã®ã‚µãƒ³ãƒ—ルコードã¯æ¬¡ã®TypeScriptコンパイラã§ã‚³ãƒ³ãƒ‘イルã§ãã‚‹ã“ã¨ã‚’確èªã—ã¦ã„ã¾ã™ã€‚ Version 2.4.2 本書ã¯C87ã€C90ã§é ’布ã—ãŸã€Žåž‹ã®å›½ã®TypeScriptã€ã®æ”¹è¨‚（C9
Chrome extensionå‘ã‘TypeScript,gulp,power-assert,karmaè¨å®š
Chrome extensionå‘ã‘TypeScript,gulp,power-assert,karmaè¨å®š
TypeScriptã®ã‚³ãƒ³ãƒ‘イルã¯é…ã„ã‘ã©ã€ãã‚Œã§ã‚‚grunt-typescriptãŒæœ€é€Ÿã˜ã‚ƒãªã„ã ã‚ã†ã‹ï¼Ÿ - k_maruã®æ€ã†ã¨ã“ã‚ï¼’
ã“ã®å†…容㯠grunt-typescript 0.3.2 (typescript 1.0.0) ã‚’ã‚‚ã¨ã«è¨˜è¿°ã—ã¦ã„ã¾ã™ã€‚ ã¤ã„ã•ã£ã grunt-typescript 0.3.2 をリリースã—ãŸã‚ã‘ã§ã™ãŒã€ã¡ã‚‡ã£ã¨ã‚³ãƒ³ãƒ‘イルを早ãã—ã¦ã¿ã¾ã—ãŸã€‚ã£ã¦ã“ã¨ã§ typescript 自体ã®ã‚³ãƒ³ãƒ‘イルã®é€Ÿã•ã‚’ tsc ã¨æ¯”較ã—ã¦è¦‹ã¾ã—ãŸã€‚ grunt-typescript ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«æŒ‡å®šã—ã¦ã¾ã™ã€‚ typescript:{ base:{ src: ["src/compiler/tsc.ts"] } } ã¾ãšã¯ tsc コマンド。 $ time tsc src/compiler/tsc.ts real 0m15.641s user 0m0.000s sys 0m0.015sã§ã€ã˜ã¤ã¯ç§ã®ç’°å¢ƒãŒ Windows 㧠Visual Studio 2013 ã® Update 2 RC ãŒå½“ãŸã£ã¦ã‚‹çŠ¶æ…‹
grunt-typescript ã® watch オプションã§ã•ã‚‰ã«é€Ÿã - k_maruã®æ€ã†ã¨ã“ã‚ï¼’
ã“ã®å†…容㯠grunt-typescript 0.3.4 (typescript 1.0.0) ã‚’ã‚‚ã¨ã«è¨˜è¿°ã—ã¦ã„ã¾ã™ã€‚ ã¡ã‚‡ã£ã¨ã¾ãˆã« grunt-typescript 0.3.2 を公開ã—ã¦ã€ã€ŒTypeScriptã®ã‚³ãƒ³ãƒ‘イルã¯é…ã„ã‘ã©ã€ãã‚Œã§ã‚‚grunt-typescriptãŒæœ€é€Ÿã˜ã‚ƒãªã„ã ã‚ã†ã‹ï¼Ÿã€ã£ã¦ã®ã‚’書ã„ãŸã‚“ã‚„ã‘ã©ã€æ€ã†ã¨ã“ã‚ã‚ã£ã¦ã¡ã‚‡ã£ã¨è§¦ã£ãŸã‚‰ã•ã‚‰ã«æ—©ããªã£ãŸã€‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒ 0.3.2 ã‹ã‚‰ 0.3.4 㨠0.3.3 ãŒé£›ã‚“ã§ã‚‹ã®ã¯ã€ãƒ‡ãƒãƒƒã‚¯ç”¨ã® console 出力ãŒæ®‹ã£ã¦ã„ãŸã£ã¦ã„ã†ã”愛嬌。 ã§ã€ãªã«ã‚’ã—ãŸã‹ã£ã¦ã„ã†ã¨ã€ã‚³ãƒ³ãƒ‘イルを実際ã«å®Ÿè¡Œã™ã‚‹ TypeScriptCompiler ã£ã¦ã®ãŒä¸ã«ã‚ã£ã¦ãã„ã¤ã®ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã‚’毎回生æˆã—ã¦ãŸã‚“ã‚„ã‘ã©ã€ãれを使ã„ã¾ã‚ã™ã‚ˆã†ã«ã—ãŸã€‚ã§ã€ TypeScriptCompiler ã«ã¯ addFile ã£ã¦ã„ã†ã‚³ãƒ³ãƒ‘イル対象ã«ãª
TypeScript 0.8ã¨0.9ã®é–“ã§ã®ç ´å£Šçš„変更 - @kotyã®ãƒ–ãƒã‚°
追記：@cocoa_ruto 様ã®æŒ‡æ‘˜ã‚’å—ã‘ã¦ä¿®æ£ã—ã¾ã—ãŸã€‚ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚勉強ã«ãªã‚Šã¾ã™ã€‚訳ã—ãŸã ã‘ã˜ã‚ƒãªãã¦å†…容をç†è§£ã—ãªã„ã¨æ„味ãªã„ã§ã™ã。。。 @koty 「TypeScript 0.8ã¨0.9ã®é–“ã§ã®ç ´å£Šçš„変更ã€( URL )ã®è‹±èªžã«ã¤ã„ã¦ã‚³ãƒ¡ãƒ³ãƒˆã‚’書ãã¾ã—ãŸã€‚URLã¯ã¦ãªã®IDã‚’æŒã£ã¦ã„ãªã„ã®ã§Twitterã‹ã‚‰ãƒ¡ãƒ³ã‚·ãƒ§ãƒ³è‡´ã—ã¾ã™ã€‚ 2013-04-30 13:18:29 via OS X to @koty TypeScript0.9ã®alpha版ãŒå…ˆæ—¥å…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ã“ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã¯ã‹ãªã‚Šç ´å£Šçš„変更ãŒå…¥ã£ã¦ã„ã¾ã™ã€‚ãれを調ã¹ã‚‹ã¤ã„ã§ã«ã€ã“ã¡ã‚‰ã®ãƒšãƒ¼ã‚¸ã‚’訳ã—ã¦ã¿ã¾ã™ã€‚ãŠã‹ã—ãªæ‰€ãŒã‚ã‚Œã°ã”指摘ãã ã•ã„。 èªã‚“ã§ã¿ã‚‹ã¨çµæ§‹å¤‰ã‚ã£ã¦ã¾ã™ã。staticメソッドã®å‘¼ã³å‡ºã—ã«ã‚¯ãƒ©ã‚¹åã®ä¿®é£¾ãŒå¿…é ˆã«ãªã£ãŸã®ãŒçµæ§‹ç—›ã„ã§ã™ã€‚ 0.8ã¨0.9ã®é–“ã®æ—¢çŸ¥ã®ç ´å£Šçš„変更 - Known br
WEB+DB PRESS Vol.75ã§TypeScriptã®è¨˜äº‹ã‚’書ãã¾ã—ãŸï¼ - teppeis blog
本日発売ã®WEB+DB PRESS Vol.75ã®JavaScript連載ã«ã¦ã€TypeScriptã®è¨˜äº‹ã‚’書ã‹ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ WEB+DB PRESS Vol.75 作者: æ —æž—å¥å¤ªéƒŽ,柴田åšå¿—,黒田良,安宅啓,æ¾ä¸‹é›…å’Œ,æ¡‘é‡Žç« å¼˜,Jxck,伊藤直也,ä½è—¤é‰„å¹³,ä¸å·å‹æ¨¹,ç™»å°¾å¾³èª ,奥野幹也,近藤宇智朗,å €æ±Ÿå¹¸ç´€,後藤秀宣,渡邊æµå¤ª,ä¸å³¶è¡,A-Listers,ã¯ã¾ã¡ã‚„2,WEB+DB PRESS編集部出版社/メーカー: 技術評論社発売日: 2013/06/22メディア: 大型本ã“ã®å•†å“ã‚’å«ã‚€ãƒ–ãƒã‚° (3件) を見る ã¡ã‚‡ã†ã©ä»Šé€±TypeScript 0.9ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸãŒã€åŸ·ç†å†…容も0.9をベースã«æ›¸ã„ã¦ã„ã¾ã™ã®ã§ã”安心ãã ã•ã„。 執ç†ã—ã¦ã„ãŸ4月ã€5月ã¯0.9ã®é–‹ç™ºä¸ãƒ–ランãƒã‚’追ã„ãªãŒã‚‰ã€Œã‚³ãƒ³ãƒ‘イル壊れãŸï¼ã€ã€ŒUpdate LKGãŒæ¥ãªã„ï¼ã€ãªã©ã¨å¤§å¤‰ãªæ€ã„ã‚’ã—ã¾ã—ãŸãŒã€ã¡
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Generics in TypeScript
GitHub - jeffijoe/typesync: Install missing TypeScript typings for dependencies in your package.json.
TypeScript Deep Dive
TypeScriptを使ã†ç†ç”± - Qiita
phyzkit.net
{{#tags}}- {{label}}
{{/tags}}