Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
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ã³ã¼ããè²¼ãä»ãã¦æ¤è¨¼ãã¾ãã
5: ãã¹ãã³ã¼ãã§ãåã®è¦æ±ãé¨åçã«ããæºãããªãã¢ãããã¯ãªãªãã¸ã§ã¯ããanyã«ãã£ã¹ããã¦ã¢ãã¯ã¨ãã¦ä½¿ãã®ã§ã¯ãªããã¡ããã¨ããã¢ãã¯ãä¸ç®æã§å®ç¾©ãã¦ããã使ã 6: ãªãã¸ã§ã¯ãã®ç¨®é¡ã«ãã£ã¦ããããããã£ãæã£ã¦ãããæã£ã¦ããªãã£ããããæã«ã?ã§ãªãã·ã§ãã«ãªããããã£ã«ããã®ã§ã¯ãªããã©ããã種é¡ã®æã«æã£ã¦ããã®ããã¤ã³ã¿ã¼ãã§ã¼ã¹ã§æç¤ºãã
ãã®è¨äºã¯ 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 = <
TypeScriptã®ã¦ããªã³åã¯ã¨ã¦ãå¼·åãªæ©è½ã§ãTypeScriptã®ã³ã¼ããã¼ã¹ã§ã¯åºãå©ç¨ããã¦ãã¾ãã ä¾ãã°ã次ã®ããã«ããã¨ãfooããããã£ãæã¤ãªãã¸ã§ã¯ãã¾ãã¯barããããã£ãæã¤ãªãã¸ã§ã¯ããã¨ããåã表ç¾ã§ãã¾ãã type FooObj = { foo: string }; type BarObj = { bar: number }; type FooOrBar = FooObj | BarObj; const fooObj: FooOrBar = { foo: "uhyohyo" }; const barObj: FooOrBar = { bar: 1234 };ç¡ããããããªãããããã£ä¸ã®FooOrBaråãæã¤ãªãã¸ã§ã¯ãã¯ãfooããããã£ãæã¤ï¼FooObjï¼ãããããªããæããªãï¼BarObjï¼ããããã¾ããã ããã¯barãåãã§ãã¤ã¾ãããã
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? TypeScriptå ¨ç¶ããããªã... ã¨ããç¶æ ãããããã¸ã§ã¯ãã«å°å ¥ã§ããã¾ã§ã«ãªãã¨ããªã£ãã®ã§ã å¦ç¿ã®åèã«ãªã£ããã®ãªã©ãã¾ã¨ãã¦å¦ç¿ãã¼ããããã使ãããã¾ããã ç§èªèº«ãã¾ã ã¾ã ã®ã¬ãã«ã§ãããããããTypeScriptãåå¼·ããã!ã¨ããæ¹ã®éããã¹ã«ãªãã°å¹¸ãã§ã Level 0: TypeScriptã£ã¦ãªãããï¼ ã¾ãå¦ç¿ããåã«ããã®å¯¾è±¡ããªããªã®ãããè¦æ¥µãã使¥ã§ãã TypeScript㯠altJS ã®ï¼ã¤ã§ãã JSã¯å ã å¤§è¦æ¨¡ãªã³ã¼ããçµãã«ã¯ä¸åããªè¨è¨ã«ãªã£ã¦ããã®ã§ã altJSã¨ãã
ããã°ã©ãã³ã°ã®åã·ã¹ãã ã«é¢ããè¨äºãèªãã§ããã¨ãå ±å¤ãåå¤ã¨ãã£ãç¨èªãåºã¦ãããã¨ãããã TypeScript ã Flow ã«ã¤ãã¦ã®è¨äºã§ããè¦ããããã¨ãããã ããã㯠TypeScript ã使ãä¸ã§å¿ é ã®ç¥èã§ã¯ãªãããææ¡ãã¦ããã«è¶ãããã¨ã¯ãªãã ãã®è¨äºã§ã¯ãTypeScript ã顿ã«ãã¦ã夿§ã«ã¤ãã¦èª¬æãã¦ããã TypeScript ã«é¢ããè°è«ãçè§£ã§ããããã«ãªããã¨ããã®è¨äºã®ç®çã§ããããã詳細ãªãå¦è¡çãæ°å¦çãªå 容ã«ã¯è¸ã¿è¾¼ã¾ãªãã ãã®è¨äºã®å 容ã¯ãTypeScript ã®v3.9.5ã§åä½ç¢ºèªãã¦ããã 夿§ 夿§ï¼varianceï¼ã¨ã¯ãä»»æã®åTã«å¯¾ãã¦ã©ã®ãããªæ§è³ªãæã¤ã®ã示ãããã®ã§ããã以ä¸ã® 4 種é¡ãããã ä¸å¤æ§ï¼invarianceï¼ Tãã®ãã®ãå¿ è¦ å ±å¤æ§ï¼covarianceï¼ Tãã®ãã®ãããã®ãµãã¿ã¤ãã
æ¬æ¸ããµãã¤ãã«TypeScriptãã¯å®åã§TypeScriptã使ãéçºè ã®ããã®å ¥éæ¸ã§ããããã¦ããã®ãã¼ã¸ã¯TypeScriptã®ç¹å¾´ãæéã§ææ¡ã§ãããããæ°ç¾ãã¼ã¸ãããªãæ¬æ¸ã®ã³ã³ãã³ããã¤ã¾ã¿é£ãããè¦ç´ã§ãã » æ¬æ¸ã«ã¤ãã¦è©³ããç¥ã » ã¨ã«ããä»ããTypeScriptãæ¸ãã¦ã¿ãã TypeScriptã¨ã¯âJavaScriptã®ã¹ã¼ãã¼ã»ããã¨ãªãããã°ã©ãã³ã°è¨èªãéçåä»ãè¨èªã§ãããããã°ã©ã ã®æ£ãããéçã«æ¤æ»ã§ãããã©ã¤ãã©ãªãIDEãªã©ã®éçºç°å¢ãå å®ãã¦ããã大ããªã¨ã³ã·ã¹ãã ãæã£ã¦ãããMicrosoftã2012å¹´ã«éçºãããªã¼ãã³ã½ã¼ã¹ã§å ¬éããã» TypeScriptã®ç¹å¾´ã«ã¤ãã¦è©³ããç¥ã » TypeScriptèªçã®èæ¯ã«ã¤ãã¦è©³ããç¥ã TypeScriptã¯JavaScriptã®ã¹ã¼ãã¼ã»ããâã¹ã¼ãã¼ã»ããã¨ã¯ãå ã®è¨èªã¨
2020å¹´6æ16æ¥ TypeScript Meetup #4 ã«ã¦çºè¡¨ããè³æã§ãã
ãã®æç¨¿ã§ã¯ãå¤ã¨ãã¦ã¯ãæååããªãã ãã©ãåãªãæååã§ã¯ãªããé»è©±çªå·åãã¨ããæå³ãæãããæåååãå®ç¾©ãããã使ç¨ããæ¹æ³ãç´¹ä»ãã¾ãã TypeScriptã§ãé»è©±çªå·åãã¿ãããªãæ£è¦è¡¨ç¾ã§ããªãã¼ã·ã§ã³ããããããªåã¯ä½ãããããªï¼ Elmã ã¨Opaque Typeãªãã¦ããæ¹ããã£ããã©ããã ç¨ã¯åãexportããªãã§ããã®åã®å¤ãä½ãæ¹æ³ã ããexportããã°ãããããªã â ç¡è·ãã太éï¼æ¬åï¼ (@Yametaro1983) April 23, 2020 âä¸ã®ãããªçåã«å¯¾ããçãã§ãã å®ç¾æ¹é æ¹éã¨ãã¦ã¯ã以ä¸ã®ãã¯ããã¯ã®çµã¿åããã§ãã å ¬ç§°åã§ããé»è©±çªå·åããå®ç¾©ãã ã¦ã¼ã¶å®ç¾©ã¿ã¤ãã¬ã¼ãã§ãæåååãé»è©±çªå·åã¨ãã¦ã³ã³ãã¤ã©ã«èªèãã¦ããã å ¬ç§°åã¨ãã®å®è£ æ¹æ³ã«ã¤ãã¦ã®åºæ¬ã¯ä¸è¨æç¨¿ãã覧ãã ããã TypeScript: ç°ãªã2ã¤
ã¯ããã« ãã³ãã³ Hello world. ã©ããããã«ã¡ã¯ãéçºã§ãã ååãããæ°äººããã°ã©ãããããªã³ã·ãã«ã»ãªãã»ããã°ã©ãã³ã°ããèªãã ããã®è¨äºãæ¸ããã¦é ãããã®éçºã§ãã ããã°ã©ãçéã§ã¯ã1å¹´ã«1è¨èªãã¨ã¯è¨ãã¾ãããããããç§ãä¸å¿µçºèµ·ãã¦æ°ããè¨èªãå¦ã¼ãã¨æã£ã次第ã§ãããã¾ãã ãããããã å¦ã¶ã ãã§ã¯ãã¼ã¹ãè½ã¡ã¾ãããããæ°ã®ä¸ä¸ã大ããã¨èãã¾ããã ããã§ãâå¦ãã å 容ãè¨äºã«ããâã¨ããã¿ã¹ã¯ãèªåã«èª²ããã¨ã§å¦ç¿å¹çãç¡çããæã¡ä¸ãããã¨ç»çè´ãã¾ãã ã ãããªããã§ä»åã¯ããæ°äººããã°ã©ããã©ã®ããã«æªåå¾ã®è¨èªãå¦ç¿ããããã«ã¤ãã¦æ´¥ã 浦ã ã¨æååãåæãããã¨æãã¾ãã ã¯ããã« What's TypeScript æ¦è¦ JavaScriptã¨ã®éã 詳細 ææ³ åå®£è¨ åæ¨è« å®éã«ãã£ã¦ã¿ã ä½ã¯ã¨ãããæ¸ãã¦ã¿ã¾ããã å·®åé²å(D
ãã¨ãã¨ã¯åçãªWebãµã¤ãéçºã®ããã«ä»æ¹ãªã(â»ãã¡ãã人ã«ãã)æ¸ãããã¦ããæã®ããJavaScriptã§ãããES6以éã®é²åã¯ããã¾ããã表ç¾åã®é«ãã¯ä»ã®è¨èªã«å ¨ãå¼ããåããªãããã«ãªãã¾ããã V8ã¨ã³ã¸ã³ã«ããããã©ã¼ãã³ã¹ã®æ©æµãç¸ã¾ã£ã¦ãç§ã¯Webç¨é以å¤ã«ãã¡ãã£ã¨ããã¹ã¯ãªãããæ¸ãæãªã©ã«ãç©æ¥µçã«Node.jsãæ´»ç¨ãã¦ãã¾ãã 䏿¹ã§ãã¤ã¦ã®JavaScriptã®ã¤ã¡ã¼ã¸ããé£ããå«ãçã«é¿ãã¦ãã¾ã£ãããããããJSãå¨è¾ºã¨ã³ã·ã¹ãã ã®é²åã«é¢å¿ããªã人ãå¤ãè¦ããã¾ãã ããã§ä»åã¯ãã©ãããã°Node.jsã®æ·å± ãä½ããã¦ã便å©ããç¥ã£ã¦ããããããã®è¦³ç¹ããå½¹ç«ã¡ãããªç¥è¦ãã¾ã¨ãã¦ã¿ã¾ããã åçåä»ããªã®ã«ããªãæ©ã 詳ããã¯åãã³ããã¼ã¯ã®çµæãè¦ã¦ããã ããã°åããã¾ãããNode.jsã¯åçåä»ãè¨èªã¨ãã¦ã¯ããªãå®è¡éåº¦ãæ©ãé¨é¡ã«å ¥ã
TypeScript ã§æ¸ããããã°ã©ã ã npm ããã±ã¼ã¸ã¨ãã¦é å¸ããæé ãæ¸ãã¦ããã ã¾ã npm ããã±ã¼ã¸ã®é å¸ããããã¨ããªã人ããæ³å®èªè ã¨ãã¦ããã ããããæ¸ãæ¹ã詳細ãªè¨å®ãã¯æªãã¦ãããã¾ãã¯æä½éã®è¦ä»¶ãæºãããã®ãä½ãä¸ããã ä»åã®ãæä½éã®è¦ä»¶ãã¯ä»¥ä¸ã npm installãyarn addã§ã¤ã³ã¹ãã¼ã«ã§ãã importã§ãrequireã§ãã¤ã³ãã¼ããããã¨ãåºæ¥ã åå®ç¾©ãã¡ã¤ã«ã忢±ããTypeScript ã¢ããªã«ãã¹ã ã¼ãºã«å°å ¥ã§ãã requireï¼CommonJSï¼ã«ã対å¿ããããã©ããã¯ã©ã¤ãã©ãªã®æ§è³ªã«ãã£ã¦ç°ãªãã¨æãããä»åã¯å¯¾å¿ããã npm ããã±ã¼ã¸ã«éãããç²åãã§ããããæåããæå¾ã¾ã§åããã®ãã¾ãã¯ä½ãããã¨ããå¿ è¦ã«å¿ãã¦åå¼·ã調æ»ãããã°ããã¨æã£ã¦ããï¼ã»ãã¥ãªãã£ãã³ã³ãã©ã¤ã¢ã³ã¹ã«é¢ãããã¨ã¯é¤ãï¼ãä»
2019å¹´é ããå°ããã¤æ¸ãã¦ããTypeScriptã®æè²ã³ã³ãã³ããã¯ãªã¨ã¤ãã£ãã»ã³ã¢ã³ãº4.0ã®è¡¨ç¤º - ç¶æ¿ ï¼CC BY-SA 4.0ï¼ã§å ¬éãã¾ããã¨ãã£ã¦ã宿çã§ã¯ãªããã¢ã¼ãªã¼ã¢ã¯ã»ã¹çã®ãããªå質ã§ãããã¨ããäºæ¿ãã ããã ä»äºã§ããã«ä½¿ããTypeScript Webçã«å ãã¦PDFçããã¦ã³ãã¼ãå¯è½ã§ãã ãããããã®è³æãæ¸ãå§ãããã£ããã§ããããã¥ã¼ãã£ã¼ã®ãããªB2Bãªä¼ç¤¾ã§ãã£ã¦ããæè¿ã¯ããã³ãã¨ã³ãã®æ¯éãé«ã¾ã£ã¦ããã¨ããããåºçºãã¦ãã¾ããåããã¥ã¼ãã£ã¼ã«è»¢è·å¾ããReactã§ãã£ã¤ã1年以ä¸ã®æ¡ä»¶ããã£ãããåå¹´ãããã®Angularæ¡ä»¶ããã£ãããã¦ãã¾ããä¼ç¤¾ã¨ãã¦ã¯Vue.jsãæ¨ãã¦ãã¾ããã°ã«ã¼ãä¼ç¤¾ã®æ±äº¬ã«ã¬ã³ãã¼ã¯Reactã使ã£ã¦ãããããã¾ããè¦ä»¶ã«åããã¦ããããã§ãããB2B2Cãªæ¡ä»¶ãå¤ãã§ãããã客æ§ã®æ±ããUX
æ³¨é æ¬ããã¥ã¡ã³ãã¯ãã¾ã æªå®æã§ãããã¦ã§ãããã³ãã¨ã³ãã®éçºãå¦ã¶ã¨ãã«ãJavaScriptãçµç±ããã«ãæåããTypeScriptã§å¦ãã§ãã社å åãã³ã³ãã³ãã¨ãã¦ä½æããã¯ããã¾ãããåºæ¬ã®ææ³é¨å以å¤ã¯ã¾ã å·çããã¦ããªãç« ãããã¤ãããã¾ããæ¸ããã¦ããç« ãã¾ã ã¾ã å 容ã追å ãããå¯è½æ§ãããã¾ãããç°å¢ã®å¤åã§å 容ã®å¤æ´ãå ¥ãå¯è½æ§ãããã¾ãã æ¸ç±ã®å稿ã¯GitHubä¸ã§ç®¡çãã¦ããã¾ããããTypoãè¦ã¤ãã¦ãã ãã£ãæ¹ãããã£ãããã¾ãããã GitHubä¸ã§é£çµ¡ ããé¡ããã¾ã 1 ãreSTãã¡ã¤ã«ã ãä¿®æ£ãã¦ããããã°ãHTML/PDFã®çæã¾ã§ã¯ä¸è¦ã§ãããã£ã¼ãããã¯ãªã©ãæè¿ãã¦ããã¾ãã 1 https://github.com/future-architect/typescript-guide/pulls
Learn TypeScript Linting Part 1 Written by: Ethan Arrowood TypeScript and ESLint This guide will show you how to set up ESLint with a TypeScript project. The guide is broken up into three sections. The first two are about setting up ESLint and configuring it to work with TypeScript. The last section contains additional context and a list of resources for those interested in learning more. Make use
å°çã®ç®¡ç人ããã®åã¯TypeScript â»ååã®è¨äº å°çããã®ä½¿è ããã®åã¯TypeScript ï½ åºãã£ãåã®å½¢ ï½ 2 1. æ°ãä»ãã¨ããã¯è¿·å®® å°çã®å°å³ åå¦è ãTypeScriptãå§ãããã¨ããã®ãªããããããã¯ã©ããããã®è§£èª¬è¨äºãã¿ããã¨ã«ãªãã ãããã¨ãããTypeScriptã¯è¿·å®®ã®å ¥ãå£ãªã®ã§ãããç¥ããã«é²ãã°ãGPSãã³ã³ãã¹ãå½¹ã«ç«ããªãæ°¸å«ã®æ¨¹æµ·ã彷徨ããã¨ã«ãªãã ããã ã¾ãã¯å ¥ãå£ã§ããåããããã¨ã«ãªã ããã¬ãã®é²ãã¹ãéã¯ãåãå¾ããï¼ã 大æµã®äººéã¯ããçããã ããã ããã¡ããåã«é²ãããã®ããã«æ¥ãã®ã ï¼ã ãã®çãã«å¯¾ãã¦ãåã³åãããã ããµããã¾ãè¯ãã ãããã§ã¯æ¬¡ã®åãã ããã¬ãã¯ç°å¢ãéããããï¼ã 大åã®äººéã«ã¯ãã®æå³ãåãããªãããããåãããªãã¾ã¾ããçããã ãç°å¢ã¯è¯ãæ¹ããããªãã æ°ãã¤ãããããã³ãã¨ã³ãã§
FukuokaJS #8 ãTypeScriptã(2019.05.15)ã®çºè¡¨è³æã§ãã
ã©ã³ãã³ã°
ãç¥ãã
ã©ã³ãã³ã°
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}