[B! TypeScript] hiroktsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hirokts id:hirokts

TypeScriptã«é–¢ã™ã‚‹hiroktsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (31)

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

ã€ŒãŒã‚“ã°ã‚‰ãªã„TypeScriptã€ã®ãŸã‚ã®ç¾å®Ÿçš„ãªè¨å®šã‚’è€ƒãˆã‚‹ â”€ 4ãƒ¬ãƒ™ãƒ«ã®åŽ³ã—ã•ã‚’ä½¿ã„åˆ†ã‘ã¦TypeScriptç–²ã‚Œã‚’å…‹æœã—ã‚ˆã†ï¼ï½œãƒã‚¤ã‚¯ãƒ©ã‚¹è»¢è·ãƒ»æ±‚äººæƒ…å ±ã‚µã‚¤ãƒˆ ã‚¢ãƒ³ãƒ“ï¼ˆAMBIï¼‰
ãƒã‚¤ã‚¯ãƒ©ã‚¹æ±‚äººTOP ITè¨˜äº‹ä¸€è¦§ã€ŒãŒã‚“ã°ã‚‰ãªã„TypeScriptã€ã®ãŸã‚ã®ç¾å®Ÿçš„ãªè¨å®šã‚’è€ƒãˆã‚‹Â â”€Â 4ãƒ¬ãƒ™ãƒ«ã®åŽ³ã—ã•ã‚’ä½¿ã„åˆ†ã‘ã¦TypeScriptç–²ã‚Œã‚’å…‹æœã—ã‚ˆã†ï¼ ã€ŒãŒã‚“ã°ã‚‰ãªã„TypeScriptã€ã®ãŸã‚ã®ç¾å®Ÿçš„ãªè¨å®šã‚’è€ƒãˆã‚‹Â â”€Â 4ãƒ¬ãƒ™ãƒ«ã®åŽ³ã—ã•ã‚’ä½¿ã„åˆ†ã‘ã¦TypeScriptç–²ã‚Œã‚’å…‹æœã—ã‚ˆã†ï¼ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢Hubã§ã¯2019å¹´ã«ã€ŒãŒã‚“ã°ã‚‰ãªã„TypeScriptã€ã‚’ç´¹ä»‹ã—ã¾ã—ãŸã€‚JavaScriptã«é™çš„åž‹ä»˜ã‘ãªã©ã‚’æä¾›ã™ã‚‹TypeScriptã¯ã€ä»Šã§ã¯å®Ÿãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«æŽ¡ç”¨ã•ã‚Œã‚‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã«ãªã£ã¦ã„ã¾ã™ã€‚ãã“ã§ç¾å®Ÿçš„ãªTypeScriptã®è¨å®šã‚’ã€è—¤å¾éƒŽï¼ˆgfxï¼‰ã•ã‚“ã«è§£èª¬ã—ã¦ã‚‚ã‚‰ã„ã¾ã—ãŸã€‚ 2021å¹´ã®ç¾åœ¨ã€TypeScriptã®ä¾¡å€¤ã¯ã¾ã™ã¾ã™åºƒãèªã‚ã‚‰ã‚Œã‚‹ã¨ã“ã‚ã¨ãªã‚Šã€å¤šãã®JavaScript ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒTypeScriptã§é–‹ç™ºã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚ã¾ãŸT
hirokts 2021/08/26
TypeScript
ãƒªãƒ³ã‚¯
Handbook - The TypeScript Handbook
About this Handbook Over 20 years after its introduction to the programming community, JavaScript is now one of the most widespread cross-platform languages ever created. Starting as a small scripting language for adding trivial interactivity to webpages, JavaScript has grown to be a language of choice for both frontend and backend applications of every size. While the size, scope, and complexity
hirokts 2021/03/10
TypeScript

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
TypeScript 4.2ã€€è¦šæ›¸
ã“ã¡ã‚‰ã®è¨˜äº‹ã®ã¾ã¨ã‚ã«ãªã‚Šã¾ã™ã€‚ ã‚¿ãƒ—ãƒ«ã®å…ˆé ã¨é€”ä¸ã§ã‚‚Rest Elementsã‚’ç½®ã‘ã‚‹ã‚ˆã†ã«ãªã‚‹ ã‚¿ãƒ—ãƒ«ã®å…ˆé ã¨é€”ä¸ã«RestElementsã‚’ç½®ãã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ã‚¿ãƒ—ãƒ«ã„ã„ã§ã™ã‚ˆãã€‚åƒ•ã¯å¥½ãã§ã™ã€‚ // leading Rest Element let a = [...string[], boolean]; a = [true]; a = ['1', '2', false]; // middle Rest Element let b = [boolean, ...string[], number]; b = [true, 10]; b = [true, 'a', 'b', 2];
hirokts 2021/02/25
TypeScript
ãƒªãƒ³ã‚¯
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
hirokts 2021/02/17
TypeScript
ãƒªãƒ³ã‚¯
TypeScriptã®Tipsé›†
ã“ã®è¨˜äº‹ã¯ TypeScript Advent Calendar 2020 ã® 17 æ—¥ç›®ã§ã™ã€‚ ä»Šå›žã¯ TypeScript ã®Tipsã‚’ã„ãã¤ã‹ã‚ã’ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ï¼ å‰²ã¨åŸºæœ¬çš„ãªã‚‚ã®ãŒå¤šã„ã®ã§ã€æ™®æ®µã‹ã‚‰ TypeScript ã‚’ãŒã£ã¤ã‚Šæ›¸ã„ã¦ã„ã‚‹æ–¹ã«å–ã£ã¦ã¯ã™ã§ã«çŸ¥ã£ã¦ã„ã‚‹ã‚‚ã®ãŒå¤šã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ãŸã ã€æ„è˜ã—ãªã„ã¨ã‚ã¾ã‚Šä½¿ã‚ãªã‹ã£ãŸã‚Šã€TypeScript ã®çµŒé¨“ãŒãªã„æ–¹ã«å–ã£ã¦ã¯æ–°é®®ãªã‚‚ã®ã‚‚ã‚ã‚‹ã®ã§ã¯ï¼Ÿã¨æ€ã£ãŸã®ã§æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ keyof ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®ã‚ãƒ¼ã‚’ union åž‹ã« type Post = { id: number; title: string; content: string; }; type PostKey = keyof Post; // type PostKey = "id" | "title" | "content" const sortBy = <
hirokts 2020/12/21
ã‚ã¨ã§èªã‚€

TypeScript
ãƒªãƒ³ã‚¯
TypeORMã¯Node.jsé–‹ç™ºã®ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã«ãªã‚‹ã‹ï¼Ÿ - Qiita
ã“ã‚“ã«ã¡ã¯GAOGAOã®ä»£è¡¨ã‚’ã—ã¦ãŠã‚Šã¾ã™ @tejitak ã§ã™ã€‚GAOGAOã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ 17æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚GAOGAOã®ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ã‚¹ã‚¿ã‚¸ã‚ªã«ã¦ã€æœ€è¿‘ãŠæ‰‹ä¼ã„ã—ã¦ã„ã‚‹æµ·å¤–ã®ãŠå®¢æ§˜æ¡ˆä»¶ã«ã¦TypeORMã‚’å°Žå…¥ã—ã¦ã„ã¾ã™ã€‚ ä»Šå›žã®è¨˜äº‹ã§ã¯ã€TypeORMã¨ã¯ãªã‚“ãžã‚„ï¼Ÿã¨ã„ã†æ–¹ã‚’å¯¾è±¡ã¨ã—ã¦ã€ã¾ã æ¯”è¼ƒçš„æ—¥æœ¬èªžè¨˜äº‹ãŒå°‘ãªã„TypeORMã«ã¤ã„ã¦ã®ã”ç´¹ä»‹ã—ã¾ã™ã€‚ Node.jsã®ORM Node.jsã§ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚’å®Ÿè£…ã™ã‚‹éš›ã«ã¯Expressã‚’ä½¿ã†ã“ã¨ãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚Expressã¯ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã®Webãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã€ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã‚’æ‰±ã†ORMã¯è‡ªç”±ã«å°Žå…¥ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ä»¥ä¸‹ä»£è¡¨çš„ãªORMã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ mongoose å…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆï¼š https://mongoosejs.com/ Mongo DBã¯JavaScriptã¨ã®ç›¸æ€§ã®è‰¯ã•ã‹ã‚‰æ˜”ã‹ã‚‰Node.jsã®å¤šãã®ãƒ—
hirokts 2020/12/07
TypeScript

ORM
ãƒªãƒ³ã‚¯
React: TypeScript ã® lint ã§ module.hot å‘¨ã‚Šã§ã‚¨ãƒ©ãƒ¼ãŒå‡ºãŸéš›ã®è§£æ±ºæ–¹æ³• - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
hirokts 2020/11/28
TypeScript
ãƒªãƒ³ã‚¯
GitHub - typescript-cheatsheets/react: Cheatsheets for experienced React developers getting started with TypeScript
Cheatsheet for using React with TypeScript. Web docs | Contribute! | Ask! ðŸ‘‹ This repo is maintained by @eps1lon and @filiptammergard. We're so happy you want to try out React with TypeScript! If you see anything wrong or missing, please file an issue! ðŸ‘ | The Basic Cheatsheet is focused on helping React devs just start using TS in React apps Focus on opinionated best practices, copy+pastable exa
hirokts 2020/11/28
React.js

TypeScript
ãƒªãƒ³ã‚¯
TypeScriptã®åž‹ã‚’æ‰‹ã«é¦´æŸ“ã¾ã›ã‚‹ãŸã‚ã«ã‚„ã£ã¦ã„ã‚‹ã“ã¨ - $shibayu36->blog;
æœ€è¿‘TypeScriptãŒå¥½ãã§å‹‰å¼·ã—ã¦ã„ã£ã¦ã„ã‚‹ã€‚ã—ã‹ã—ãªã‹ãªã‹åž‹å®šç¾©å‘¨ã‚ŠãŒæ‰‹ã«é¦´æŸ“ã¾ãšã€å°‘ã—è¤‡é›‘ãªåž‹å®šç¾©ã‚’èªã‚“ã ã‚Šã€è‡ªåˆ†ã§ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£åž‹ã‚’å®šç¾©ã—ãŸã‚Šã™ã‚‹ã“ã¨ãŒé›£ã—ã‹ã£ãŸã€‚ ãã“ã§åž‹ã‚’æ‰‹ã«é¦´æŸ“ã¾ã›ã‚‹ãŸã‚ã«è‰²ã€…å¦ç¿’ã‚’ã—ã¦ã¿ãŸã®ã§ã€ã‚„ã£ã¦ã„ã‚‹ã“ã¨ã‚’ãƒ¡ãƒ¢ã—ã¦ãŠãã€‚ ã¾ãšã–ã£ã¨TypeScriptã®åž‹æ¦‚è¦ã‚’å¦ã¶ ã¾ãšTypeScriptã§ã®åž‹ã‚’ç°¡å˜ã«å¦ã¶ã«ã¯ä»¥ä¸‹ã®2ã¤ã®è³‡æ–™ãŒã‚ã‹ã‚Šã‚„ã™ã‹ã£ãŸã€‚ TypeScriptã®åž‹å…¥é–€ - Qiita TypeScriptã®åž‹åˆç´š - Qiita ã²ãŸã™ã‚‰åž‹æ¼”ç¿’ã‚’ã™ã‚‹ è³‡æ–™ã‚’èªã‚€ã ã‘ã§ã¯å…¨ãæ‰‹ã«é¦´æŸ“ã¾ãªã„ã¨æ€ã£ãŸã®ã§ã€ãã®å¾Œã²ãŸã™ã‚‰åž‹æ¼”ç¿’ã‚’ã—ã¦ã„ã‚‹ã€‚ ã¾ãšã¯ TypeScriptã®åž‹æ¼”ç¿’ - Qiita ã€‚ã“ã‚Œã¯å…ˆç¨‹ã®åž‹åˆç´šã€åž‹å…¥é–€ã®è¨˜äº‹ã‚’æ›¸ã„ãŸäººãŒæ¼”ç¿’å•é¡Œã‚’ä½œã£ã¦ã„ã‚‹ãŸã‚åŒã˜æµã‚Œã§å¦ç¿’ã§ãã€ã•ã‚‰ã«è§£èª¬ç·¨ã‚‚å……å®Ÿã—ã¦ã„ã‚‹ã®ã§ã€æ‰‹ã‚’å‹•ã‹ã—ãªãŒã‚‰å¦ã¶ã®ã«æœ€é©ã§ã‚
hirokts 2020/10/16
TypeScript
ãƒªãƒ³ã‚¯
Effective TypeScript â€º The Golden Rule of Generics
The New TypeScript Handbook has some real gems in it. Here's what it has to say about generics: Writing generic functions is fun, and it can be easy to get carried away with type parameters. Having too many type parameters or using constraints where they aren't needed can make inference less successful, frustrating callers of your function. It goes on to offer a few specific pieces of advice about
hirokts 2020/08/16
TypeScript
ãƒªãƒ³ã‚¯
2020å¹´å¾ŒåŠç‰ˆVue.jsã‚’ä½¿ã£ã¦ã‚‹äººã«ã¯å¿…ãšçŸ¥ã£ã¦ã„ã¦ã»ã—ã„Vue.jsã®æ¦å™¨ã¨ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã«æ›¸ã‹ã‚Œã¦ã„ãªã„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚„ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã®éš›ã«å½¹ç«‹ã¤Tips - Qiita
ãƒªãƒã‚¸ãƒˆãƒªã¯ã“ã¡ã‚‰ã‹ã‚‰è¦‹ã‚Œã¾ã™. https://github.com/kahirokunn/vue-ts-sample Vue.js + TypeScriptã®å¯¾å¿œçŠ¶æ³ã¯æ—¥ã€…æ”¹å–„ã•ã‚Œã¦ã„ã¾ã™. ä»¥å‰ã¾ã§ã¯.vueã‚’åˆ©ç”¨ã—ã¦ã‚‚Vue.extendã‚’åˆ©ç”¨ã—ã¦ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’é–‹ç™ºã™ã‚‹å ´åˆã¯ã“ã®ã‚·ãƒ³ãƒ—ãƒ«ãªã‚³ãƒ¼ãƒ‰ã§ã‚‚åž‹ã®ã‚¨ãƒ©ãƒ¼ãŒå‡ºã¦ã—ã¾ã„ã€TypeScriptã§ã®é–‹ç™ºä½“é¨“ã¯ã¾ã ã¾ã æ”¹å–„ã§ãã‚‹ã‚‚ã®ã§ã—ãŸ. @vue/composition-apiã‚’åˆ©ç”¨ã™ã‚Œã°TypeScriptã®ä½“é¨“ã‚’å‘ä¸Šã§ãã¾ã™. æ—©é€Ÿ@vue/composition-apiã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã™. install @vue/composition-api ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã¯ã“ã¡ã‚‰ã®ãƒªãƒã‚¸ãƒˆãƒªã«æ›¸ã„ã¦ã‚ã‚Šã¾ã™. https://github.com/vuejs/composition-api ä¸€å¿œinstallå¾Œã®$ git dif
hirokts 2020/07/17
TypeScript
ãƒªãƒ³ã‚¯
TypeScriptã§ãƒ†ã‚¹ãƒˆã‚³ãƒ¼ãƒ‰ã‚’å¾¹åº•çš„ã«åž‹æŽ¨è«–ã™ã‚‹ / TypeScript Meetup 4
2020å¹´6æœˆ16æ—¥ TypeScript Meetup #4 ã«ã¦ç™ºè¡¨ã—ãŸè³‡æ–™ã§ã™ã€‚
hirokts 2020/06/17
TypeScript
ãƒªãƒ³ã‚¯
TypeScript ã§æ›¸ã React ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’åŸºç¤Žã‹ã‚‰ç†è§£ã™ã‚‹ - Qiita
ã“ã®è¨˜äº‹ã¯ Recruit Engineers Advent Calendar 2019 ã® 23æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ TypeScript ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ React ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’æ›¸ã„ã¦ã„ã‚‹ã¨ã€ã‚³ãƒ³ãƒ‘ã‚¤ãƒ©ã«æ€’ã‚‰ã‚Œã‚‹ã“ã¨ãŒãŸã³ãŸã³ã‚ã‚Šã¾ã™ã€‚ãƒãƒƒãƒˆä¸Šã«ã‚ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒ JavaScript ã§æ›¸ã‹ã‚Œã¦ã„ã‚‹ã¨ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ã‚‚ã£ã¦ããŸã¨ãã«ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã§ããªã„ã¨ã„ã†ã“ã¨ã¯ã‚ˆãã‚ã‚‹ã‚“ã˜ã‚ƒãªã„ã§ã—ã‚‡ã†ã‹ã€‚any ã§ã‚³ãƒ³ãƒ‘ã‚¤ãƒ©ã‚’é»™ã‚‰ã›ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ãŒã€ã›ã£ã‹ã TypeScript ã‚’ä½¿ã£ã¦ã„ã‚‹ã®ã§ã€å®‰å…¨ã«è§£æ±ºã—ãŸã„ã‚ˆãã£ã¦ã“ã¨ã§ã“ã®ã‚ˆã†ãªè¨˜äº‹ã‚’æ›¸ãã¾ã—ãŸã€‚ åž‹å®šç¾©ã¯ @types/react@16.9.17 ã«ã—ãŸãŒã£ã¦ã„ã¾ã™ã€‚ç›®æ¬¡ã‚’ã¿ã¦ã€ã“ã®ç¨‹åº¦ã®ã“ã¨ã¯ã‚‚ã†çŸ¥ã£ã¦ã„ã‚‹ã‚ˆã¨ã„ã†æ–¹ã¯ react-typescript-cheatsheet ã‚’ã¿ã¦ãã ã•ã„ã€‚React + TypeScr
hirokts 2019/12/24
TypeScript
ãƒªãƒ³ã‚¯
TypeScriptã«ã‚ˆã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºç’°å¢ƒ | ã•ã«ã‚ã‚‰ãš
ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯ pyspa Advent Calendar 2019 ã® 11 æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚æ˜¨æ—¥ã¯ @chezou ã®ã€ŒVein ã® iOS ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆè¤‡æ•° URL å¯¾å¿œã—ã¾ã—ãŸã€ã§ã—ãŸã€‚ ã¯ã˜ã‚ã«â€‹ TypeScript ã¯å¤§å¤‰ã«ç´ æ™´ã‚‰ã—ã„è¨€èªžã§ã€åƒ•ã®æ‰‹ã«ã‚ˆããªã˜ã‚€ã€‚ãã®ã›ã„ã‹æœ€è¿‘ã¯ã‚ã£ãã‚Š TypeScript ã°ã‹ã‚Šæ›¸ã„ã¦ã„ã‚‹ã€‚ ä»Šå›žã®ã‚¨ãƒ³ãƒˆãƒªã§ã¯ã€åƒ•ãŒã“ã®ä¸€å¹´ãã‚‰ã„ã®é–“ã«ç£¨ã„ãŸ TypeScript ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ã¤ã„ã¦èª¬æ˜Žã™ã‚‹ã€‚ã‹ãªã‚Šä½•åº¦ã‚‚ä½¿ã£ã¦å¿…è¦ååˆ†ãªã‚‚ã®ã ã‘ã‚’å«ã‚ã‚‹ã‚ˆã†ã«ã—ã¦ã„ã‚‹ã€‚ ã—ã‹ã—ã€åƒ•ã®çŸ¥è˜ã®åã‚ŠãŒãã®ã¾ã¾ã«ãªã£ã¦ã„ã‚‹ã®ã§ã€ä¸‡äººã«åˆã†ã¨ã„ã†ã‚ã‘ã§ã¯ãªã„ã ã‚ã†ã€‚ ã¨ã¯ã„ãˆã€é–‹ç™ºç’°å¢ƒã®åˆæœŸæ§‹ç¯‰ã¯ã‹ãªã‚Šé¢å€’ãªä½œæ¥ãªã®ã§å‚è€ƒã«ã—ã¦è²°ãˆã‚Œã°å¬‰ã—ã„ã€‚ ç´°ã‹ã„èª¬æ˜Žãªã‚“ã‹ã‚ˆã‚Šã‚‚ã‚³ãƒ¼ãƒ‰ã‚’è¦‹ãŸæ–¹ãŒæ—©ã„ã£ã¦ãƒãƒ¼ãƒ‰ã‚³ã‚¢ãªæ–¹ã¯ã€ã“ã¡ã‚‰ã¸ã©ã†ãžã€‚ taichi/ts-t
hirokts 2019/12/17
TypeScript

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Type-safe state modeling with TypeScript and React Hooks
The power of React Hooks allows us to manage reusa ble and composable state in our React components, without the need for class components or global state (such as Redux). Combining that with the flexibility of TypeScript interfaces, there are several different methods we can use to model our component state and context in a type-safe way. In this post I will illustrate some of the benefits to usin
hirokts 2019/10/02
React.js

TypeScript
ãƒªãƒ³ã‚¯
TypeScriptã®åž‹ã«ãŠã‘ã‚‹JSXã‚µãƒãƒ¼ãƒˆãŒ100%åˆ†ã‹ã‚‹è¨˜äº‹ - Qiita
TypeScriptã¯JavaScriptã«é™çš„åž‹ã‚’ä»˜ã‘ã‚‹ã“ã¨ãŒã§ãã‚‹AltJSã§ã™ã€‚2015å¹´9æœˆã«ç™»å ´ã—ãŸTypeScript 1.6ã§ã¯JSXã®ã‚µãƒãƒ¼ãƒˆãŒæè¼‰ã•ã‚Œã€.tsxã¨ã„ã†æ‹¡å¼µåã‚’ç”¨ã„ã‚‹ã“ã¨ã§JSXã‚’å«ã‚€ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ãŸã‚Šåž‹ãƒã‚§ãƒƒã‚¯ã—ãŸã‚Šã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ JSXã¯JavaScriptã«å¯¾ã—ã¦HTMLï¼ˆã‚ã‚‹ã„ã¯XMLï¼‰ã®ã‚¿ã‚°ã®ã‚ˆã†ãªæ§‹æ–‡ã‚’å°Žå…¥ã™ã‚‹æ‹¡å¼µè¨˜æ³•ã§ã™ã€‚ä»¥ä¸‹ã®ä¾‹ã®ã‚ˆã†ã«JavaScriptãƒ—ãƒã‚°ãƒ©ãƒ ä¸ã«å¼ã¨ã—ã¦ã‚¿ã‚°ã‚’æ›¸ãã“ã¨ãŒã§ãã¾ã™ï¼ˆhttps://facebook.github.io/jsx/ ã‹ã‚‰å¼•ç”¨ï¼‰ï¼š // Using JSX to express UI components. var dropdown = <Dropdown> A dropdown list <Menu> <MenuItem>Do Something</MenuItem> <MenuItem>
hirokts 2019/09/28
TypeScript
ãƒªãƒ³ã‚¯
GitHub - piotrwitek/react-redux-typescript-guide: The complete guide to static typing in "React & Redux" apps using TypeScript
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
hirokts 2019/09/25
TypeScript

redux

React.js
ãƒªãƒ³ã‚¯
TypeScript ã®æµå„€
Bonfire Frontend #4 http://yj-meetup.connpass.com/event/136480/
hirokts 2019/09/04
TypeScript
ãƒªãƒ³ã‚¯
TypeScriptã®ç‚ºã®ã‚¯ãƒªãƒ¼ãƒ³ã‚³ãƒ¼ãƒ‰ ã‚’ç¿»è¨³ã—ã¾ã—ãŸ | Graatï¼ˆã‚°ãƒ©ãƒ¼ãƒ„ï¼‰-ã‚°ãƒãƒ¼ã‚¹ãƒ»ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ï¼†ãƒãƒ¼ãƒ ã‚¹æ ªå¼ä¼šç¤¾
Robert C.Martinã®æ›¸ç±ã§æœ‰åãªã€ŒClean Codeã€ã‚’ TypeScript ã«å¯¾å¿œã•ã›ãŸãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’ç¿»è¨³ã—ã¾ã—ãŸã€‚å¯èªæ€§ãŒé«˜ãã€å†åˆ©ç”¨å¯èƒ½ã§ã‚ã‚Šã€ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒ–ãƒ«ãªã‚³ãƒ¼ãƒ‰ã‚’TypeScriptã§æ›¸ããŸã‚ã«ã¯ã€ã©ã®ã‚ˆã†ãªäº‹ã«æ°—ã‚’ä»˜ã‘ãŸã‚‰ã‚ˆã„ã‹ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚
hirokts 2019/08/22
TypeScript

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
WebStormã§è‡ªå‹•ä¿å˜æ™‚ã«Prettierã‚’å®Ÿè¡Œã™ã‚‹ã‚ˆã†ã«ã—ãŸã‚‰ã€ã‚ãƒ¬ã‚¤ãªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒã¨ã¦ã‚‚æ—ã‚‹ã€‚ - Qiita
WebStormã§è‡ªå‹•ä¿å˜æ™‚ã«Prettierã‚’å®Ÿè¡Œã™ã‚‹ã‚ˆã†ã«ã—ãŸã‚‰ã€ã‚ãƒ¬ã‚¤ãªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒã¨ã¦ã‚‚æ—ã‚‹ã€‚WebStormprettier æœ¬ç¨¿ã§ã¯WebStromã«Prettierã‚’çµ„ã¿è¾¼ã‚“ã§ã€ãƒ•ã‚¡ã‚¤ãƒ«è‡ªå‹•ä¿å˜æ™‚ã«Prettierã‚’å®Ÿè¡Œã™ã‚‹ã‚ˆã†ã«ã™ã‚‹è¨å®šæ–¹æ³•ã‚’ç´¹ä»‹ã™ã‚‹ã€‚ èƒŒæ™¯çŸ¥è˜ WebStorm: JavaScriptã‚’ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã¨ã—ãŸçµ±åˆé–‹ç™ºç’°å¢ƒã€‚ Prettier: Node.jsè£½ã®ã‚³ãƒ¼ãƒ‰æ•´å½¢ãƒ„ãƒ¼ãƒ«ã§ã€JavaScriptã€TypeScriptã‚’å§‹ã‚ã¨ã¨ã—ãŸè¤‡æ•°ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ã€‚ Opinionated and automated code formatting: ç‹¬æ–çš„ã§è‡ªå‹•çš„ãªã‚³ãƒ¼ãƒ‰æ•´å½¢ã€‚ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã‚¿ã‚¤ãƒ«ã«ã¤ã„ã¦ãƒãƒ¼ãƒ ã§ä¸æ¯›ãªè°è«–ã™ã‚‹ã®ã‚’é¿ã‘ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®æœ¬è³ª(=å‹•ä½œã™ã‚‹ã“ã¨)ã«é›†ä¸ã™ã‚‹ãŸã‚ã®ãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã€‚ WebStormã§ãƒ•ã‚¡ã‚¤ãƒ«è‡ªå‹•ä¿å˜æ™‚ã«Pret
hirokts 2019/07/11
TypeScript
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸