Google TypeScript Style Guide
// Good: choose between two options as appropriate (see below). import * as ng from '@angular/core'; import {Foo} from './foo'; // Only when needed: default imports. import Button from 'Button'; // Sometimes needed to import libraries for their side effects: import 'jasmine'; import '@polymer/paper-button'; Import paths TypeScript code must use paths to import other TypeScript code. Paths may be r
レシピサービスã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’ Next.js 㨠GraphQL ã®ã‚·ã‚¹ãƒ†ãƒ ã«ç½®ãæ›ãˆã¦ã„る話 - クックパッド開発者ブãƒã‚°
技術部ã®å¤–æ‘（@hokaccha）ã§ã™ã€‚今回ã¯ã‚¯ãƒƒã‚¯ãƒ‘ッドã®ã‚¦ã‚§ãƒ–サイトã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’ Next.js ãªã©ã‚’使ã£ã¦ä½œã‚Šç›´ã—ã¦ã„る話を書ãã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ç´¹ä»‹ã™ã‚‹æ–°ã‚·ã‚¹ãƒ†ãƒ ã¯ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®ãƒ¬ã‚·ãƒ”ページã§ç¢ºèªã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã‚‚ã—興味ãŒã‚ã‚‹ã‹ãŸã¯ãƒ¬ã‚·ãƒ”ページをスマートフォンã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã§é–‹ã„㦠DevTools ãªã©ã§ç¢ºèªã—ã¦ã¿ã¦ãã ã•ã„。 Next.js 㨠GraphQL ã§å‹•ã„ã¦ã„ã‚‹ã®ãŒã‚ã‹ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã”å˜ã˜ã®æ–¹ã‚‚多ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã‚¯ãƒƒã‚¯ãƒ‘ッドã®ã‚¦ã‚§ãƒ–サイトã¯ãƒ¢ãƒŽãƒªã‚·ãƒƒã‚¯ãª Rails ã§ä½œã‚‰ã‚Œã¦ã„ã¦ã€10年以上 Rails ã§é–‹ç™ºã‚’続ã‘ã¦ãã¾ã—ãŸã€‚10 年以上åŒã˜ã‚·ã‚¹ãƒ†ãƒ ã§é–‹ç™ºã‚’é‡ãã‚Œã°å½“然レガシーãªéƒ¨åˆ†ãŒå¤§é‡ã«ç”Ÿã¾ã‚Œã¦ãã¾ã™ãŒã€ç‰¹ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¯ãã®å½±éŸ¿ãŒé¡•è‘—ã§ã—ãŸã€‚ ã©ã“ã‹ã‚‰ä½¿ã‚ã‚Œã¦ã„ã‚‹ã‹ã‚ã‹ã‚‰ãªã„ CSS ãŒå¤§é‡ã«ã‚ã‚‹ã€JS ã®ã‚³ãƒ¼ãƒ‰ã¯æ˜”ãªãŒ
ã“ã‚ããªã„TypeScript〜Mapped Typeã‚‚Conditional Typeも使ã„ã“ãªã›ã€œ - uhyo/blog
TypeScriptã®åž‹ã‚·ã‚¹ãƒ†ãƒ ã¯ã€ãƒ¦ãƒ‹ã‚ªãƒ³åž‹ã‚’始ã‚ã¨ã™ã‚‹æ§˜ã€…ãªæ©Ÿèƒ½ã‚’æŒã£ã¦ã„ã‚‹ã®ãŒç‰¹å¾´çš„ã§ã™ã€‚ ãã®ä¸ã§ã‚‚ã€mapped typesã¨conditional typesã¯é«˜åº¦ãªæ©Ÿèƒ½ã¨ã—ã¦çŸ¥ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ã¨ã“ã‚ãŒã€ãã®æ©Ÿèƒ½ã®è†¨å¤§ã•ã‚†ãˆã€å…¨ã¦ã‚’使ã„ã“ãªã™å¿…è¦ã¯ãªã„ã€TypeScriptã®è¤‡é›‘ãªæ©Ÿèƒ½ã‚’ç„¡é—‡ã«ä½¿ã†ã¹ãã§ã¯ãªã„ã¨ã„ã†è¨€èª¬ã¯ãŸã³ãŸã³ç¾ã‚Œã¾ã™ã€‚ ãã®ã¨ãã«æ§çŽ‰ã«ä¸ŠãŒã‚Šã‚„ã™ã„ã®ãŒmapped typesã¨conditional typesãªã®ã§ã™ã€‚ ç†è€…ã¯ã€ã“れらã®æ©Ÿèƒ½ã¯ä½¿ãˆã‚‹ã ã‘使ã„倒ã™ã¹ãã§ã‚ã‚‹ã¨ã„ã†è€ƒãˆã‚’æŒã£ã¦ã„ã¾ã™ã€‚ 主張ã®æ ¹å¹¹ã«ã¯ã€é«˜åº¦ãªåž‹ã‚’使ãˆã°ã‚ˆã‚Šæ£ç¢ºã«ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’記述ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã“ã¨ã€ãã—ã¦æ£ç¢ºãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã¯ä½¿ã„ã‚„ã™ã•ã‚„æ£ç¢ºãªåž‹æŽ¨è«–çµæžœã«è²¢çŒ®ã™ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ æ£ç¢ºãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚„型推論çµæžœã¯ã€ã‚³ãƒ¼ãƒ‰ã®ç†è§£é€Ÿåº¦ã‚„開発効率を促進ã—ã¾ã™ã€‚ ã“れらã¯åž‹ã‚·
仕事ã§ã™ãã«ä½¿ãˆã‚‹TypeScript — 仕事ã§ã™ãã«ä½¿ãˆã‚‹TypeScript ドã‚ュメント
注釈 本ドã‚ュメントã¯ã€ã¾ã 未完æˆã§ã™ãŒã€ã‚¦ã‚§ãƒ–フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºã‚’å¦ã¶ã¨ãã«ã€JavaScriptを経由ã›ãšã«ã€æœ€åˆã‹ã‚‰TypeScriptã§å¦ã‚“ã§ã„ã社内å‘ã‘コンテンツã¨ã—ã¦ä½œæˆã•ã‚Œã¯ã˜ã‚ã¾ã—ãŸã€‚基本ã®æ–‡æ³•éƒ¨åˆ†ä»¥å¤–ã¯ã¾ã 執ç†ã•ã‚Œã¦ã„ãªã„ç« ã‚‚ã„ãã¤ã‚‚ã‚ã‚Šã¾ã™ã€‚書ã‹ã‚Œã¦ã„ã‚‹ç« ã‚‚ã¾ã ã¾ã 内容ãŒè¿½åŠ ã•ã‚Œã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã—ã€ç’°å¢ƒã®å¤‰åŒ–ã§å†…容ã®å¤‰æ›´ãŒå…¥ã‚‹å¯èƒ½æ€§ã‚‚ã‚ã‚Šã¾ã™ã€‚ 書ç±ã®åŽŸç¨¿ã¯GitHub上ã§ç®¡ç†ã—ã¦ãŠã‚Šã¾ã™ã€‚ã‚‚ã—Typoを見ã¤ã‘ã¦ãã ã•ã£ãŸæ–¹ãŒã„らã£ã—ゃã„ã¾ã—ãŸã‚‰ã€ GitHub上ã§é€£çµ¡ ã‚’ãŠé¡˜ã„ã—ã¾ã™ 1 。reSTファイルã ã‘ä¿®æ£ã—ã¦ã‚‚らãˆã‚Œã°ã€HTML/PDFã®ç”Ÿæˆã¾ã§ã¯ä¸è¦ã§ã™ã€‚フィードãƒãƒƒã‚¯ãªã©ã‚‚æ“è¿Žã—ã¦ãŠã‚Šã¾ã™ã€‚ 1 https://github.com/future-architect/typescript-guide/pulls
Deno🦕ã§RESTfulãªAPIサーãƒãƒ¼ã‚’ç«‹ã¦ã¦Cloud Runã¸ãƒ‡ãƒ—ãƒã‚¤ã—ã¦ã¿ã‚‹ - Qiita
Denoã®å¦ç¿’用ã«RESTfulãªAPIサーãƒãƒ¼ã‚’作ã£ã¦ã¿ãŸã®ã§ã¾ã¨ã‚ã¾ã™ã€‚ 今回作るも㮠Denoã¨Servestを使ã£ã¦RESTfulãªAPIサーãƒãƒ¼ã‚’作りã€GCPã®Cloud Runã¸ãƒ‡ãƒ—ãƒã‚¤ã™ã‚‹ã¾ã§ã§ã™ã€‚ （GIFã§ã¯cURLã§å®Ÿè¡Œã—ã¦ã„ã¾ã™ãŒã€ã‚‚ã¡ã‚んプラウザã§ã‚‚確èªã§ãã¾ã™ï¼‰ 今回記載ã™ã‚‹ã‚µãƒ³ãƒ—ルコードã¯å…¨ã¦ä»¥ä¸‹GitHubリãƒã‚¸ãƒˆãƒªã«ã‚ã‚Šã¾ã™ã€‚ã‚‚ã—ã€å‹•ã‹ãªã‘ã‚Œã°ã“ã¡ã‚‰ã‚’å‚ç…§ã—ã¦ã¿ã¦ãã ã•ã„。 Denoã¨ã¯ï¼Ÿ Denoã¯ã€Node.jsã«å¤‰ã‚ã‚‹æ–°ã—ã„JavaScriptã®ãƒ©ãƒ³ã‚¿ã‚¤ãƒ ã§ã™ã€‚ ãƒã‚¤ãƒ†ã‚£ãƒ–ã§TypeScriptをサãƒãƒ¼ãƒˆã—ã¦ã„ã¾ã™ã€‚ã¾ãŸã€package.json ã§ã®ä¾å˜ç®¡ç†ã¯ä¸è¦ã§ã€URLã‹ã‚‰ç›´æŽ¥ãƒ‘ッケージをimportã—ã¦ã‚ャッシュã«ä¿å˜ã—ã¾ã™ã€‚ãƒãƒ¼ã‚«ãƒ«ã«å·¨å¤§ãª node_modules ã‚’æŒã¤å¿…è¦ã‚‚ãªã„ã§ã™ã€‚ ãã®ä»–詳細ãªæƒ…å ±ã¯ä»¥ä¸‹ã«ã¨ã¦ã‚‚分ã‹ã‚Šã‚„ã™ã記載ã•ã‚Œã¦
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アプリケーションã¨ã—ã€ã‹ã¤
Adding TypeScript | Create React App
Note: this feature is available with react[email protected] and higher. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. Installation​To start a new Create React App project with TypeScript, you can run:
TypeScript教育用コンテンツ公開ã®ãŠçŸ¥ã‚‰ã› | フューãƒãƒ£ãƒ¼æŠ€è¡“ブãƒã‚°
2019å¹´é より少ã—ãšã¤æ›¸ã„ã¦ã„ãŸTypeScriptã®æ•™è‚²ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をクリエイティブ・コモンズ4.0ã®è¡¨ç¤º - 継承 （CC BY-SA 4.0）ã§å…¬é–‹ã—ã¾ã™ã€‚ã¨ã„ã£ã¦ã‚‚完æˆç‰ˆã§ã¯ãªãã€ã‚¢ãƒ¼ãƒªãƒ¼ã‚¢ã‚¯ã‚»ã‚¹ç‰ˆã®ã‚ˆã†ãªå“質ã§ã‚ã‚‹ã“ã¨ã‚’ã”了承ãã ã•ã„。 仕事ã§ã™ãã«ä½¿ãˆã‚‹TypeScript Web版ã«åŠ ãˆã¦PDF版もダウンãƒãƒ¼ãƒ‰å¯èƒ½ã§ã™ã€‚ ãã‚‚ãã‚‚ã“ã®è³‡æ–™ã‚’書ã始ã‚ãŸãã£ã‹ã‘ã§ã™ãŒã€ãƒ•ãƒ¥ãƒ¼ãƒãƒ£ãƒ¼ã®ã‚ˆã†ãªB2Bãªä¼šç¤¾ã§ã‚ã£ã¦ã‚‚ã€æœ€è¿‘ã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®æ¯”é‡ãŒé«˜ã¾ã£ã¦ã„ã‚‹ã¨ã“ã‚ã‹ã‚‰å‡ºç™ºã—ã¦ã„ã¾ã™ã€‚僕もフューãƒãƒ£ãƒ¼ã«è»¢è·å¾Œã‹ã‚‰Reactã§ãŒã£ã¤ã‚Š1年以上ã®æ¡ˆä»¶ã‚’ã‚„ã£ãŸã‚Šã€åŠå¹´ãらã„ã®Angular案件をやã£ãŸã‚Šã—ã¦ã„ã¾ã™ã€‚会社ã¨ã—ã¦ã¯Vue.jsを推ã—ã¦ã„ã¾ã™ã€‚グループ会社ã®æ±äº¬ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã¯Reactを使ã£ã¦ã„ãŸã‚Šã‚‚ã—ã¾ã™ã€‚è¦ä»¶ã«åˆã‚ã›ã¦ã„ã‚ã„ã‚ã§ã™ã。B2B2Cãªæ¡ˆä»¶ã‚‚多ã„ã§ã™ã—ã€ãŠå®¢æ§˜ã®æ±‚ã‚ã‚‹UX
Deno
Deno is the open-source JavaScript runtime for the modern web. Built on web standards with zero-config TypeScript, unmatched security, and a complete built-in toolchain.
functions-samples/typescript-getting-started at master · firebase/functions-samples · GitHub
Cloud Functions for Firebase: getting started with TypeScript This is an example Firebase project for using TypeScript with Cloud Functions for Firebase. Why TypeScript? TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. One of the biggest challenges with developing in JavaScript is that it is very easy to write code that has runtime errors. TypeScript enables the fast
GitHub - google/gts: â˜‚ï¸ TypeScript style guide, formatter, and linter.
Google TypeScript Style gts is Google's TypeScript style guide, and the configuration for our formatter, linter, and automatic code fixer. No lint rules to edit, no configuration to update, no more bike shedding over syntax. To borrow from standardjs: No configuration. The easiest way to enforce consistent style in your project. Just drop it in. Automatically format code. Just run gts fix and say
TypeScript + Webpack: Super Pursuit Mode
If you’re like me then you’ll like TypeScript and you’ll like module bundling with webpack. You may also like speedy builds. That’s completely understandable. The fact of the matter is, you sacrifice a bit of build speed to have webpack in the mix. Wouldn’t it be great if we could even up the difference? I’m the primary maintainer of ts-loader, a TypeScript loader for webpack. Just recently a coup
TypeScript 2.4.1 変更点 - Qiita
ã“ã‚“ã°ã‚“ã¯@vvakameã§ã™ã€‚ TypeScript 2.4.1ãŒã‚¢ãƒŠã‚¦ãƒ³ã‚¹ã•ã‚Œã¾ã—ãŸã。 What's new in TypeScriptã‚‚æ›´æ–°ã•ã‚Œã¦ã„るよã†ã§ã™ã€‚ 変更点ã¾ã¨ã‚ 関数ã®è¿”り値ã®åž‹ã‚’Genericsã®åž‹ãƒ‘ラメータã®æŽ¨æ¸¬ã«åˆ©ç”¨ã™ã‚‹ Infer from generic function return types const array: string[] = (<T>(): T[] => [])(); ã®ã‚³ãƒ³ãƒ‘イルãŒé€šã‚‹ã‚ˆã†ã«ãªã£ãŸ ã–ã£ãりコンパイル通ã™ãŸã‚ã«å…·ä½“çš„ã«åž‹ã‚’指定ã—ã¦ã„ãŸç®‡æ‰€ã‚’çœç•¥å¯èƒ½ã« Generics有りã®é–¢æ•°ã®åž‹ãƒ‘ラメータãŒæŽ¨è«–ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸ Contextual generic function types ã“れも上ã®ã¨åŒæ§˜ã®ãƒ¡ãƒªãƒƒãƒˆ Genericsã®åž‹ã®äº’æ›æ€§ãƒã‚§ãƒƒã‚¯ãŒã‚ˆã‚ŠåŽ³å¯†ã«ãªã£ãŸ Stricter generic signature c
TypeScript 2.5.2 更新点 - Qiita
ã“ã‚“ã«ã¡ã¯@vvakameã§ã™ã€‚ 今回ã¯è–„味更新ã¨ã„ã†æ„Ÿã˜ã§ã™ã。 TypeScript 2.5.2ãŒã‚¢ãƒŠã‚¦ãƒ³ã‚¹ã•ã‚Œã¾ã—ãŸã。 What's new in TypeScriptã‚‚æ›´æ–°ã•ã‚Œã¦ã„るよã†ã§ã™ã€‚ ã‚ã‹ã‚ã•ã‚“も久々ã«PRé€ã£ãŸã‚Šã—ã¾ã—ãŸã€‚ 変更点ã¾ã¨ã‚ try-catchã®ä¾‹å¤–ã®ã‚ャプãƒãƒ£ãŒçœç•¥ã§ãるよã†ã«ãªã£ãŸ Optional catch binding try { ... } catch { ... } ãŒvalidã«(es仕様ã«æº–æ‹ jsã«å¯¾ã—ã¦ã‚³ãƒ¡ãƒ³ãƒˆã«ã‚ˆã‚‹åž‹æ³¨é‡ˆãƒ»ã‚ャストã®ã‚µãƒãƒ¼ãƒˆã‚’è¿½åŠ Assertion/cast JSDoc syntax in checkJs mode より賢ã„package解決 For duplicate source files of the same package, make one redirect to the other package
メンテナンス
ãŠçŸ¥ã‚‰ã›
障害
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
What’s happening with TypeScript typings
Quick Tip: Configure WebStorm for Deno
GitHub - actions/typescript-action: Create a TypeScript Action with tests, linting, workflow, publishing, and versioning
React ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‹ã‚‰è¦‹ãŸä»Šå¾Œã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®äºˆæƒ³
TypeScriptã§æœ€ä½Žn個ã®è¦ç´ ã‚’æŒã£ãŸé…列ã®åž‹ã‚’宣言ã™ã‚‹æ–¹æ³• - Qiita
TypeScriptã®æ¦‚è¦ã¨Language Server Protocol / About TypeScript & Language Server Protocol
{{#tags}}- {{label}}
{{/tags}}