GitHub - ThomasAribart/json-schema-to-ts: Infer TS types from JSON schemas ðŸ“You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
OpenAPI + Zod ã§åž‹å®‰å…¨ãª API クライアント出力
import { asApi, Zodios } from '@zodios/core' import { z } from 'zod' const vR1x0k5qaLk = z.object({ id: z.number(), name: z.string() }).partial() const v8JbFEq2fUl = z.object({ id: z.number().optional(), name: z.string(), category: vR1x0k5qaLk.optional(), photoUrls: z.array(z.string()), tags: z.array(vR1x0k5qaLk).optional(), status: z.enum(['available', 'pending', 'sold']).optional(), }) const vlh
Announcing TypeScript 4.9 Beta - TypeScript
Today we’re announcing our beta release of TypeScript 4.9! To get started using the beta, you can get it through NuGet, or- use npm with the following command: npm install -D typescript@beta You can also get editor support by Downloading for Visual Studio 2022/2019 Following directions for Visual Studio Code. Here’s a quick list of what’s new in TypeScript 4.9! The satisfies Operator Unlisted Prop
Type-Level TypeScript
Learn how to unleash the full potential of the Turing Complete type system of TypeScript! Introduction Type-level TypeScript is an online course to take your TypeScript skills from intermediate to advanced. It will give you a solid understanding of the type system's fundamentals and guide you through its most advanced features. You will find everything you need to become a TypeScript Expert — not
TypeScript 4.1 ã§è¿½åŠ ã•ã‚ŒãŸ noUncheckedIndexedAccess ã¨ã¯ä½•ã‹
ã¯ã˜ã‚ã« ã“ã®è¨˜äº‹ã¯ #EveOneZenn (Everyday One Zenn) vol.04 ã§ã™ã€‚ TypeScript 4.1 ã§æ–°ãŸã«è¿½åŠ ã•ã‚ŒãŸ --noUncheckedIndexedAccess オプションを紹介ã—ã¾ã™ã€‚ å‰å›žï¼š --noUncheckedIndexedAccess オプション --noUncheckedIndexedAccess オプション㯠TypeScript 4.1 ã§è¿½åŠ ã•ã‚ŒãŸã€ãƒ—ãƒãƒ‘ティã¸ã®ã‚¢ã‚¯ã‚»ã‚¹ã‚’より厳密ã«ã™ã‚‹ã‚ªãƒ—ションã§ã™ã€‚ ã“ã‚Œã¾ã§ --strictNullChecks オプションを有効ã«ã—ã¦ã„ã¦ã‚‚ã€é…列ã®è¦ç´ やオブジェクトã®ãƒ—ãƒãƒ‘ティã¸ã®ã‚¢ã‚¯ã‚»ã‚¹ãŒåŽ³å¯†ãªåž‹å®‰å…¨ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ ãŸã¨ãˆã°ã€æ¬¡ã®ã‚³ãƒ¼ãƒ‰ã§ã¯ JavaScript çš„ã« undefined ã®å¯èƒ½æ€§ãŒã‚るプãƒãƒ‘ティã¸ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã‚‚åž‹æƒ…å ±ã¨ã—ã¦ã¯ undefined ãŒå«ã¾
TypeScriptã®Error Handling - mrsekut-p
TypeScript/JavaScriptã®è¨€èªžæ€æƒ³çš„ã«ã¯try/catchを使ã£ã¦error handlingã‚’ã™ã‚‹ã®ãŒæ™®é€š
React TypeScript Cheatsheets | React TypeScript Cheatsheets
React TypeScript CheatsheetsCheatsheets for experienced React developers getting started with TypeScript
graphql-codegen 㯠validation 用㮠schema も自動ã§ç”Ÿæˆã§ãã‚‹ (yup 㨠zod)
GraphQL Code Generator (a.k.a. graphql-codegen) ã®ãƒ—ラグインã¨ã—㦠graphql-codegen-typescript-validation-schema (Star ãã ã•ã„ï¼) を利用ã™ã‚‹ã¨ yup ã‚„ zod ã¨ã„ã£ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ validation 用㮠schema も自動ã§ç”Ÿæˆã§ãã¾ã™ã€‚ 例ãˆã°ã“ã®ã‚ˆã†ãª GraphQL Schema を与ãˆã¾ã™ã€‚ã“ã“ã§è¨˜è¿°ã—ã¦ã„ã‚‹ constraint directive 㯠confuser/graphql-constraint-directive ã§æä¾›ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã‚’想定ã—ã¦ã¾ã™ã€‚ input ExampleInput { email: String! @required(msg: "Hello, World!") @constraint(minLength: 50, format:
RF21 – Naman Goel – Rethinking CSS - Introducing Stylex
CSS + superpowers - bloat. How Stylex creates a zero-cost abstraction that gives CSS superpowers. If you like what we do please consider subscribing → https://bit.ly/3lowyCt​​ --- This event would not take place without the support of our sponsors: ## Gold Sponsors * Gofore → https://gofore.com​​​​ * Futurice → https://www.futurice.com​​​​ * Smartly → https://www.smartly.io​​​​ ## Silver Spo
Renovateを使ã£ã¦ãƒ©ã‚¤ãƒ–ラリアップデートã®è‡ªå‹•ãƒžãƒ¼ã‚¸ - $shibayu36->blog;
利用ã—ã¦ã„るライブラリã®ã‚¢ãƒƒãƒ—デートã¯å¸¸ã«è¡Œã„ãŸã„ãŒã€ä¸ã€…コストã®æŽ›ã‹ã‚‹ä½œæ¥ã§ã‚‚ã‚る。ãã®æ™‚ã«ãƒ†ã‚¹ãƒˆãŒé€šã£ãŸã‚‰OK・型検証ãŒé€šã£ãŸã‚‰OKã¿ãŸã„ãªãƒ©ã‚¤ãƒ–ラリ（例: TypeScriptãªã‚‰ @types/系やjestãªã©ï¼‰ãªã‚‰äººé–“ã®ç›®ã‚’通ã•ãšã«è‡ªå‹•ã§PullRequestをマージã—ã¦ãã‚ŒãŸã‚‰ã€ãã®åˆ†ã‚³ã‚¹ãƒˆãŒæ¸›ã‚Šã€äººé–“ã®ç›®ãŒå¿…è¦ãªä½œæ¥ã‚’è¡Œã†æ™‚é–“ãŒå¢—ãˆã‚‹ã€‚ ãã“ã§Renovateを使ã£ã¦ä¸Šè¨˜ã®ã‚ˆã†ãªã“ã¨ã‚’ã‚„ã£ã¦ã¿ãŸã®ã§ãƒ¡ãƒ¢ã—ã¦ãŠã。 出æ¥ãŸã‚‚ã® https://github.com/shibayu36/typescript-cli-project/pull/10 ã®ã‚ˆã†ã«ã€Renovateã®botãŒå‹æ‰‹ã«PRを作りã€å‹æ‰‹ã«Approveã—ã€ãƒ†ã‚¹ãƒˆãŒé€šã£ãŸã‚‰(GitHubã®checksãŒé€šã£ãŸã‚‰)å‹æ‰‹ã«ãƒžãƒ¼ã‚¸ã—ã¦ãれるよã†ã«ãªã£ãŸã€‚ 実ç¾ã™ã‚‹ãŸã‚ã«ã‚„ã‚‹ã“㨠Renovateを有効ã«ã—ã¦ã€è‡ªå‹•ãƒžãƒ¼ã‚¸
TypeScriptã®åž‹å®šç¾©ã‹ã‚‰ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚³ãƒ¼ãƒ‰ã‚’生æˆã™ã‚‹ãƒ„ールを書ã„ãŸ
create-validator-tsã¨ã„ã†TypeScriptã®åž‹å®šç¾©ã‹ã‚‰JSON Schemaを使ã£ãŸãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚³ãƒ¼ãƒ‰ã‚’生æˆã™ã‚‹ãƒ„ールを書ãã¾ã—ãŸã€‚ モãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ expressãªã©ã§APIを書ãã¨ãã«ã€Request/ResponseãŒæ„図ã—ãŸã‚‚ã®ã‹ã©ã†ã‹ã‚’ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ 特ã«req.queryãªã©ã¯StringãŒå…¥ã‚‹ã¨äºˆæƒ³ã—ã¾ã™ãŒã€ã‚ªãƒ–ジェクトãŒå…¥ã£ã¦ãã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚ ã“ã‚Œã¯ã€expressã®å†…部ã§ä½¿ã£ã¦ã„ã‚‹qsã¨ã„ã†URLクエリã®ãƒ‘ーサãŒã€ã‚ªãƒ–ジェクトやé…列ã¸å±•é–‹ã™ã‚‹æ©Ÿèƒ½ã‚’æŒã£ã¦ã„ã‚‹ãŸã‚ã§ã™ã€‚ expressを使ã£ã¦ã‚‹ã‚µã‚¤ãƒˆã¯ ?q=text ãŒã‚ã‚‹ã¨ãã« req.query.q ã«ã¯ オブジェクトãŒå…¥ã‚‹å¯èƒ½æ€§ã‚’ã¡ã‚ƒã‚“ã¨è€ƒæ…®ã—ãªã„ã¨ã„ã‘ãªã„。 ?q[a]=text 㧠req.query.q ; // { a: "text" } ã«ãªã‚‹ — azu
TypeScriptã®enumを使ã‚ãªã„ã»ã†ãŒã„ã„ç†ç”±ã‚’ã€Tree-shakingã®è¦³ç‚¹ã§ç´¹ä»‹ã—ã¾ã™
LINEæ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10月1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ブãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚ LINEヤフー Tech Blog ã“ã‚“ã«ã¡ã¯ã€‚LINE Growth Technology UITãƒãƒ¼ãƒ ã®æ…¶å³¶(@pittanko_pta)ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€TypeScriptã®enumを使ã‚ãªã„ã»ã†ãŒã„ã„ç†ç”±ã‚’ã€Tree-shakingã®è¦³ç‚¹ã§ç´¹ä»‹ã—ã¾ã™ã€‚ 検証環境 TypeScriptã‹ã‚‰JavaScriptã¸ã®ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘イルã¯Â https://www.typescriptlang.org/play (TypeScript 3.9.2 / targetã¯ESNext) ã§è¡Œã„ã¾ã—ãŸã€‚ Tree-shaking ã®æŒ™å‹•ã«ã¤ã„ã¦ã¯Â https://rollupjs.org/repl/ ã«ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘イルã—ãŸJavaScriptコードを貼り付ã‘ã¦æ¤œè¨¼ã—ã¾ã—ãŸ
ã•ã‚ˆã†ãªã‚‰ã€TypeScript enum - æ ªå¼ä¼šç¤¾ã‚«ãƒ–ク
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ä»Šæ‘ã§ã™ã€‚TypeScriptã§ã¯enumを使ã‚ãšunion型を使ã„ã¾ã—ょã†ã€ã¨ã„ã†è©±ã‚’書ãã¾ã™ã€‚ モãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ 何を今ã•ã‚‰ã€ã¨æ€ã†æ–¹ã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 TypeScriptã®unionåž‹ã¯enumçš„ãªã‚‚ã®ã‚’表ç¾å¯èƒ½ã§ã‚ã‚Šã€åŸºæœ¬çš„ã«enumよりもunion型を使ã†ã¹ãã€ã¨ã„ã†æ„è˜ã‚’æŒã£ã¦ã„ã‚‹TypeScriptプãƒã‚°ãƒ©ãƒžãƒ¼ã¯ã™ã§ã«å°‘ãªã‹ã‚‰ãšã„ã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ã—ã‹ã—ã€ã§ã¯enumã®ä½¿ç”¨ã¯ã„ã‹ãªã‚‹å ´åˆã‚‚é¿ã‘ã‚‹ã¹ããªã®ã‹ã€ãã†ã§ãªã„ã¨ã—ãŸã‚‰ã©ã®ã‚ˆã†ãªåŸºæº–ã§enumã¨union型を使ã„分ã‘ã‚‹ã¹ããªã®ã‹ã€ã¨ã„ã£ãŸç‚¹ã«ã¤ã„ã¦ã€åºƒãåˆæ„ã®å–ã‚ŒãŸã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¯ãªã•ãã†ã§ã™ï¼ˆå°‘ãªãã¨ã‚‚ç§ã¯çŸ¥ã‚Šã¾ã›ã‚“）。ã“ã®çµæžœã€ã‚³ãƒ¼ãƒ‰ãƒ¬ãƒ“ューãªã©ã§å°‘ã—ã‚„ã‚Šã¥ã‚‰ã•ã‚’æ„Ÿã˜ã‚‹ã“ã¨ãŒã‚ã£ãŸã®ã§ã€ç™½é»’ã¤ã‘ã¦ã—ã¾ã„ãŸã„ã¨ã„ã†æ°—æŒã¡ã‹ã‚‰ã“ã®ãƒ–ãƒã‚°ã‚’書ã„ã¦ã„ã¾ã™ã€‚ çµè«–ã¨ã—ã¦ã¯ã€enumã¯å…¨é¢çš„ã«
TypeScript 2.0 is now available! - TypeScript
Today we’re excited to announce the final release of TypeScript 2.0! TypeScript 2.0 has been a great journey for the team, with several contributions from the community and partners along the way. It brings several new features that enhance developer productivity, advances TypeScript’s alignment with ECMAScript’s evolution, provides wide support for JavaScript libraries and tools, and augments the
型定義ファイルを作æˆã™ã‚‹ | Revised Revised TypeScript in Definitelyland
第7ç« ã€€åž‹å®šç¾©ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä½œæˆã™ã‚‹ 第6ç« ã€ŒJavaScriptã®è³‡ç”£ã¨@typesã€ã§åž‹å®šç¾©ãƒ•ã‚¡ã‚¤ãƒ«ã®å–得方法ã€ä½¿ã„方をå¦ã³ã¾ã—ãŸã€‚ã—ã‹ã—ã€ä¸–ã®ä¸ã«ã‚ã‚‹JavaScriptライブラリã®ã†ã¡ã€åž‹å®šç¾©ãƒ•ã‚¡ã‚¤ãƒ«ãŒæ›¸ã‹ã‚Œã¦ã„ãªã„ã‚‚ã®ã¯ã¾ã ã¾ã ã‚ã‚Šã¾ã™ã€‚特ã«ã€é–€å¤–ä¸å‡ºã®ç¤¾å†…ライブラリãªã©ã¯èª°ã‚‚手をã¤ã‘ã¦ï¼ˆã„ã‚‹ã‚ã‘ãŒï¼‰ãªã„å‰äººæœªåˆ°ã®åœ°ã§ã™ã€‚ ã—ã‹ã‚‰ã°ï¼è‡ªåˆ†ã§æ›¸ãã—ã‹ã‚ã‚‹ã¾ã„よï¼ã¶ã£ã¡ã‚ƒã‘ãŸè©±ã€ã‚ã‚“ã©ãã•ã„ã®ã§ã™ãŒã€å¾Œã€…ã®å®‰å¿ƒãƒ»å®‰å…¨ã‚’å¾—ã‚‹ãŸã‚ã®æŠ•è³‡ã¨ã—ã¦å‰²ã‚Šãã‚Šã¾ã—ょã†ã€‚ ãªãŠã€è‡ªåˆ†ã§åž‹å®šç¾©ãƒ•ã‚¡ã‚¤ãƒ«ã‚’1行も書ã‹ãšã«TypeScriptã‚’ã‚„ã‚‹ã¨ã€ã©ã“ã‹ã®æ™‚点ã§ä¸ä¾¿ã«æ„Ÿã˜ã‚‹ã§ã—ょã†ã€‚最åˆã®ã†ã¡ã¯ç„¡ç†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã¾ãšã¯äººãŒæ›¸ã„ãŸåž‹å®šç¾©ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã‚“ã§çŸ¥è˜ã‚’è“„ãˆã€ã“ã®ä¸–ç•Œã«å…¥ã£ã¦ãã¦ãれるã¨å¬‰ã—ã„ã§ã™ã€‚ 7.1　型ã€å®Ÿä½“ã€ãã—ã¦42。 TypeScriptã¯JavaScriptã«å¯¾ã—ã¦å¾Œä»˜ã§åž‹ã«ã‚ˆã‚‹åˆ¶ç´„ã‚’
1
ランã‚ング
障害
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Vite | 次世代フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ„ール
GitHub - colinhacks/zod: TypeScript-first schema validation with static type inference
GitHub - Code-Hex/graphql-codegen-typescript-validation-schema: GraphQL Code Generator plugin to generate form validation schema from your GraphQL schema
Facebook CSS-in-JS Solution Stylex Introduced at React Finland 2021
GitHub - azu/create-validator-ts: Create JSON Schema validator from TypeScript.
{{#tags}}- {{label}}
{{/tags}}