TypeScript ã«ã‚ˆã‚‹ GraphQL ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰é–‹ç™º10/14 ã® Tech Play ã§ã®ç™ºè¡¨è³‡æ–™ã§ã™ https://techplay.jp/event/873259
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
Integrating GraphQL Code Generator in your frontend applications | Hive
Integrating GraphQL Code Generator in your frontend applications In this article we'll try to explain and demonstrate common patterns for frontend development with GraphQL and GraphQL Code Generator. Most patterns are general and can be applied to most popular frontend frameworks (React, Angular, Vue, Stencil), and to popular GraphQL client libraries (Apollo / urql), due to extended support of Gra
TypeScript + React: Component patterns
This list is a collection of component patterns for React when working with TypeScript. See them as an extension to the TypeScript + React Guide that deals with overall concepts and types. This list has been heavily inspired by chantastic’s original React patterns list. Contrary to chantastic’s guide I use mainly modern-day React, so function components and – if necessary – hooks. I also focus exc
TS Playground - An online editor for exploring TypeScript and JavaScript
Popular Documentation PagesEveryday TypesAll of the common types in TypeScript Creating Types from TypesTechniques to make more elegant types More on FunctionsHow to provide types to functions in JavaScript More on ObjectsHow to provide a type shape to JavaScript objects NarrowingHow TypeScript infers types based on runtime behavior Variable DeclarationsHow to create and type JavaScript variables
AWS CDKã®THE TYPESCRIPT WORKSHOPã‚’ã‚„ã£ãŸ - $shibayu36->blog;
AWS CDKã«ã¤ã„ã¦å¦ã‚“ã§ãŠã“ã†ã¨ã€https://cdkworkshop.com/20-typescript.html ã‚’ã‚„ã£ãŸã€‚ CDKã‚ã£ã¡ã‚ƒã„ã„やん今後絶対使ã£ã¦ã„ããŸã„ã¨ã„ã†æ„Ÿæƒ³ CloudFormationã§ã¯ã€IAMã®ãƒãƒ¼ãƒ«ã‚’ドã‚ュメントをã«ã‚‰ã‚ã£ã“ã—ãªãŒã‚‰ä½œã£ã¦ã€ãã®ãƒãƒ¼ãƒ«ã‚’ã“ã®Lambda Functionã«ä»˜ä¸Žã—ã¦...ã¿ãŸã„ã«çµæ§‹é›£ã—ãæ€ã„ãªãŒã‚‰ã‚„ã£ã¦ã„ãŸã®ãŒã€CDKã ã¨ç›´æ„Ÿçš„ã«æ›¸ã下ã›ã¦ã‚ˆã‹ã£ãŸ ã‚ã‚‹Lambda Function Aã‹ã‚‰Lambda Function Bã®invokeを許å¯ã™ã‚‹ã¨ã‹ã ã£ãŸã‚‰ã€funcB.grantInvoke(funcA); ã£ã¦æ›¸ãã ã‘ã§ã€ã„ã„æ„Ÿã˜ã«IAM Roleã¨ã‹ä½œã£ã¦ä»˜ä¸Žã—ã¦ãれる コード化ã•ã‚Œã¦ã„ã¦è£œå®ŒãŒåŠ¹ããŸã‚ã€ãƒ‰ã‚ュメント見ãªãã¦ã‚‚出æ¥ãã†ãªã“ã¨ãŒåˆ†ã‹ã‚‹ã—ã€å®šç¾©ã‚¸ãƒ£ãƒ³ãƒ—ã™ã‚‹ã¨åž‹å®šç¾©ã«ãƒ‰ã‚ュメント載ã£ã¦ã„ã‚‹ cons
TypeScript ã®æµå„€
Bonfire Frontend #4 http://yj-meetup.connpass.com/event/136480/
react-redux v7.1＋TypeScriptã§connect, mapStateToProps, mapDispatchToPropsを撲滅ã™ã‚‹
react-redux v7.1＋TypeScriptã§connect, mapStateToProps, mapDispatchToPropsを撲滅ã™ã‚‹ 2019/6/16 · permalink typescript material-ui next.js redux ã¤ã„ã«ä¾‹ã®å®šåž‹æ–‡3兄弟を除去ã™ã‚‹äº‹ãŒã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€œ reduxjs/react-redux 先日react-reduxãŒv7.1ã«ã‚¢ãƒƒãƒ—デートã•ã‚Œã€ãã“ã§hooks対応ã®é–¢æ•°ãŒã„ãã¤ã‹è¿½åŠ ã•ã‚Œã¾ã—ãŸã€‚ 今回紹介ã™ã‚‹ã‚‚ã®ã¯ã€ŒuseSelectorã€ã€ŒuseDispatchã€ã®2ã¤ã§ã™ã€‚ react-redux v7.1ã®æ–°æ©Ÿèƒ½ useSelector useDispatch connect関数ã¯ä¸è¦ã«ãªã‚‹ v7.1ã¨ãれ以å‰ã®ã‚³ãƒ¼ãƒ‰ã®æ¯”較 v7.1以å‰ã®TypeScript + react-reduxã®ã‚³ãƒ¼ãƒ‰ v
仕事ã§ã™ãã«ä½¿ãˆã‚‹TypeScript — 仕事ã§ã™ãã«ä½¿ãˆã‚‹TypeScript ドã‚ュメント
注釈 本ドã‚ュメントã¯ã€ã¾ã 未完æˆã§ã™ãŒã€ã‚¦ã‚§ãƒ–フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºã‚’å¦ã¶ã¨ãã«ã€JavaScriptを経由ã›ãšã«ã€æœ€åˆã‹ã‚‰TypeScriptã§å¦ã‚“ã§ã„ã社内å‘ã‘コンテンツã¨ã—ã¦ä½œæˆã•ã‚Œã¯ã˜ã‚ã¾ã—ãŸã€‚基本ã®æ–‡æ³•éƒ¨åˆ†ä»¥å¤–ã¯ã¾ã 執ç†ã•ã‚Œã¦ã„ãªã„ç« ã‚‚ã„ãã¤ã‚‚ã‚ã‚Šã¾ã™ã€‚書ã‹ã‚Œã¦ã„ã‚‹ç« ã‚‚ã¾ã ã¾ã 内容ãŒè¿½åŠ ã•ã‚Œã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã—ã€ç’°å¢ƒã®å¤‰åŒ–ã§å†…容ã®å¤‰æ›´ãŒå…¥ã‚‹å¯èƒ½æ€§ã‚‚ã‚ã‚Šã¾ã™ã€‚ 書ç±ã®åŽŸç¨¿ã¯GitHub上ã§ç®¡ç†ã—ã¦ãŠã‚Šã¾ã™ã€‚ã‚‚ã—Typoを見ã¤ã‘ã¦ãã ã•ã£ãŸæ–¹ãŒã„らã£ã—ゃã„ã¾ã—ãŸã‚‰ã€ GitHub上ã§é€£çµ¡ ã‚’ãŠé¡˜ã„ã—ã¾ã™ 1 。reSTファイルã ã‘ä¿®æ£ã—ã¦ã‚‚らãˆã‚Œã°ã€HTML/PDFã®ç”Ÿæˆã¾ã§ã¯ä¸è¦ã§ã™ã€‚フィードãƒãƒƒã‚¯ãªã©ã‚‚æ“è¿Žã—ã¦ãŠã‚Šã¾ã™ã€‚ 1 https://github.com/future-architect/typescript-guide/pulls
Google Apps Scriptã‚’TypeScriptã§å®Ÿè£…ã™ã‚‹(clasp/TSLint/Prettier) #gas #typescript - My External Storage
claspã¨ã„ã†Google Apps Script(GAS)ã‚’ãƒãƒ¼ã‚«ãƒ«ã§é–‹ç™ºã™ã‚‹ãŸã‚ã®ãƒ„ールãŒã‚る。claspを使ã†ã¨ã€TypeScriptを使ã£ãŸGASã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚‚標準ã§è¡Œãˆã‚‹ã€‚ 今回ã¯claspを使ã£ã¦ä»¥ä¸‹ã®è¦æ±‚を満ãŸã—ãªãŒã‚‰GASã®é–‹ç™ºã‚’è¡Œã†éš›ã®è¨å®šã‚’ã¾ã¨ã‚る。 TypeScriptã«ã‚ˆã‚‹å®Ÿè£… Gitã«ã‚ˆã‚‹æ§‹æˆç®¡ç† Prettierã«ã‚ˆã‚‹è‡ªå‹•ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆ TSLintã«ã‚ˆã‚‹é™çš„è§£æž TL;DR claspを使ãˆã°Google Apps Script(GAS)ã‚’ãƒãƒ¼ã‚«ãƒ«ã§é–‹ç™ºã§ãã‚‹ https://github.com/google/clasp claspã¯webpackãªã©ã‚’使ã‚ãšã«TypeScriptã§å®Ÿè£…ã§ãã‚‹ https://github.com/google/clasp/blob/master/docs/typescript.md é™çš„型付ã‘ã‚’ã™ã‚‹ã“ã¨ã§è£œå®Œãªã©ã‚’使ã„ãª
TypeScript Deep Dive 日本語版
出典: https://www.npmtrends.com/typescript TypeScriptã¯JavaScriptã‚’æ‹¡å¼µã—ã¦ä½œã‚‰ã‚ŒãŸãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã§ã™ã€‚トレンドãŒç¤ºã™ã¨ãŠã‚Šã€TypeScriptã¯JavaScriptã«ä»£ã‚ã£ã¦ç¬¬ä¸€ã«é¸æŠžã•ã‚Œã‚‹è¨€èªžã«ãªã‚Šã¾ã—ãŸã€‚TypeScriptãŒæä¾›ã™ã‚‹é™çš„型システムã¯ã€ã‚³ãƒ¼ãƒ‰ã®ä¿å®ˆæ€§ã¨å¯èªæ€§ã‚’大幅ã«å‘上ã•ã›ã¾ã™ã€‚ã¾ãŸãƒ–ラウザç‰ã®äº’æ›æ€§ã‚’心é…ã™ã‚‹ã“ã¨ãªãã€ãƒ¢ãƒ€ãƒ³ã§ä¾¿åˆ©ãªJavaScriptã®æ©Ÿèƒ½ã‚’利用ã§ãã¾ã™ã€‚ TypeScript DeepDiveã¯åˆå¿ƒè€…ã‹ã‚‰ãƒ™ãƒ†ãƒ©ãƒ³ã¾ã§å½¹ç«‹ã¤ã‚ªãƒ¼ãƒ—ンソースã®ãƒ‰ã‚ュメントã§ã™ã€‚JavaScriptã®ãƒ¢ãƒ€ãƒ³ãªæ©Ÿèƒ½ã‹ã‚‰TypeScriptã®æ§˜ã€…ãªé”法ã«è‡³ã‚‹ã¾ã§ä¸å¯§ã«èª¬æ˜Žã•ã‚Œã¦ã„ã¾ã™ã€‚多ãã®ã‚³ãƒ¼ãƒ‰ã‚µãƒ³ãƒ—ルãŒã‚ã‚Šã€å…·ä½“çš„ãªTypeScriptã®ä½¿ã„方を簡å˜ã«ç†è§£ã§ãã¾ã™ã€‚TypeScript DeepDive日本
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Next.js x TypeScript x styled-components x Material-UI x Apollo ã§é–‹ç™ºã‚’始ã‚ã‚‹ | ATHLINGUAL
GitHub - bcherny/json-schema-to-typescript: Compile JSON Schema to TypeScript type declarations
{{#tags}}- {{label}}
{{/tags}}